來一打前端部落格壓壓驚

muwoo發表於2018-10-13
前端

前言

本文所有內容全部發布再個人部落格主頁 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實現原理

相關文章