如果你去百度这个问题“JavaScript的变量存储机制”，可以看到很多的回答都是：对于原始类型，数据本身是存在栈内，对于对象类型，在栈中存的只是一个堆内地址的引用。 想要搞清楚 JavaScript的变量存储机制 ，首先必须要弄明白 堆 和 栈 ，先来看下 堆 和 栈的概念和…

计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。 下面是前端前辈进行的

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

生活中我们经常遇到需要短链的场景。 比如一段很长的 url： 分享出去很不方便。 这时候就可以通过短链服务把它缩短： 点击短链会跳转到原链接： 这种在短信里很常见： 因为短信是按照字数收费的，太长不但

这么久了，突然发现一个问题，package.json天天见，知道个scripts、dependencies，但真的还不算认识它！这两天因为想分享一些小工具，发个包啥的，所以就整理了关于package.

qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。 微前端就是可以一个页面跑多个 vue、react 甚至 jquery 等不同项目，它之间的 JS、C

ESLint + Prettier 很好地解决了代码质量检查和格式化的问题，解放了 Code Review 中代码规范方面的巨大压力。

页面布局不一定是四四方方的。历史上，页面中的每个元素都被渲染为矩形，但也可以不是矩形。借助 CSS Shapes 我们可以创建与印刷杂志一样时尚的页面布局，同时又具有网页本身的优势。 CSS Shapes 让你的网页设计突破矩形的限制。所有经典的杂志设计元素，如非矩形文本流和非…

文章主要解决的问题：1、为什么要说这个 diff 算法？2、虚拟 dom 的 diff 算法 3、为什么使用虚拟 dom？4、diff 算法的复杂度和特点？ 5、vue 的模板文件是如何被编译渲染的？