严文彬 comments

Results 148 comments of


                                            严文彬

JS基础测试33

||Chrome | Firefox | IE| |--|-- | -- | --| |0.6.toFixed(0) | 1 | 1 | 1| |1.6.toFixed(0) | 2 | 2 | 2| |0.035.toFixed(2) | 0.04 | 0.04 |...

**1.** ```js var xhr = new XMLHttpRequest(); var target = xhr.upload; //进度 target.onprogress = function(ev){ console.log(ev); } //成功 target.onload = function(){ console.log('success'); } //失败 target.onerror = function(){ console.log('fail'); } xhr.open("POST",'/upload',true);...

JS基础测试35期

**1** 大概记得是`encodeURI`不会对`:/?#=&`等正常的url进行编码，而`encodeURIComponent`则会全部编码 **2** ```js const object1 = { userid: 123, username: '王二', tel: '13208033621' } var s = Object.entries(object1).map(([k,v])=>k+'='+encodeURIComponent(v)).join('&'); //console.log(s) ``` **3** ```js location.search ``` **4** ```js var s =...

CSS基础测试15

[demo](https://codepen.io/xboxyan/pen/zYYgYdL) ```css .list { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); color: #524940; border: 15px solid; position: relative; background-color: currentColor; grid-gap: 1px; overflow:hidden; } .list-item { position: relative; text-align: center; color:...

DOM基础测试37

**1** ```js var dialog = document.createElement('dialog'); document.body.append(dialog); ``` **2** ```js dialog.open = true; // 或者 dialog.setAttribute('open','open'); // 或者 dialog.show(); ``` **3** ```js var button = document.createElement('button'); button.textContent = 'close'; dialog.appendChild(button);...

JS基础测试34期

```js //第一题 4 //第二题 arr = arr.flat(); //第三题 [1, NaN, NaN] //第四题 var arr3 = arr.concat(arr2); //第五题 arr3 = [...new Set(arr3)]; ```

DOM基础测试28

```js (function (doc) { var container = doc.getElementById('container'); var aImg = container.getElementsByTagName('img'); container.addEventListener('click', function (ev) { var ev = ev || window.event; var target = ev.target || ev.srcElement; if (target.tagName.toLowerCase()...

JS基础测试31

### 方式一在知乎看到过类似的，可以生成一个伪随机数需要注意的是id必须为数字 ```js var arr = [{skin:1},{skin:2},{skin:3},{skin:4},{skin:5},{skin:6},{skin:7},{skin:8},{skin:9},{skin:10}]; function rnd( seed ){ seed = ( seed * 9301 + 49297 ) % 233280; return seed / ( 233280.0 )...

CSS基础测试2

目前归类了如下几种场景（可补充） 1. 方向（上右下左） 2. 多文本 3. 类型（警示，温馨，危险） |属性|描述|用法| |---|---|---| | `data-title-dir`|规定提示的方向，可以取值`top`（默认）、`right`、`bottom`、`left`|`提示上`| |`data-title-muti`|适用于提示文本较多的情况，自动换行|`多行提示`| |`data-title-type`|选择提示的类型，即不同的背景颜色，默认为暗灰色，可以取值`success`、`error`、`warn`|`警告提示`| 以上不同属性可以组合使用 ```html 多行提示 ``` 源码 ```css [data-title] { position: relative; overflow: visible; } .css-tips[data-title]:before, .css-tips[data-title]:after { display:...

JS基础测试第29期

```js //比较数组 function equalArray(arr1,arr2,cb){ if(arr1.length!=arr2.length){ return false; } return arr1.every(function(el,i){ if(cb){ return cb(i); } return el === arr2[i] }) } //比较对象 function equalObject(obj1,obj2,cb){ var aProps = Object.getOwnPropertyNames(obj1); var bProps =...