前端万山

表示开始获取当前页面内容. fetchStart时间点和navigationStart时间点之间的时间差是浏览器内核为加载新页面做的一些准备工作耗时。 domainLookupStart。 domainLookupStart时间点和fetchStart事件点之间的时间差是查询缓…

设计模式的原则是“找出 程序中变化的地方，并将变化封装起来”，它的关键是意图，而不是结构。 不过要注意，使用不当的话，可能会事倍功半。 当客户不方便直接访问一个 对象或者不满足需要的时候，提供一个替身对象 来控制对这个对象的访问，客户实际上访问的是 替身对象。 迭代器模式是指提…

初始化阶段运行中状态销毁阶段

npm link主要用来连接本地库的，对我们在本地开发npm包尤其方便。 首先，给本地开发包建立一个全局的软链接；其次，在项目里边建立一个链接全局包的软链接。 例如，我们的package名为ex-pkg，项目名为ex-app。

由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，不管是现在的版本还是以前的版本，都存有一定的问题。建议大家开始使用viewport来替代此方案。vw的兼容方案可以参阅《如何在Vue项目中使用vw实现移动端适配》一文。

如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等；上面这些应用场景你可以用一行代码实现？扁平化N维数组去重判断是否包含在数组中类数组转换对象和数组转化防抖节流new

animation和transition都可以设置元素的动效，不同的是animation作用于DOM元素，如div, 强调播放动画；transition作用于元素的属性，如div.width，强调反馈动画。

flex是一种很强大的弹性布局方式，也是现阶段比较流行的页面布局。从我个人经历过的table到float再到现在flex来看，真的是一种很强大的页面布局方式，帮我们省去了很多中间环节。简单的几行代码便写出以前很多奇技淫巧才能做出的效果。👍