原文：A Gentle Introduction to Prepack (Part 1)内容更新至：2018-12-24 注意：计划在当前指南更完善后，将其引入 Prepack 文档中。目前我以 gist 方式发布，以便收集反馈。 Prepack 介绍（第一部分） 如果你在开发 JavaScript 应用，那么对如下这些将 JavaScript 代码转为等价代码的工具应该比较熟悉： Babel 让你能...

想必作为前端大佬的你，工作中应该用过 webpack，并且对热更新的特性也有了解。如果没有，当然也没关系。 下面我要讲的，是我对 Webpack 热更新机制的一些认识和理解，不足之处，欢迎指正。 首先： 热更新是啥？ 热更新，是指 Hot Module Replacement，缩写为 HMR。 从名字上解读，就是把“热”的模块进行替换。热，是指这...

最近看了一些和图形、算法可视化相关的文章和代码，挺有意思，于是自己也学着做了些东西。 迷宫生成算法 迷宫小时候玩过，但从来没琢磨过迷宫是怎么设计的，以为就是有人慢慢画出来的。看过网上这篇文章后，才知道，原来还可以随机生成： Maze Generation - Visualizing Algorithms 自己找了些资料参考，试着实现了几种...

前言 Vue.js 的核心包括一套“响应式系统”。 “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 举个简单的例子，对于模板： {代码...} 创建一个 Vue 组件： {代码...} 代码执行后，页面上对应位置会显示：luobo。 如果想改变显示的名字，只需要执...

HTTP/2 就是 HTTP 协议的新版本，于 2015 年发布。目前主流浏览器基本都支持该协议，而很多网站也已经迁移到了 HTTP/2 上。

RxJS 的 Observable 有点难理解，其实 RxJS 相关的概念都有点难理解。毕竟 RxJS 引入了响应式编程这种新的模式，会不习惯是正常的。不过总得去理解嘛，而认识新的事物时，如果能够参照一个合适的已知事物比对着，会比较容易理解吧。对于 Observable，类比 JS 中的函数，还是比较好的。

vue-router 是 Vue.js 官方的路由库，本着学习的目的，我对 vue-router 的源码进行了阅读和分析，分享出来给其他感兴趣的同学做个参考吧。

源码版本：v2.1.10 分析目标 通过阅读源码，对 Vue2 的基础运行机制有所了解，主要是： Vue2 中数据绑定的实现方式 Vue2 中对 Virtual DOM 机制的使用方式 源码初见 项目构建配置文件为 build/config.js，定位 vue.js 对应的入口文件为 src/entries/web-runtime-with-compiler.js，基于 rollup 进行模块打包。 代码中使...

当我们在前端开发中采用MV*的模式时，M - model，指的是模型，也就是数据，V - view，指的是视图，也就是页面展现的部分。通常，我们需要编写代码，将从服务器获取的数据进行“渲染”，展现到视图上。每当数据有变更时，我们会再次进行渲染，从而更新视图，使得视图与数据保持一致。也就是：

React 好像已经火了很久很久，以致于我们对于 Virtual DOM 这个词都已经很熟悉了，网上也有非常多的介绍 React、Virtual DOM 的文章。但是直到前不久我专门花时间去学习 Virtual DOM，才让我对 Virtual DOM 有了一定的理解，以致于要怀疑起很久之前看过的那些文章来。倒不是这些文章讲得不对，而是现在在我看来角度不太...

先来看下实现后的效果： 链接：在线DEMO，源代码 这个索引导航栏的效果在很多 APP 中都有应用，我也是参考了一些 APP 的效果进行实现。 不过之前接触移动端页面开发较少，所以是边学边做，也就把这个过程中的一些东西整理记录下来。 设计 这个功能的基本需求可以总结为一句话：手指在导航栏（也就是 DEMO 上页面右侧的包...

上例中，要在非常非常多的人里面，找出 5 个以 Smith 开头的 lastName。如果在上面的 pluck() 和 filter() 的过程中，每一步都产生了临时数组，也就是说对上一步返回的数据执行了一次循环、处理的过程，那么整个查找的过程可能会花费很长的时间。

最近在做一个简化版的 Lazy.js：simply-lazy，目的是深入分析 Lazy.js 中惰性求值的实现，同时由于简化了实现过程，便于在分享（计划近期分享）时作为 demo 展示。