建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建

在前面的两章，介绍了Vue 源码解析（实例化前） - 初始化全局API（一）和Vue 源码解析（实例化前） - 响应式数据的实现原理。 由于数据双向绑定的内容会比较多一些，而且涉及到的知识点也比较多，所以我当时就从初始化全局API里面单独拿了一章出来，去讲解 vue 到底是如何…

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会…

关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。 后面部分多为一些我在项目中总结的方法，这部分就是在别人的资料可能看不到的地方了，当然，这些方法也许不通用，因为毕竟是基于我项目里…

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

时间/地点/人物：1946年2月14日世界第一台计算机“ENIAC”(埃尼阿克)在美国宾夕法尼亚大学诞生。电脑的发明是一群科研人员共同努力的成果，但其中数学家冯·诺依曼的设计思想在其中起到了关键作用，所以冯·诺依曼被称为现代计算机之父。 背景：二战中，美国国防部用它进行弹道计算…

19年的第一篇文章，虽然18年也没有分享多少，但是19年开始，我觉得要好好学习，好好努力。当然新的一年伊始，祝大家在19年平安、幸福，还有发发发。 redux解决的核心问题是父子兄弟等组件件传值很麻烦的问题，于是有了一个"通讯班"--redux，这个通讯班可以帮我们把组件之间的…

事件流包括三个阶段。简而言之：事件一开始从文档的根节点流向目标对象（捕获阶段），然后在目标对象上被触发（目标阶段），之后再回溯到文档的根节点（冒泡阶段）。 事件的第一个阶段是捕获阶段。事件从文档的根节点出发，随着 DOM 树的结构向事件的目标节点流去。途中经过各个层次的 DOM…