最近在學(xué)習(xí)火遍祖國大江南北的Vue2,從一開始的毫無頭緒糠睡,到模仿官方實例寫了個人的一個小demo挽鞠,到開始看官方文檔。
這個過程說實話是很痛苦的铜幽,因為一不小心腦子里就充斥滿黑人“滞谢??除抛?”外加王寶強(qiáng)的“啥啥啥狮杨,這到底是啥?”到忽。
由于自己接觸前端時間不長橄教,也沒用過數(shù)據(jù)驅(qū)動的框架開發(fā)過項目清寇,所以剛才看到vue2組件部分的時候,腦子一下就懵了护蝶。
因為這些教科書式的概念實在是太抽象华烟,而且翻譯的質(zhì)量也不是很高,所以不想再繼續(xù)看下去了持灰。
但是值得慶幸的是盔夜,由此產(chǎn)生了一些學(xué)習(xí)方法上的思考。
總得來說我總結(jié)出以下幾點(diǎn)學(xué)習(xí)方法:
1堤魁、先學(xué)習(xí)自己感興趣的部分(興趣是最好的老師)
? ? ? ? 當(dāng)我剛拿到《javacript高級程序設(shè)計》這本書的時候喂链,翻開看了一下目錄。腦子里就兩個字:懵逼妥泉。學(xué)習(xí)過這本書的讓你知道椭微,這本書有700多頁,而且其中的東西都很晦澀難懂盲链,不想言情武俠小說那么有趣蝇率。那我該怎么辦呢?硬啃刽沾?啃不動本慕。不學(xué)原生JS,只會用Jquery侧漓?遲早要被淘汰间狂,而且也不會變得優(yōu)秀,畢竟哪怕是Jquery也是基于原生JS寫的框架火架。所以我就挑了自己感興趣的一部分,第十五章使用canvas繪圖這一章開始學(xué)習(xí)忙菠『渭Γ看完這一部分之后,開始做實習(xí)導(dǎo)師給布置的任務(wù)牛欢,做任務(wù)期間陸陸續(xù)續(xù)得接觸到很多概念性的東西骡男,比如數(shù)組,對象傍睹,函數(shù)隔盛,作用域,原型鏈拾稳,繼承等等吮炕,這個時候再去看《javacript高級程序設(shè)計》對應(yīng)的章節(jié),看完立馬在任務(wù)中實踐访得,不知不覺中龙亲,就對這些概念就有了更好的理解陕凹。
? ? ? ? 于是我就在想,我何不先學(xué)習(xí)vue框架有趣的地方鳄炉,把組件這個部分放到后面去學(xué)習(xí)杜耙,現(xiàn)在可以去學(xué)習(xí)一下過渡的部分,畢竟他也是屬于vue的一部分呀拂盯。那么你就會有一種想法佑女?我跳組件這段不學(xué),會不會影響后面的學(xué)習(xí)谈竿?請看第二條建議团驱。
2、不要有“跳過這段我就學(xué)不好榕订,理解不了”的錯誤思想
? ? ? ? 其實這個問題我們在高考也會遇到店茶,我相信每一個經(jīng)歷過高考的人都記得老師們教大家答題方法的時候,總是會說:“先做你會的題劫恒,不會的題先放著贩幻。有剩余時間我們可以回過頭來再去做!”其實是一個道理两嘴,這里不會的題目可以類比成vue2的組件部分丛楚,會的題可以類比成vue2過渡部分的學(xué)習(xí)。
? ? ? ? 假如剛開始學(xué)習(xí)前端我的導(dǎo)師就讓我去理解原型鏈憔辫、繼承和閉包這種東西的話趣些,我恐怕早就放棄了。
3贰您、多敲鍵盤(多敲代碼坏平,多寫技術(shù)博客,多和小伙伴溝通)
? ? ? ? 中國有句古話叫:紙上得來終覺淺锦亦,覺知此事要躬行舶替。這句話放在這里實在是再合適不過,想做一名優(yōu)秀的程序員杠园,除了有縝密的邏輯思維顾瞪,更重要是要有勤勞的雙手去成就自己的夢想∨滓希看100行代碼一行不敲陈醒,真心不如看10行敲10行。所以說多敲代碼瞧甩。
? ? ? ?為什么標(biāo)題叫多敲鍵盤不叫多敲代碼呢钉跷?因為,想成為一名優(yōu)秀的程序員肚逸,不僅要敲代碼尘应,還要多寫自己的技術(shù)博客惶凝。永遠(yuǎn)都不要怕別人嘲笑你寫的不好,怕的是你不寫犬钢。設(shè)想一下苍鲜,有個概念,你以為你以為的是對的玷犹,從來都不和別人交流混滔,那么更正錯誤觀念的時間長度可能要到你自己遇到這個問題的時候;但是如果你寫出來讓別人看到你的文章歹颓,恰好有人指出你對這個概念理解有錯誤坯屿,那么你的時間成本將大大縮減。時間就是金錢巍扛,在有限的時間里领跛,精確掌握更多的知識和技能,恭喜你撤奸,不久的未來吠昭,你絕對會與眾不同!所以說多寫技術(shù)博客胧瓜。
? ? ? ? 涉及到一個與人交流的問題矢棚,人是社會性動物,假如一直悶頭自學(xué)府喳,大部分人都會喪失動力和興趣繼續(xù)下去蒲肋,因為你在身邊的同學(xué)身上找不到共鳴,感受不到共鳴人就會不開心钝满,就會產(chǎn)生各種各樣的負(fù)面情緒兜粘。所以我的建議是,加幾個活躍的QQ群弯蚜,最好是加和自己水平差不多的人多的QQ群妹沙,如過你直接加大牛群,不好意思熟吏,人家研究的東西在你眼里就是天書。在適合自己待的群里大膽的提出自己的問題玄窝,勇敢的去回答別人提出的問題牵寺,因為他們遇到的問題,可能就是未來你會遇到的問題《髦現(xiàn)在想起來一次志愿者座談會上一個成功人士的一句“幫人就是幫己”真的是有道理帽氓。所以說多敲Chinese甚至English去和別人交流。
4俩块、牢記:萬事開頭難黎休。不要怕浓领,就是剛!
? ? ? ? 你才20歲或者30歲势腮,就覺得自己不行了联贩,就和別人有天壤之別了,千萬別這么想捎拯,大牛只不過是比一般人入行早泪幌,而且比一般人努力而已。如果你很努力的話署照,一定會有所成就的祸泪。認(rèn)準(zhǔn)一個方向努力下去,我始終相信上天不會虧待每一個努力付出的人建芙!
寫這篇文章没隘,一來是回顧自己的學(xué)習(xí)方法,二來也是希望對新人的前端學(xué)習(xí)有所啟發(fā)禁荸。
才疏學(xué)淺右蒲,這些建議可能有說的不到位,歡迎大神指出屡限!
努力成為優(yōu)秀的前端工程師品嚣!
2016年11月23日0點(diǎn)34補(bǔ)充:
過渡效果學(xué)習(xí)過程的意外收獲:第三方Animated.css動畫庫和Velocity.js動畫庫。
一钧大、Animated.css
準(zhǔn)備明天面試完回來寫Animated.css過渡動畫名稱參考手冊翰撑。因為我發(fā)現(xiàn)它的樣式都是英文版的,這對廣大中文開發(fā)者來說是不友好的啊央。
二眶诈、Velocity.js
網(wǎng)上雖然有中文版教程,但是我覺得不如自己直接研究Github上的最新版收獲大瓜饥。試著寫寫Velocity.js的學(xué)習(xí)筆記逝撬。
又挖了兩個坑給自己。填好再取學(xué)vue過渡乓土。
祝自己明天面試成功宪潮!
>期待和大家交流,共同進(jìn)步趣苏,歡迎大家加入我創(chuàng)建的與前端開發(fā)密切相關(guān)的技術(shù)討論小組:
> - SegmentFault技術(shù)圈:[ES新規(guī)范語法糖](https://segmentfault.com/g/1570000010695363)
> - SegmentFault專欄:[趁你還年輕狡相,做個優(yōu)秀的前端工程師](https://segmentfault.com/blog/chennihainianqing)
>- 知乎專欄:[趁你還年輕,做個優(yōu)秀的前端工程師](https://zhuanlan.zhihu.com/wyasy)
>- Github博客: [趁你還年輕233的個人博客](https://github.com/FrankKai/FrankKai.github.io)
>- 前端開發(fā)QQ群:660634678
>- 微信公眾號: 人獸鬼 / excellent_developers
![](https://upload-images.jianshu.io/upload_images/2976869-157e8624bcdfd62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
>努力成為優(yōu)秀前端工程師食磕!