前言

随着前端技术的不断发展，构建工具与我们的开发已密不可分，但是无论选择哪款构建工具，我们都或多或少的使用过他们热更新的能力，今天就以 webpack 为例，来看 webpack 热更新的原理。

要实现热更新的能力，首先 webpack 要具备文件监听的能力，其次也要具备模块构建的能力，所以我们就从无到有的看 webpack 热更新的原理。

前言

知道 Vue 响应式原理的都知道，每个组件都对应有一个自己的 watcher 实例，但是除了组件对应的 watcher 实例，computed 和 watch 也都分别对应有自己的 watcher 实例，所以下面我们就针对这三种 watcher 做一下研究，知道了底层实现，也能更好的让我们在使用中做出更好的抉择。

一、域名解析

域名解析的过程就是查找域名对应 IP 地址的过程。

前言

前端数据存储方案主要有 Cookie、Web Storage、IndexedDB 三种。下图为 Chrome 浏览器的存储方案，虽然支持 Web SQL 存储，但是 W3C Web应用工作组于2010年11月停止了对该规范的研究，所以不提倡使用，下面就以上三种存储方案做一下介绍。

一、模块化进化史

对于 js 的编写，不能像其他语言一样很好的支持模块化，很多程序会比较臃肿的丢在一个文件里，要把这个程序拆分开使用，两个文件之前变量的传递就是个问题。

一、Git 是什么

Git 是目前世界上最先进的分布式版本控制工具之一，下面我将通过数据的流向来介绍它。

一、前言

之前的主题用的是默认的，网上也下载使用过别人写的主题，但是终究还是想用自己写的。所以就写了这个主题——Yin。

一、前言

本文旨在对项目的开发设计提供一个思路。了解了具体实现的来龙去脉，上手自己做或者做其他项目就容易得多了。总的来说要知道数据是怎么从数据库一步步跑到前端页面的，当知道了整个的流程再去处理中间的细节，接下来我们就开始吧。

这是我项目的 地址，可以先预览最后的效果图。

一、概念

正则表达式是用于匹配字符串中字符组合的模式。

一、Event Loop

1、过程描述

首先 JavaScript 是单线程的脚本语言，因为假定 JS 同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器就不知道以哪个线程为准。

一、前言

vue 响应式原理是数据渲染到视图，及数据修改触发视图更新的过程。

大学时期的部分设计作品，做个纪念。