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

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

介绍 在后端项目里 比如我们的Laravel框架 对于表单验证有自己的一套validation机制 他将验证集成在FormRequest 我们只需要在我们的方法中依赖注入我们自己实例化后的验证类 当然也可以直接去在方法里去验证表单数据 而在我们的前端的项目里 也就是在我们的vue项目里...

因为上面的定义实在太模糊，导致左值和右值很难被理解，下面给出的定义，更简单更好理解：左值（lvalue）是一个表达式，它表示一个可被标识的（变量或对象的）内存位置，并且允许使用&操作符来获取这块内存的地址。如果一个表达式不是左值，那它就被定义为右值。

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

了解过D3的同学，对下边的这张图片想必都很熟悉 D3是data-diven-document的意思，那么到底什么是数据驱动文档呢？D3是怎样把数据跟dom元素连接到一起的？ 一般是分为三步： selectAll 选取 data 绑定 通过enter() update() exit() 操作 就像下边的代码所示： {代码.....

iconfont解决了我们以前大量使用小图标带来的种种问题，但是也有自身的各种缺陷。比如不支持多色，不同浏览器下的表现不同，需要做各种兼容等。 不久的将来iconfont应该会被svg symbol技术替换。本文就是介绍如何在网页中使用SVG图标。顺带一提蚂蚁金服的Ant.Design...

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

我之前写了一篇没什么干货的文章。。并且刨了一个大坑。。今天。。打算来填一天。。并再刨一个。。哈哈不过话说说回来了.看本文之前，，如果不知道Object.defineProperty，还必须看看解析神奇的 Object.defineProperty不得不感慨vue的作者，人长得帅，码写的也好。本...

Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。在Java的Web架构中，通常使用Tomcat和Nginx进行配合，Nginx作为反向代理服务器，可以对后台的Tomcat服务器负载均衡，也可以让Nginx处理静态页面的请求、Tomcat处理JSP页面请求达到动...

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

编程时我们往往拿到的是业务流程正确的业务说明文档或规范，但实际开发中却布满荆棘和例外情况，而这些例外中包含业务用例的例外，也包含技术上的例外。对于业务用例的例外我们别无它法，必须要求实施人员与用户共同提供合理的解决方案；而技术上的例外，则必须由我...

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

然后其实第二个参数只要是个类数组对象就可以了，比如 {length: 5} 就可以看作一个类数组对象，长度是 5，每个元素，比如 v[0] 是 undefined。

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

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

一个思路是，遍历父元素找到<li> {代码...}

这种情况可以使用面向对象的思想去管理，每一组div button1 button2 都看成一个Button对象将操作行为封装在对象里面。每次点击按钮都创建一个对象就可以了

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