Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍，并大大降低了内存消耗。那么，什么是Virtual DOM？为什么需要Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？这是本文所要探讨的问题。 在对 Model 进…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

OpenId 是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户。 UnionId 是一个用户对于同主体微信小程序／公众号／APP的标识，开发者需要在微信开放平台下绑定相同账号的主体。开发者可通过UnionId，实现多个小程序、公众号、甚至APP 之间的数…

采集商品曝光... 前端：产品要看隔壁老王昨天... 埋点代码书写复杂，复杂度大于业务代码，成为开发者的一个大负担。 概念：所谓的代码埋点就是在你需要统计数据的地方植入N行代码，统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件，传递比较丰富的数据到服务端。 …

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 受 Allen 启发，本文提出了一种不同的方法来描述变量声明。 1. 声明：作用域与激活 作用域：在哪里可以看到声明的变量？ 这是一个静态特征。 激活：我什么时候可以访问变量？ 这是一个动态特征：有些变量只要我…

缘起 平时写惯了业务代码之后，如果想要了解下 webpack 或者 vue-cli，好像是件很难上手的事情🙁 。拿 webpack 来说，我们可能会对配置熟悉点，但常常一段时间过后又忘了，感觉看起来不

0. 前言 1. 基于Prototype的OOP 这是我们使用原型的一个很简单的例子，Person具有名字和性别，Man是一个性别为男的Person，Jy是一个Man。我们先记住这一个例子，下面将使用class重写这个例子。 2. ES6 Class的OOP 我们通过重写这个例…

JavaScript 都知道它是一门单线程的语言，这也就意味着 JS 无法进行多线程编程，但是 JS 当中却有着无处不在的异步概念 。要完全理解异步，就需要了解 JS 的运行核心——事件循环（event loop）。 js执行之后，程序输出 'start' 和 'end'，在大…

最近有很多童鞋跟鱼头说，面试的时候动不动就问源码。 也有很多童鞋遇到问题的时候，鱼头建议这些童鞋看相关库 / 框架 / 项目的源码。 但是也有很多童鞋向鱼头抱怨说：“源码太难了。” 其实不是的。 作为一个优秀（或说合格）的开源项目，它的代码一定不会是晦涩难懂的。不仅是代码本身，…