这样理解 promise
官网解释 promise 表示一个异步操作的最终结果。翻译 ==可以将promise理解为一个状态机==，它存在三种不同的状态，并在某一时刻只能有一种状态，一个promise是对一个异步操作的封装
ES6中的代理（Proxy）和反射（Reflection）
调用 new Proxy() 可常见代替其它目标 (target) 对象的代理，它虚拟化了目标，所以二者看起来功能一致。代理可拦截JS引擎内部目标的底层对象操作，这些底层操作被拦截后会触发响应特定操作的陷阱函数。
关于display:flex碰上white-space nowrap 影响布局的问题
背景，做一个前面图片宽度固定，后面宽度自适应，使用到了flex布局，但是想让后面div里文字不换行，超出以点点表示时，这时布局就乱了，查了下，原来flex布局与white-space:nowrap有影响
js 任意元素解绑任意事件的兼容代码
解绑事件有三种:注意:用什么方式绑定事件,就应该用对应的方式解绑事件,解绑事件（IE 谷歌 火狐都支持 但是得对于的ON事件）,对象.addEventListener(没有on的事件类型,命名函数,false);---绑定事件
实现响应式_CSS变量
CSS 变量是 CSS 引入的一个新特性，目前绝大多数浏览器已经支持了，它可以帮助我们用更少的代码写出同样多的样式，大大提高了工作效率，本篇文章将教你如何使用 CSS 变量（css variable）。CSS中原生的变量定义语法是：--*，变量使用语法是：var(--*)，其中*表示变量名称
设计模式有六大设计原则
即使抛开所有设计模式，能按照上述六大原则进行代码设计开发，代码质量就能得到很好的保证。所有的设计模式不见得一次性都能记住，不用则不熟。但如果能透传理解上面的原则，可能实际写代码中会不自觉就把某一个模式给实现出来了。
原生js实现拖拽功能
如果要设置物体拖拽，必须使用三个事件，分别是：1、onmousedown:鼠标按下事件2、onmousemove:鼠标移动事件3、onmouseup:鼠标抬开事件
JS自定义事件
自定义事件，就是自己定义事件类型，自己定义事件处理函数。我们平时操作dom时经常会用到onclick、onmousemove等浏览器特定行为的事件类型。封装is自定义事件基本的构思：
js 冒泡事件与解决冒泡事件
事件冒泡 ：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。取消事件冒泡有两种方式：e.stopPropagation(); window.event.cancelBubble=true;