摘要：
1. 切换窗口 ctrl + w2. 关闭所有窗口 :qa3. 保存并退出 :wq 或者 命令模式下按两次Z键(ZZ命令前面不需加冒号也无需按Enter键)4. 保存 :w5. 退出 :q6. 强制退出 :q! 7. 行首和行尾一. home 和 end二. (^或0) 和 $ (命令模式,对应正则 阅读全文
摘要：
let 1. let有变量提升，但是有约束 2. 会形成暂时性死区(TDZ) 3. 同一个块级作用域内不允许声明相同变量 4. 块级变量 5. let声明的全局变量不是全局对象的属性，var会 6. 从块顶部到该变量的初始化语句，这块区域叫做 TDZ（临时死区），如果你在 TDZ 内使用该变量，JS 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>深度遍历和广度遍历测试</title> <style type="text/css"> </style> </head> <body> <div class=" 阅读全文
摘要：
//浅拷贝 function shallowCopy(src){ if(typeof src != 'object'){ return src; } var dest = Array.isArray(src) ? [] : {}; for(var p in src){ if(src.hasOwnProperty(p)){ ... 阅读全文
摘要：
数组扁平化 //ES5写法 function flatten(arr){ return arr.reduce(funcion(pre,cur,index){ return pre.concat(Array.isArray(cur) ? flatten(cur) : cur); },[]); } // 阅读全文
摘要：
如上图，在积分的数字元素上，使用了transform perspective，其层级就穿透了上面的遮罩层，关键代码如下： 具体解决方法： 1. 在有perspective的元素的任意父级添加overflow:hidden; 2. 在layer元素上添加transform:translateZ(500 阅读全文
摘要：
pub/sub即观察者模式，有多重表现形式 1. Publisher/Subscriber2. Observer/Observable3. Listener(例如EventListener)4. EventBus5. EventEmitter EventBus这种不只是观察者模式，还包含了中介者模式 阅读全文
摘要：
思路1，文字两端对齐使用text-align:justify，容器添加after伪元素，充当末行就行了。 text-align: justify可以实现文字的两端对齐布局，注意点如下： 1. 两端对齐后，若文字间距太大，可以使用letter-spacing收缩字符间距 2. text-align:j 阅读全文
摘要：
FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。FC一共包含BFC、IFC、GFC 、FFC四种类型。CSS2.1规范中只有BFC、IFC。CSS3 阅读全文
摘要：
/* 1.直接设置style属性 */ element.style.height = '100px'; /* 2.直接设置属性 */ element.setAttribute('height', '100px'); /* 3.使用setAttribute设置style属性 */ element.se 阅读全文