來一打前端博客壓壓驚

前言

本文全部內容所有發佈再我的博客主頁 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實現原理