原创 react源碼學習環境搭建
前言 閱讀源碼時，有許多變量在程序運行過程中不斷的產生，其中存放着什麼東西，一直是一個比較頭疼的問題。不停的推導增加了驗算的負擔，隨着代碼逐漸的深入，也會產生一定的記憶負擔。如果靠腦袋去記，簡單點的代碼還好。複雜的代碼。。。你懂的。隨着re
2019-08-30 15:25:07
原创 前後端聯調之Form Data與Request Payload，你真的瞭解嗎？
前言 做過前後端聯調的小夥伴，可能有時會遇到一些問題。例如，我明明傳遞數據給後端了，後端爲什麼說沒收到呢？這時候可能就會就會有小夥伴陷入迷茫，本文從chrome-dev-tools（F12調試器）中看到的FormData與RequestBo
2019-04-06 00:55:06
79
原创 CSS相關面試題——三欄等高佈局
題目 最近在面試中遇到過這樣一道面試題，讓寫出左中右，三欄佈局，左欄右欄固定寬度200px，中間欄寬度自適應。要求三欄的高度隨最高的一欄展示 解題 step1 常規拿到這個面試題，首先想到的是三個盒子左浮動右浮動，然後中間盒子給個左右外邊距
2019-03-22 00:35:07
3
原创 vue源碼分析系列之響應式數據（四）
前言 上一節着重講述了initComputed中的代碼，以及數據是如何從computed中到視圖層的，以及data修改後如何作用於computed。這一節主要記錄initWatcher中的內容。 正文 demo修改 之前的new Vue(o
2019-02-19 06:42:03
1
原创 vue源碼分析系列之響應式數據（三）
前言 上一節着重講述了initData中的代碼，以及數據是如何從data中到視圖層的，以及data修改後如何作用於視圖。這一節主要記錄initComputed中的內容。 正文 前情回顧 在demo示例中，我們定義了一個計算屬性。 compu
2019-02-17 13:44:49
2
原创 vue源碼分析系列之響應式數據（二）
前言 接着上一篇的初始化部分，我們細看initState中做了什麼。 正文 coding.... 相關章節 vue源碼分析系列之響應式數據（一）
2019-02-13 23:54:43
1
原创 vue源碼分析系列之響應式數據（一）
概述 在使用vue的時候，data,computed,watch是一些經常用到的概念，那麼他們是怎麼實現的呢，讓我們從一個小demo開始分析一下它的流程。 demo演示代碼片段 html代碼 <!DOCTYPE html> <html>
2019-02-13 23:44:51
原创 vue源碼分析系列之入口文件分析
入口尋找 入口platforms/web/entry-runtime-with-compiler中import了./runtime/index導出的vue。 ./runtime/index中引入了core/index中的vue. co
2019-02-13 16:14:41
原创 vue源碼分析系列
概述 在使用vue的時候，會遇到很多神奇的地方，比如 修改vue實例中data對象的屬性值，會觸發dom值的改變；改變dom中的輸入，會觸發data對應屬性的改變，即雙向數據綁定。 通過watch可以監聽props或者data內容的變化.
2019-02-13 11:54:39
原创 vue源碼debug環境搭建
概述 爲了探究vue的本質，所以想debug一下源碼，但是怎麼開始是個問題，於是有了這樣一篇記錄。目標是爲了可以調試es6版本的，也就是src下的源碼，所以主要是sourceMap的開啓。原文來自：https://blog.csdn.net
2019-01-28 16:45:53
原创 vue-cli之vue-cli-service整體架構淺析。
概述 vue啓動一個項目的時候，需要執行npm run serve，其中這個serve的內容就是vue-cli-service serve。可見，項目的啓動關鍵是這個vue-cli-service與它的參數serve。接下來我們一起看看se
2019-01-13 23:52:43
72
原创 vue-cli系列之——vue-cli自身引用了哪些包？持續更新中……
概述 當vue-cli創建了一個vue-demo後，我們使用npm run serve就可以啓動項目了。通過package.json中的serve命令我們可以看到，實際是啓動了vue-cli-service serve這個命令。這個命令實際
2019-01-13 21:52:46