最近我本人也在學(xué)習(xí)一些新技術(shù):webpack + vue全家桶。實(shí)際上它倆從去年就開始很流行了,今年已經(jīng)不算新了。但我之前并沒有在項(xiàng)目中使用。
前端框架更新頻率快如瘋狗,有時(shí)候會給我們前端er帶來心理上的恐慌:艾瑪,又出新框架了,要不要開始學(xué)呀!我對此的看法是,知其存在、保持關(guān)注、不必跟風(fēng)。所以我到現(xiàn)在才開始學(xué)習(xí)vue也不覺得丟人,敢講出來。今天跟大家分享一下,我是如何從零開始學(xué)習(xí)一個(gè)框架的,希望能給大家?guī)硪稽c(diǎn)收獲。
平時(shí)留意相關(guān)新技術(shù)
先說一點(diǎn)題外的,對于新技術(shù),我不會立馬跟風(fēng)去上手,但是會關(guān)注一些關(guān)于它的動態(tài),比如說新版本發(fā)布啦,有配套框架啦等等。比如vue最近發(fā)布了2.0版本,餓了么團(tuán)隊(duì)打造出了一套基于vue2.0的UI框架。
保持一個(gè)關(guān)注即可,這樣等你需要上手的時(shí)候,起碼知道目前的大環(huán)境是怎樣,哪里有好的資源。我主要通過微博來獲取這些信息,我關(guān)注了很多圈內(nèi)大牛,基本上業(yè)界消息不會遺漏。
搜索中文資料
對于新框架,我還是習(xí)慣先搜一下國內(nèi)的資料,目的是對框架先有一個(gè)整體概覽。這個(gè)階段主要是先在腦中形成一幅藍(lán)圖,知道這個(gè)框架是如何從頭到尾搭建的,有哪些坑需要注意,以及國內(nèi)的使用者都是如何評價(jià)它的。
我不介意用百度,有時(shí)候也google中文,總之,能得到中文參考資料就行,畢竟讀中文要比讀英文快很多。因?yàn)檫@個(gè)階段的目的就是快速有一個(gè)整體把握。所以一般會搜「教程」「入門」這樣的關(guān)鍵字。
這個(gè)時(shí)候我也不著急動手寫,再進(jìn)行下一步。
通讀官網(wǎng)文檔
官方文檔是一定要讀的,否則你不知道遺漏了什么重要東西,也不知道國內(nèi)的作者是不是寫錯(cuò)了什么。這是原汁原味的一手資料,官方文檔一般都會分guide和api兩類。guide是引導(dǎo)你從頭開始一步步使用框架的主要功能,api則是所有功能的一個(gè)匯總文檔。
guide一定是通讀,從how to install開始,不要嫌麻煩。原因很簡單,你要知道如何「標(biāo)準(zhǔn)」的使用框架。在上一步搜到的中文資料中,可能有一些作者對框架的理解有出入,寫的demo代碼不是官方推薦的寫法,如果你直接copy走,那就永遠(yuǎn)無法知道使用框架的正確姿勢,原作者哭暈在廁所了。
api的話,文檔量一般會很多,大概掃一掃就行,等使用的時(shí)候具體查閱。
動手搭建小項(xiàng)目
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
![學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)](http://m.roadsoft.com.cn/attached/image/templet/e87d53eb-cf7a-4689-887a-1cd260f416a5.jpg)