在这个由4部分组成的系列文章中，我们将介绍Chrome浏览器从高级架构到渲染管道的具体细节。 如果你想知道浏览器是如何将你的代码转换为功能性网站的，或者你想知道为什么需要使用某些特定技术来提高性能，那么本系列非常适合你。 作为本系列的第1部分，我们将介绍核心计算术语和Chrom…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

事件是与浏览器或文档交互的瞬间，如点击按钮，填写表格等，它是 JS 与 HTML 之间交互的桥梁。DOM 是树形结构，若同时给父子结点绑定了相同的事件，那么他们的执行顺序是什么样子的呢？文章对事件机制，以及各种鼠标事件，键盘事件，Form 事件做出了整理。

引语 在1995年5月，Eich 大神在10天内就写出了第一个脚本语言的版本，JavaScript 的第一个代号是 Mocha，Marc Andreesen 起的这个名字。由于商标问题以及很多产品已经使用了 Live 的前缀，网景市场部将它改名为 LiveScript。在199…

除了这篇文章，这里还提供了一个非常精美生动的免费游戏来帮助你快速掌握service worker。 对于前端工程师来说npm已经跟吃饭喝水一样不可或缺，但如果有朝一日npm关闭服务呢？或者还记得当时的left-pad事件么？某种程度上，npm「并不爱你」。 这是npm, Inc…

可以看看。

文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…

Webpack for beginner

常见的 js 动态加载技术之一是把一些逻辑独立的 js 脚本文件单独加载。这样做的好处是，比如可减少不必要的 js 脚本文件的加载，以提高网页浏览器的速度。 <ti…