新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中

如果你不知道这段代码可能带来的问题，那么这篇文章就值得你读一读。 在 JS引擎 中，是通过执行上下文栈来管理和执行代码的。上述代码的伪执行过程如下（本节内容主要参考冴羽大大的系列文章）： 在执行过程中，不断改变 VO，执行到 a = 1 语句，将 VO 中的 a 置为 1，执行…

备注：1、设置flex-wrap：wrap，不然默认nowrap按照比例排满一行。 有不足之处，请评论留言... 谢谢

在上一章节我们已经粗略的分析了整个的Vue 的源码(还在草稿箱，需要梳理清楚才放出来)，但是还有很多东西没有深入的去进行分析，我会通过如下几个重要点，进行进一步深入分析。 这一章节我们针对1. 深入了解 Vue 响应式原理(数据拦截) 来进行分析。 我们在上一章节中已经分析了，…

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章的一些链接可能失效，而 jsliang 没有精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 在本文中，…

特效指令#xxx，第一次输入#xxx开启了特效，再次输入#xxx关闭特效。目前有#下雪，更多指令待开发... 当调用特效指令，如：#下雪，播放器的渲染就不使用<video/>了，而是切换成<canvas/>获取WebGl对象进行渲染。在全屏模式下，WebGl渲染了面积过大的实时…

获得渲染上下文和它的绘画功能。比如说用来定义画笔样式以及进行绘画的所有操作。getContext()只有一个参数 x与y指定了在canvas画布上所绘制的矩形的左上角（相对于原点）的坐标。width和height设置矩形的尺寸。 绘制一条从当前位置到指定x以及y位置的直线。 开…

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。