乐趣区

来一打前端博客压压惊

前言
本文所有内容全部发布再个人博客主页 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 实现原理

退出移动版