因为掘金改版之后对于字数有了一定的限制（亲测了下在12500字左右，所以看到标题还有几万字长文的标题一定是在唬你的😂）文章美化排版之后字数超出了限制所以打算将后面的部分单独拎出来写, 这样也更好的写出相对比较深入的一点的内容, 对于【前端体系】这类文章内容一定是包括但不限于标…

近两年前端发展速度很快，大家很喜欢谈论一些概念，例如闭包、柯里化、高阶函数等。随着 React 的流行，前端又掀起了讨论虚拟 DOM 的热潮，那么究竟什么是虚拟 DOM，为什么会出现虚拟 DOM，它能解决什么问题？本文尝试做出解答，不过在讲虚拟 DOM 之前，我们需要掌握和理解…

这是从30 seconds of code中挑出来的非常有用的一些代码片段，这是一个非常棒的项目，大家可以去github上去搜索一下，给个star。 递归的方法不断调用使用scrollToTop()，requestAnimationFrame方法告诉浏览器——你希望执行一个动画…

数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法，如array. forEach()、array.map()等来操作数组。 在实战中，我经常对数组可能的操作和相应采用哪个更好的方法不知所措，所以本文就列出 15 种常用数据方法，让咱们重温加强记忆一下。 1. 数…

总括 ：这篇文章使用有效的javascript代码向程序员们解释了闭包，大牛和功能型程序员请自行忽略。 译者 ：文章写在2006年，可直到翻译的21小时之前作者还在完善这篇文章，在Stackoverflow的How do JavaScript closures work?这个问…

了解JavaScript引擎。 通过运行机制看作用域和作用域链。 通过运行机制理解this的绑定和优先级。 通过运行机制理解闭包。 了解运行机制之前，我们先来搞清楚几个基本概念。 渲染是根据描述或者定义构建一个数据模型，生成图形的过程。渲染引擎将页面资源（html、css、ja…

你可以完全使用console.warn来代替console.log方法，但前提是该条打印信息是属于警告级别而不是普通信息级别，因此浏览器遇到一条警告级别的信息会区别对待，最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。 相比于普通信息，警告信息会出现在上图左…

事件委托，通俗地来讲，就是把一个元素响应事件（click、keydown......）的函数委托到另一个元素。 一般来讲，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，当事件响应到需要绑定的元素上时，会通过事件冒泡机制从而触发它的外层元素的…

当 JS 引擎解析到可执行代码片段（通常是函数调用阶段）的时候，就会先做一些执行前的准备工作，这个 “准备工作”，就叫做 "执行上下文(execution context 简称 EC)" 或者也可以叫做执行环境。 全局执行上下文——这是默认或者说是最基础的执行上下文，一个程序中…