Vue2.x源码解析系列

原文https://github.com/lihongxun945/myblog

这里都是每周读书笔记性质的博客，以前端知识为主，记录每周学习的各种零碎知识。（按时间倒序）

• Vue3.0开发路线发布
• 关于Vue和React区别的一些笔记⭐️
• 使用Rollup构建你的JS代码
• 理解 Iterator, Generator 和 Async/Await⭐️
• 我们为什么需要指令
• JS引擎基础：Shapes 和 ICs

系列博客(精华)

这里是通过一个系列深入理解某一个比较大的主题，因为每一个系列都会有很多篇文章，所以在这里分类整理。

Vue2.x源码解析系列（持续更新中..)???

这是在 2018/07/22开始的新的系列文章，解析当前最新的 Vue@2.5.16 的源码。因为之前写过 vue1.x源码解析 文章，所以请放心会是一个高质量的系列。计划在一个月的时间左右完成，也就是到 2018/08/31 之前能完成这个系列。建议点击右上角 Watch 订阅博客，不要错过每一篇更新。

• Vue2.x源码解析系列一：我的源码阅读心得
• vue2.x源码解析系列二: Vue组件初始化过程概要
• Vue2.x源码解析系列三：Options配置的处理
• Vue2.x源码解析系列四：数据响应之Observer
• Vue2.x源码解析系列五：数据响应之Watcher
• Vue2.x源码解析系列六：模板渲染之render和watcher
• Vue2.x源码解析系列七：深入Compiler理解render函数的生成过程
• Vue2.x源码解析系列八：深入$mount内部理解组件挂载和更新原理
• Vue2.x源码解析系列九：vnode的生成与更新机制
• Vue2.x源码解析系列十：patch 算法
• Vue2.x源码解析系列十一：插件系统

Webpack 源码解析系列

通过阅读代码，深入理解webpack的工作原理。包含8篇文章以及一些JS代码。

• 我对webpack的看法以及本系列文章的规划
• 写一个自己的babel-loader
• style-loader和css-loader
• file-loader和url-loader
• bundle.js内容分析
• webpack处理流程分析
• HMR热更新原理
• Tree shaking

Vue1.0源码解析系列

这是我在阅读vuejs源码的时候写的一些列博客，通过实现一个自己的 tiny-vue ，让你可以非常透彻的理解Vue的实现原理。这是一篇手把手教程，一步步教你实现vue的两个重要部分：响应式数据，插件框架。

• vue1.0源码解析一：前言
• vue1.0源码解析二：理解Vue架构
• vue1.0源码解析三：实现数据响应化
• vue1.0源码解析四：实现Compile和Directive
• vue1.0源码解析五：实现Watcher
• vue1.0源码解析六：实现常用指令 v-on 和 v-text
• vue1.0源码解析七：总结和展望

源码地址：Tiny-Vue