来一打前端博客压压惊

前言

本文所有内容全部发布再个人博客主页 https://github.com/muwoo/blogs
欢迎订阅。不过最近因为事情比较多，有一段时间没有更新了，后面打算继续不断学习更新，欢迎小伙伴一起沟通交流~

最近更新

前端单测的那些事

基于virtual dom 的canvas渲染

js

Event loop 机制简介

axios 核心源码实现原理

JS 数据类型、赋值、深拷贝和浅拷贝

js 深入了解执行上下文和执行栈

Promise 状态机方式简单实现

基于virtual dom 的canvas渲染

前端单测的那些事

css

手淘rem适配方案

你应该了解的 dp、px、dpr、ppi、viewport

打包工具篇

你应该了解的parcel

在webpack中使用babel来编译你的es6和es7

关于babelrc的一些问题

关于webpack loader

webpack4 零配置了解一下

实现一个简易的 webpack

Vuejs篇

基于 2.5.x 版本，关于Vue的源码解读，网上已经有很多好的文章，这里主要系统的从根入手，一步步分析源码实现。

入口开始，解读Vue源码（一）———— 造物创世

入口开始，解读Vue源码（二）—— new Vue 的故事

入口开始，解读Vue源码（三）—— initMixin 上篇

入口开始，解读Vue源码（三）—— initMixin 下篇

入口开始，解读Vue源码（四）—— 实现一个基础的 Vue 双向绑定

入口开始，解读Vue源码（五）—— $mount 内部实现

入口开始，解读Vue源码（六）—— $mount 内部实现 --- compile parse函数生成AST

入口开始，解读Vue源码（七）—— $mount 内部实现 --- compile optimize标记节点

入口开始，解读Vue源码（八）—— $mount 内部实现 --- compile generate 生成render函数

入口开始，解读Vue源码（九）—— $mount 内部实现 --- render函数 --> VNode

入口开始，解读Vue源码（十）—— $mount 内部实现 --- patch

Vue nextTick 机制

vue dist 目录各个文件使用说明

Vue官网中的约束源码解释 -- 数据与方法

Vue官网中的约束源码解释 -- 生命周期

前端路由简介以及vue-router实现原理