asyncguo

[demo](https://codepen.io/anon/pen/YbJabE) ```js let fragment = document.createDocumentFragment() for (let i = 0; i < 20; i++) { let oDiv = document.createElement('div') oDiv.className = 'box' fragment.appendChild(oDiv) } document.body.appendChild(fragment) let boxTimer = null...

[demo](https://codepen.io/anon/pen/zQZQzx?editors=1100) ```html 0.05 / 0.05 ``` ```css .audio-box{ display: flex; align-items: center; width: 600px; min-height: 60px; background-color: #f1f3f4; border-radius: 30px; } .audio-play{ display: flex; align-items: center; justify-content: center; margin-left: 12px;...

[demo](https://codepen.io/anon/pen/arrqXZ) ```css html, body{ margin: 0; height: 100%; } .container{ display: flex; flex-direction: column; min-height: 100%; } .content{ flex: 1; } ```

1 ```js document.querySelectorAll('input[type="radio"]:required') ``` 2 ```js document.querySelectorAll('input[type="radio"]:disabled') ``` 3 ```js document.querySelectorAll('input[type="radio"]:checked') ``` 4 ```js let button = document.getElementById('removeDisabled') button.addEventListener('click', () => { document.querySelectorAll('input[type="radio"]').forEach(el => { while (el.parentNode.nodeName !== 'BODY') {...

[在线demo](https://codepen.io/anon/pen/ZZKWyr) ```js let slider = document.createElement('div') slider.setAttribute('class', 'slider') slider.innerHTML = ` ` document.body.appendChild(slider) slider.style.setProperty('--percent', 50) const { left, width } = slider.getBoundingClientRect() // 鼠标按下时，判断target是否为thumb元素 let dragging = false let thumb...

第一题 ```js //zxx: 2字符平铺规则个题意不符合 function colorPad(x) { x = x.replace(/#/g, '') let len = x.length // 非正确十六进制或长度不对，直接返回黑色 if (isNaN(Number(`0x${x}`)) || len < 1 || (len > 3 && len !==...

> 第一题 > > ```js > //zxx: 2字符平铺规则个题意不符合 > function colorPad(x) { > x = x.replace(/#/g, '') > let len = x.length > // 非正确十六进制或长度不对，直接返回黑色 > if (isNaN(Number(`0x${x}`)) || len...

```js const _clearSpaces = (str) => { return str = str.trim().replace(/[\s\n\r]+/g, ' ') } const _getAscLength = (str) => { return [...str].reduce((sum, item) => { return sum += /^[\x00-\xff]+$/g.test(item) ?...

```js // 第一题 function telTrim(str) { let strResult = str.replace(/[\s-]/g, '') return /^\d{11}$/g.test(strResult) ? strResult : str } // 第二题 let formEl = document.getElementById('form') let inputEl = document.getElementById('input') // 第三题...

```css *{margin: 0;padding: 0;} dl{ display:flex; flex-wrap:wrap; min-width: 300px; border:1px solid #eee; } dd,dt{ width: 50%; } dd{ text-align: right; } ```