Unicode字符集和UTF8编码编码的前世今生
很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了
必须要会的 50 个React 面试题
如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。JavaScript 工具缓慢而稳定地在市场中扎根，对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性
promise/async/await的执行顺序
上述，在Chrome 66和node v10中，正确输出是：执行async1函数，此函数中又调用了async2函数，输出async2 end。回到async1函数，遇到了await，让出线程。遇到setTimeout，扔到下一轮宏任务队列
这样理解 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(--*)，其中*表示变量名称
设计模式有六大设计原则
即使抛开所有设计模式，能按照上述六大原则进行代码设计开发，代码质量就能得到很好的保证。所有的设计模式不见得一次性都能记住，不用则不熟。但如果能透传理解上面的原则，可能实际写代码中会不自觉就把某一个模式给实现出来了。