最近我本人也在學(xué)習(xí)一些新技術(shù)：webpack + vue全家桶。實(shí)際上它倆從去年就開始很流行了，今年已經(jīng)不算新了。但我之前并沒有在項(xiàng)目中使用。
前端框架更新頻率快如瘋狗，有時(shí)候會(huì)給我們前端er帶來心理上的恐慌：艾瑪，又出新框架了，要不要開始學(xué)呀！我對(duì)此的看法是，知其存在、保持關(guān)注、不必跟風(fēng)。所以我到現(xiàn)在才開始學(xué)習(xí)vue也不覺得丟人，敢講出來。今天跟大家分享一下，我是如何從零開始學(xué)習(xí)一個(gè)框架的，希望能給大家?guī)硪稽c(diǎn)收獲。
平時(shí)留意相關(guān)新技術(shù)
先說一點(diǎn)題外的，對(duì)于新技術(shù)，我不會(huì)立馬跟風(fēng)去上手，但是會(huì)關(guān)注一些關(guān)于它的動(dòng)態(tài)，比如說新版本發(fā)布啦，有配套框架啦等等。比如vue最近發(fā)布了2.0版本，餓了么團(tuán)隊(duì)打造出了一套基于vue2.0的UI框架。
保持一個(gè)關(guān)注即可，這樣等你需要上手的時(shí)候，起碼知道目前的大環(huán)境是怎樣，哪里有好的資源。我主要通過微博來獲取這些信息，我關(guān)注了很多圈內(nèi)大牛，基本上業(yè)界消息不會(huì)遺漏。
搜索中文資料
對(duì)于新框架，我還是習(xí)慣先搜一下國(guó)內(nèi)的資料，目的是對(duì)框架先有一個(gè)整體概覽。這個(gè)階段主要是先在腦中形成一幅藍(lán)圖，知道這個(gè)框架是如何從頭到尾搭建的，有哪些坑需要注意，以及國(guó)內(nèi)的使用者都是如何評(píng)價(jià)它的。
我不介意用百度，有時(shí)候也google中文，總之，能得到中文參考資料就行，畢竟讀中文要比讀英文快很多。因?yàn)檫@個(gè)階段的目的就是快速有一個(gè)整體把握。所以一般會(huì)搜「教程」「入門」這樣的關(guān)鍵字。
這個(gè)時(shí)候我也不著急動(dòng)手寫，再進(jìn)行下一步。
通讀官網(wǎng)文檔
官方文檔是一定要讀的，否則你不知道遺漏了什么重要東西，也不知道國(guó)內(nèi)的作者是不是寫錯(cuò)了什么。這是原汁原味的一手資料，官方文檔一般都會(huì)分guide和api兩類。guide是引導(dǎo)你從頭開始一步步使用框架的主要功能，api則是所有功能的一個(gè)匯總文檔。
guide一定是通讀，從how to install開始，不要嫌麻煩。原因很簡(jiǎn)單，你要知道如何「標(biāo)準(zhǔn)」的使用框架。在上一步搜到的中文資料中，可能有一些作者對(duì)框架的理解有出入，寫的demo代碼不是官方推薦的寫法，如果你直接copy走，那就永遠(yuǎn)無法知道使用框架的正確姿勢(shì)，原作者哭暈在廁所了。
api的話，文檔量一般會(huì)很多，大概掃一掃就行，等使用的時(shí)候具體查閱。
動(dòng)手搭建小項(xiàng)目
