前言:
最近在部門內(nèi)做了一次分享宣羊,分享的主題是關(guān)于如何提高前端技術(shù)水平的璧诵。之所以做這次分享,主要原因是因?yàn)樽罱?jīng)常有被同事問到『想提升自己技術(shù)水平仇冯,不知道從哪開始』或者是『為什么***同事懂的這么多腮猖?他說的一些東西自己都沒聽說過?』等等類似的問題赞枕。根據(jù)自己淺薄的學(xué)習(xí)經(jīng)驗(yàn),把分享的內(nèi)容加工整理出來坪创,希望對(duì)在前端方向有意愿提升卻又迷茫的同學(xué)有所幫助炕婶。
(一)學(xué)習(xí)方向
首先當(dāng)然是方向問題,有句話說的好『如果你努力的方向錯(cuò)了莱预,那么停下來就是進(jìn)步』柠掂。前端開發(fā)又不同于其它職位,需要學(xué)習(xí)的東西非常多依沮。這點(diǎn)從它的崗位名稱變遷可見一斑:美工涯贞、頁面制作、頁面工程師危喉、網(wǎng)頁重構(gòu)宋渔、前端開發(fā)、UI工程師…這些都還好辜限,最不能忍的是被叫做『切圖的』;始稹!(你才是切圖的,你全家都是切圖的Q跫薄?藕)扯得有點(diǎn)遠(yuǎn),言歸正傳吩坝。如果你不知道從哪開始怎么辦毒姨?那你可以在心里問自己一個(gè)問題:
如果你去面試你最怕被問到什么?
下面這些钉寝?
http協(xié)議
ajax原理
this指向
call和apply的區(qū)別
函數(shù)引用和函數(shù)調(diào)用的區(qū)別
鏈?zhǔn)秸{(diào)用
函數(shù)節(jié)流
事件委托
閉包弧呐、作用域
類的定義以及繼承的方法....
你可能會(huì)說上面這些都不怕。
那下面這些呢瘩蚪?
設(shè)計(jì)模式
框架設(shè)計(jì)
前端架構(gòu)
下面的工具框架你是聽說過泉懦?熟悉?還是在項(xiàng)目中反復(fù)實(shí)踐過疹瘦?
工具崩哩、框架及前端視野
工具類:
代碼管理: git svn
代碼編譯: Less Sass CoffeeScript
模板引擎: artTemplate ?juicer ?doT Tmod
模塊加載: SeaJS RequireJS Browserify
項(xiàng)目構(gòu)建: grunt gulp webpack
框架類:
React ? AngularJs ?Knockout ?Vue ?(MVVM)
BackBone (MVC)
BootStrap (UI)
其它:
Node.js
以上是挑的一些點(diǎn)主要是舉示例,并沒有具體指向性作用言沐,因?yàn)槊總€(gè)人的情況肯定有所不同邓嘹,但是相同的是,每個(gè)人肯定或多或少都有害怕被問到的點(diǎn)险胰,那就找到這些點(diǎn)汹押,無論這些讓你心虛的點(diǎn)是多么的微不足道或者聽上去多么的高大上,花時(shí)間和心思去深挖它們起便,徹底搞明白棚贾,要明白到什么程度呢?明白到不懼怕跟任何一個(gè)人去講授榆综。
有句話叫『無知者無畏』妙痹,其實(shí)這句話放在面試上就不對(duì)”谴回想一下怯伊,我們每次去面試的時(shí)候,是不是總是誠惶誠恐戰(zhàn)戰(zhàn)兢兢呢(當(dāng)然這里排除一些行業(yè)大牛和面霸)判沟?害怕的根源是什么耿芹?是無知,是對(duì)自己專業(yè)知識(shí)欠缺的不自信挪哄。記得六年前開心網(wǎng)還如日中天吧秕,我當(dāng)時(shí)還是一個(gè)出入職場(chǎng)的菜鳥,去面試迹炼,被殘忍的羞辱的體無完膚寇甸。回來后痛定思痛回憶了問的所有技術(shù)點(diǎn),挨個(gè)深挖拿霉,包括這些問題的延伸和外延吟秩。以后再有躁動(dòng)不安不知道該干什么的時(shí)候,我就問自己绽淘,害怕被問到什么涵防?
(二)學(xué)習(xí)方法
下面這個(gè)圖很有名,它用數(shù)字形式形象顯示了:采用了不同的學(xué)習(xí)方式沪铭,學(xué)習(xí)者在兩周以后還能記住內(nèi)容(平均學(xué)習(xí)保持率)的多少壮池。我相信包括我在內(nèi)的大部分人都用行動(dòng)驗(yàn)證了這張圖的理論。這張圖已經(jīng)說的很明白了杀怠,怎樣去學(xué)習(xí)效率更高椰憋。我想說的有兩點(diǎn),
1.是讀書:前端有一本很有名的書:《javascript權(quán)威指南》赔退,封面是一只犀牛橙依,又叫犀牛書。我曾經(jīng)隨機(jī)的問過我認(rèn)識(shí)的前端同事朋友硕旗,有誰完整的讀完過這本書窗骑,答案是絕大多數(shù)人都沒有。姑且不說通過閱讀的學(xué)習(xí)保持率只有10%漆枚,讀都沒讀完效果可想而知创译。題外話,我平時(shí)也有讀書的習(xí)慣墙基,但是超過400頁的書我卻很少買…900多頁技術(shù)書可以買软族,當(dāng)工具書還不錯(cuò),如果打算從前言開始讀完還是算了〔兄疲現(xiàn)在讀技術(shù)書大都先瀏覽一遍目錄互订,感興趣的章節(jié)細(xì)讀,甚至讀好幾遍痘拆,其它章節(jié)一掃而過。
2.不要排斥做分享或者平時(shí)和其它同事的交流氮墨,當(dāng)你要去分享的時(shí)候纺蛆,你需要確認(rèn)自己對(duì)這個(gè)問題所涉及的技術(shù)都了然于心,不然如果分享或者寫的東西是錯(cuò)的話规揪,且不說丟不丟人桥氏,最重要的是要誤人子弟,準(zhǔn)備分享的過程就是一個(gè)鞏固知識(shí)和學(xué)習(xí)新知識(shí)的過程猛铅,順帶還幫助了提出問題的人字支,雖然對(duì)方只學(xué)習(xí)到了5%,雙贏,何樂不為呢堕伪?
(三)學(xué)習(xí)途徑
落實(shí)到具體的學(xué)習(xí)途徑我能想到的下面這么多:
技術(shù)文章-技術(shù)博客揖庄、技術(shù)論壇知乎答疑解惑
技術(shù)分享-團(tuán)隊(duì)內(nèi)部技術(shù)分享、晉級(jí)評(píng)審欠雌、外部技術(shù)分享
技術(shù)實(shí)踐-所學(xué)內(nèi)容運(yùn)用到項(xiàng)目中蹄梢、參與開源項(xiàng)目(github)
(四)寫在最后
看到網(wǎng)上有這么一句話『道理我都懂,還是過不好人生』富俄,講完一堆學(xué)習(xí)的道理禁炒,心里壓力倍增,涂有道理不夠霍比,還需要去執(zhí)行幕袱,就從今天開始給自己畫個(gè)圓,攻破一個(gè)害怕的點(diǎn)就點(diǎn)在圓里悠瞬,等到年底回頭再看们豌,希望大家的圓都是滿的。
最后的最后:
執(zhí)行的源動(dòng)力覺的還是興趣阁危。興趣這兩個(gè)字足夠解釋開頭的另外一個(gè)問題:『為什么***同事懂的這么多玛痊?他說的一些東西自己都沒聽說過?』狂打,你在看羋月傳的時(shí)候他在搞技術(shù)擂煞,你在消消樂的時(shí)候他在搞技術(shù),不是有人逼著他趴乡,興趣使然对省。如果你對(duì)自己的職業(yè)一點(diǎn)興趣都沒有,勸你趁早改行晾捏。