Vue.js 源碼學習之Flag篇

The Progressive JavaScript Framework ——vuejs.org

起因

第一次接觸 Vue.js 是因為要做一個通訊錄的外包項目，這個項目要有前台展示和中后台管理，從輪子做起肯定是不明智的選擇，所以當時初步定下的是 Vue.js + Element UI 的技術棧。

項目過程很漫長，因為給的錢實在是可有可無，權當是學習了。

項目的接口是交給了同學。

整個項目采用的是錢后端分離的開發模式，我做我的頁面，他做他的接口。

項目出了兩個版本，做的時候，中間就強行的看文檔、看視頻教程，很大的感覺就是基礎功不扎實，很多 Javascript , CSS , HTML 的知識都是在做東西的時候現學現用，整個過程滿滿的無力感。過程中一直沒有醒悟想要去停下來好好學學基礎知識，也因為工期的原因吧，兩個版本中間算是進行了還算說得過去的基礎知識學習。

總結下來，還是覺得

工欲善其事，必先利其器。

會什么

這就分成了項目前后了：

項目前

• 不知道網頁開發為何物
  • 折騰了自己的Hexo博客
    • 因創業需求做了一個微信小程序

項目后

• 了解了 Element UI 組件庫的膚淺用法
• 了解了 Vue,js 的膚淺用法
• 知道了一些基本的網頁開發的知識點

要做什么

既然已經用過了 Vue.js 為什么不好好學一下成為一技之長呢？

然后就在 極客時間 看到了 Ant Design Vue 的作者的教學視頻。

當時看介紹以為是介紹組件庫的開發實戰，后來才知道是基於組件庫做中后端的開發實戰……

雖然有些遺憾，但是不得不說，唐金州老師做過組件庫（Ant Design官方收錄），參加過Vue官方的第二屆 VueConf 演講，對文檔中各種邊角的了解度果然不一樣，講的課程內容也偏向底層，講Vue生態的時候還會講講生態組件的原理、優缺點，還會引導學習者去學習 WebPack 、Babel 等工具的使用、配置（說來慚愧，我還沒系統學過這兩個在現在前端開發中相當重要的工具）。

所以，到這里我更加堅定了學習 Vue 的決心，雖然說是要學習 Vue 的源碼，但是初期准備的話還是打算先將 Vue 的教程、API 及其生態圈的教程和 API 過一遍。然后通過文檔中的特性探索源碼，並在源碼學習的過程中去學習 Javascript 的各種知識

以上，給自己立一個Flag🚩

開始學習啦！

因為還是考研黨，所以穿插安排學習計划沒有詳細的學習計划，單純學累了切換一下。