frank
frank
[demo](https://codepen.io/frankyeyq/pen/MWWxOXN) ```js llet lis = document.querySelectorAll('#list li') let input = document.getElementById('input') lis.forEach(li => { li.addEventListener('click', event => { console.log(event) let text = event.target.innerText input.value = text lis.forEach(li => { li.classList.remove('selected')...
```js function checkIndex(length, index) { if(index < 0) { return index + length; } else { return (length - 1 - index) >= 0 ? index : -1; } }...
```js 1. bankCode.replace(/(\d{4})/g, '$1 ') 2. Number(numberCode).toLocaleString() 3. function formatFileSize(fileSize) { const K = 1024; const M = K * 1024; const G = M * 1024 if (fileSize <...
[demo](https://codepen.io/frankyeyq/pen/QWWxjVB) ```html 1-规则说明 2-参与活动 3-参与抽奖 4-奖品发放 5-查看结果 ``` ```css ul, li { margin: 0; } li { list-style: none; display: inline-block; } .arrow { padding: 20px; background-color: #edf9ff; color: #38b1ed;...
```js 1. document.forms 2. document.getElementById('loginForm').addEventListener('submit', event => { event.preventDefault(); }); 3. var formData = new FormData(document.getElementById('loginForm')); 4. document.getElementById('loginForm').querySelector('input[type="submit"]').disabled = true ``` ```html 5. 在表单之外的控件上加上form属性值为表单id的值就可以 ```
[demo](https://codepen.io/frankyeyq/pen/JgBMYW) ```html 布局 Flex布局 Grid布局 Shapes布局 Columns布局 组件 按钮 输入框 下拉列表 单复选框 ``` ```css ul, li { list-style: none; padding: 0; margin: 0; } .menu-container { border: 1px solid #bababa;...
1. ```js let divElement = document.createElement('div') divElement.innerHTML = str divElement.childNodes[0].childNodes.forEach(child => { console.log(child) let fill = child.getAttribute('fill') if (fill) { child.removeAttribute('fill') } }) ``` 2. ```js let base64Str = btoa(divElement.innerHTML)...
```js chrome 1. 1 2. 2 3. 0.04 4. 0.04 ``` ```js 5. let oldtoFixed = Number.prototype.toFixed Number.prototype.toFixed = function(n) { return oldtoFixed.call(Number.parseFloat(this+''+1), n) } // 有错误 new Number(10).toFixed(2) "101.00"...
```js 1. // 进度 xhr.addEventListener('progress', function() { }); // 成功 xhr.addEventListener('load', function() { }); // 失败 xhr.addEventListener('error', function() { }); 2. files = Array.from(files).filter(file => file.size { var xhr =...
[demo](https://codepen.io/frankyeyq/pen/oNNKGrM) ```html 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 商品秒杀 ``` ```css ul, li, p { margin: 0; padding: 0; } a { text-decoration: none; }...