随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发…

提示: 本文是 github 上《Understanding ECMAScript 6》 的笔记整理，代码示例也来源于此。大家有时间可以直接读这本书。虽是英文，但通俗易懂，非常推荐。 之前面试时有被问到为什么会有 Generator， 还好没懵逼。想知道的吗，往下翻。 还要判断…

上一篇文章我简述了什么是 Virtual DOM，这一章我会详细讲 Diff 算法以及为什么在 React 和 Vue 中循环都需要 key 值。 Web 界面其实就是一个 DOM 树的结构，当其中某个部分发生变化的时候，实质上就是对应的某个 DOM 节点发生了变化。而在 Re…

本文先对 es6 发布之前 javascript 各种继承实现方式进行深入的分析比较，然后再介绍 es6 中对类继承的支持以及优缺点讨论。最后介绍了 javascript 面向对象编程中很少被涉及的 “多态”，并提供了“运算符重载” 的思路。本文假设你已经知道或了解了 js 中原型、原型链的概念。

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…

当我们被问起vue的生命周期的时候，我们自然就回答到有beforeCreate,created,mounted,updated,destroy。就是一个生命的开始和结束。这次我们探讨的是我们有兄弟组件的时候，各个组件在执行钩子函数的时候的执行顺序是怎么样的，按照之前的理解：是先…

补充：如果以下内容有什么不对的地方，欢迎指正。 设计模式是为了更好的代码重用性，可读性，可靠性，可维护性。 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元…

16年出来工作，工作经验四年，之前主要做平面相关，自己喜欢瞎折腾，从17年开始研究前端，然后公司内部转岗到开发部门工作，算下来前端经验也快三年之久。 年底由于种种原因想换一份工作，但由于太忙，没认真搞简历，也没怎么复习基础，导致很多本来会的都没敢往简历上写。于是写了一个简版的简…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…