liyongleihf2006

[jsbin](https://jsbin.com/jigehut/edit?html,css,js) ```css #draggable { width: 200px; height: 20px; text-align: center; background: white; } #dropzone { position: absolute; top: 300px; width: 200px; height: 20px; background: blueviolet; margin-bottom: 10px; padding: 10px; }...

[jsbin](https://jsbin.com/qojofup/edit?html,css,output) ```css /* 思路666 */ .container { display: flex; font-size: 13px; font-weight: bold; color: #009fe9; } .item { display: flex; justify-content: center; align-items: center; border: 1px solid transparent; position: relative;...

[jsbin](https://jsbin.com/sadabeg/edit?html,css,output) ```css .title { margin-top: 12px; margin-bottom: 12px; white-space: nowrap; color: #969ba3; font-size: 20px; } .title-reverse .title-content{ direction: rtl; text-align: left; } .title-content { display: block; overflow: hidden; text-overflow: ellipsis;...

[jsbin](https://jsbin.com/wafuyig/edit?html,js,output) ```html ee ff ``` ```js //第一题 var loginForm = document.querySelector('#loginForm'); loginForm.addEventListener('submit', function (e) { //第二题 e.preventDefault(); //第三题 //ie10以下及没有二进制文件 var formData = getFormData(this); //ie10以上及有二进制文件 //var formData = new FormData(this); console.log(formData);...

我是参考了张老师的这篇文章来实现的[借助HTML5 details,summary无JS实现各种交互效果](https://www.zhangxinxu.com/wordpress/2018/01/html5-details-summary-no-js-ux/) 这道题中我将a标签的href去掉了,因为a是锚点的话我这里有两个问题: 1. 点击的时候总是自动的跳到页面的顶部 2. 点击的时候单选框按钮不能被选中 我本来打算将dl标签放到details标签中去的,可惜收起的动画效果不能实现,老师将dl放的跟detail标签同级是有意义的 [jsbin](https://jsbin.com/kuzemig/edit?html,css,output) **这是借助张老师的css代码** ```css /* 隐藏默认三角 */ ::-webkit-details-marker { display: none; } ::-moz-list-bullet { font-size: 0; } summary { user-select: none; outline: 0;...

**第一题** ```js str = str.replace(/fill\s*=\s*\"\s*(?!none)[^"]*\s*\"/g,""); console.log(str); ``` **第二题** ```js console.log(window.btoa(str)); ``` **第三题** ```js console.log(str.replace(/["%#{}]/g,encodeURI)); ```

容差概念我是看的 @Seasonley 查找的概念😄 ```js var arrRGBA = [ 255, 255, 255, 255, 255, 255, 000, 255, 138, 222, 246, 255, 224, 224, 224, 255, 254, 254, 254, 254 ]; cutout(arrRGBA)...

—— | chrome | firefox | ie -|-|-|- 0.6 | 1 | 1 | 1| 1.6 | 2 | 2 | 2| 0.035 | 0.04 | 0.04 | 0.04| 0.045...

```js const getVerifyCode=()=>Math.random().toString(36).substr(2,4).toUpperCase() ```

```js /* 测试url使用 http://127.0.0.1:5501/test31.html?a=b&c=???&a=e&a=&d*/ /* 第一题 */ const first = "encodeURIComponent 比 encodeURI 多转义下列字符 ;,/?:@&=+$#"; console.log(first); const object1 = { userid: 123, username: '王二', tel: '13208033621' } /* 第二题 */...