严文彬 comments

Results 148 comments of


                                            严文彬

CSS基础测试17

[demo](https://codepen.io/xboxyan/pen/dyPqMdx) ```css .con { display: grid; grid-auto-flow: column; grid-template:repeat(2, 1fr)/repeat(3, 1fr); grid-gap: 10px; } .item:first-child { grid-area:span 2; } .item img { width: 100%; height: 100%; object-fit:cover; } ``` ```html...

DOM基础测试40

[demo](https://codepen.io/xboxyan/pen/jOOJEKM) ```js var input = document.getElementById('input'); var oul = document.getElementById('list'); var list = oul.querySelectorAll('li'); var vlist = oul.querySelectorAll('li:not([hidden])'); var index = -1; function setIndex(i){ var max = vlist.length - 1;...

JS基础测试28

可以把第四种情况看成普遍情况，前三种为特殊情况 #### 第一种思路，顺着题目意思来即可 ```js //交换两个指定项 Array.prototype.moveIndex = function (i, j) { var len = this.length; if (i < 0 || i > len - 1) { return new Error('索引超出范围') }...

JS基础测试37期

```js //1 var bankCode = '6222081812002934027'; bankCode.replace(/(\d{4})/g,'$1 '); //2 var numberCode = '5702375'; Number(numberCode).toLocaleString('en-US'); //3 var filesize = 2837475; function format(size){ return size>1024**3&&(size/1024**3).toFixed(2)+'G' || size>1024**2&&(size/1024**2).toFixed(2)+'M' || (size/1024).toFixed(2)+'K'; } format(2837475555) //2.64G...

CSS基础测试21期

```css th{ word-break: keep-all; } ```

CSS基础测试14

[demo](https://codepen.io/xboxyan/pen/bGGvzXo) ```html 1-规则说明 2-参与活动 3-参与抽奖 4-奖品发放 5-查看结果 ``` ```css /* 实现尺寸应该是效果图1/2 */ .steps{ overflow: hidden; } .step-item{ position: relative; /*display: inline-block;*/ /*最新chrome有bug，背景色不生效*/ float:left; font-size: 26px; line-height: 80px; padding: 0 20px;...

CSS基础测试9

**方式一：float布局 [demo兼容IE8](https://codepen.io/xboxyan/pen/jgNBXx)** ```css .page-list{ padding: 0; list-style: none; } .page-title{ overflow:hidden; height:40px; line-height: 40px; } .page-txt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #a2a5ac; text-align:left; } .page-lable{ float:...

DOM基础测试35

**1** ```js var form = document.getElementById('loginForm'); ``` **2** ```js form.addEventListener('submit',function(ev){ ev.preventDefault(); }) ``` **3** ```js var formdata = new FormData(form); ``` **4** ```js form[submit].addEventListener('click',function(){ this.disabled = true; var request =...

CSS基础测试10

纯`css`大概就这些吧。 ## summary [demo](https://codepen.io/xboxyan/pen/VoQgvj) ```html 布局 Flex 布局 Grid 布局 Shapes 布局 Flex 布局 Flex 布局组件按钮输入框下拉列表单选框 ``` ```css ::-webkit-details-marker { display: none; } ::-moz-list-bullet {...

JS基础测试38期

**1.** ```js var str1 = str.replace(/fill="(?!none")[^"]+"/g,""); ``` **2.** ```js var str2 = window.btoa(str1); ``` **3.** ```js var str3 = str1.replace(/[%#{}]/g, encodeURI); ```