筆記與博客撰寫、代碼糾錯、Vue學(xué)習(xí)提升、項目優(yōu)化、高效學(xué)習(xí)及工作后學(xué)習(xí)等方面

視頻圍繞前端學(xué)習(xí)相關(guān)的多個問題展開解答,涵蓋筆記與博客撰寫、代碼糾錯、Vue學(xué)習(xí)提升、項目優(yōu)化、高效學(xué)習(xí)及工作后學(xué)習(xí)等方面,具體如下:

筆記記錄方法:記筆記需側(cè)重兩點,一是快速摘錄課程關(guān)鍵點,無需思考,包括知識核心點、關(guān)鍵API和課程中強(qiáng)調(diào)多次的代碼;二是筆記要系統(tǒng)全面,避免三天打魚兩天曬網(wǎng),以教程心態(tài)記錄,連續(xù)記錄能建立學(xué)習(xí)習(xí)慣,便于快速復(fù)習(xí),節(jié)省回顧時間。

博客撰寫要點:博客與筆記不同,是給別人看的,需經(jīng)過自己思考,查閱更多文章產(chǎn)出有差異化、有價值的內(nèi)容。不要將基礎(chǔ)的筆記(如HTML基礎(chǔ)、軟件安裝等)當(dāng)作博客發(fā)布,以免產(chǎn)生網(wǎng)絡(luò)垃圾且暴露學(xué)習(xí)底細(xì)。寫博客可記錄解決問題的過程,或用階梯式案例講解原理性內(nèi)容,讓新手易理解,還可通過簡潔圖文或故事帶入場景創(chuàng)作。

代碼快速糾錯方法:首先要擺正心態(tài),認(rèn)識到解決bug是常見工作。糾錯有三種方法,一是自己摸索,通過打開控制臺檢查元素(查看JS報錯、DOM元素及樣式)、打console log查看執(zhí)行過程、分析網(wǎng)絡(luò)請求(檢查請求是否發(fā)出、響應(yīng)數(shù)據(jù)格式)定位錯誤;二是上網(wǎng)搜索報錯代碼和關(guān)鍵信息,參考他人解答;三是向別人提問,提問時需提供代碼、報錯截圖、預(yù)期結(jié)果和操作過程,避免浪費時間。

Vue學(xué)習(xí)階梯提升方式:學(xué)習(xí)Vue會經(jīng)歷多個階段,首先需補(bǔ)充前端基本功,如node js基礎(chǔ)、Webpack、babel、sass、less及es6知識;接著根據(jù)Vue文檔學(xué)習(xí),做簡單項目,再學(xué)習(xí)Vue技術(shù)棧(如router、Vuex、UI組件庫)搭建普通項目;之后將項目復(fù)雜化,學(xué)習(xí)封裝和代碼組織;再深入框架原理,嘗試寫組件、組件庫,理解Vue2與Vue3差異,探索其他狀態(tài)管理工具;最后可研究小程序、uni-app等,或在項目工程方面增加難度,甚至拓展學(xué)習(xí)其他框架。

補(bǔ)充學(xué)習(xí)與練習(xí)建議:基礎(chǔ)知識鞏固方面,可看書或體系化教程,帶著挑剔眼光甄別內(nèi)容,找出自身不足并形成對他人內(nèi)容的看法。項目經(jīng)驗提升方面,可看大廠筆試面試題了解考察重點,還可根據(jù)框架官方網(wǎng)站或GitHub推薦的外鏈資源做小項目。

頁面制作練習(xí)方法:前期學(xué)習(xí)不必過于追求學(xué)透前端所有內(nèi)容,避免在基礎(chǔ)階段浪費過多時間,跟著做出效果即可。經(jīng)過大量高難度訓(xùn)練后,回頭看之前的內(nèi)容會更簡單,每個階段無需過度關(guān)注當(dāng)前知識是否學(xué)透,按進(jìn)度推進(jìn)即可。

知識復(fù)習(xí)建議:是否復(fù)習(xí)取決于新知識學(xué)習(xí)是否受阻礙,若受阻礙(如項目中用到遺忘的es6語法),可花少量時間(一兩個小時或一個下午)復(fù)習(xí);正常學(xué)習(xí)時,若暫時遺忘不影響當(dāng)前學(xué)習(xí)的知識,無需特意復(fù)習(xí),后續(xù)項目或面試前再回顧即可。

快速上手Vue項目方法:關(guān)鍵在于積累項目經(jīng)驗,有兩三個或三四個Vue項目經(jīng)驗后,后續(xù)類似項目可快速搭建模板填充代碼。無經(jīng)驗時需按部就班,先學(xué)node js入門和模塊化、webpack配置,再看Vue文檔做簡單項目,接著做中等復(fù)雜項目,深入原理,積累項目經(jīng)驗后自然能快速上手。

知識應(yīng)用與理解建議:不必強(qiáng)求所學(xué)知識立刻找到應(yīng)用場景,有些知識(如算法、面向?qū)ο笾械膍ixins)可能暫時用不到,但有助于后續(xù)學(xué)習(xí)(如理解Vue、React中的相關(guān)概念)和應(yīng)對面試,前期重點理解知識本身含義即可,會照著打也無需擔(dān)心。

項目創(chuàng)新與差異化打造:做項目時要思考創(chuàng)新點和亮點,可從UI和功能入手。UI上可調(diào)整樣式(如更換背景、制作半透明模態(tài)輸入框、仿蘋果UI);功能上可結(jié)合特效(如音樂播放器結(jié)合音樂可視化、數(shù)據(jù)可視化),多關(guān)注網(wǎng)上特效效果,將所學(xué)知識應(yīng)用其中,把項目當(dāng)作產(chǎn)品對待,注重細(xì)節(jié)(如用真實商品數(shù)據(jù)和圖片),提升項目區(qū)分度。

“一看就會,一寫就蒙”的應(yīng)對:這是學(xué)習(xí)過程中的正常表現(xiàn),大多數(shù)同學(xué)都會遇到,無需自我懷疑,只要堅持學(xué)習(xí),到課程中級階段能力會顯著提升,之前的問題也會解決。

工作后前端學(xué)習(xí)建議:工作后學(xué)習(xí)關(guān)鍵是抽出時間并制定提高計劃,避免因進(jìn)入業(yè)務(wù)舒適區(qū)而技術(shù)停滯??擅恐芰舫鲋辽賰扇齻€小時,關(guān)注新技術(shù),兩三周或半年學(xué)習(xí)一個新技術(shù),逐步補(bǔ)充主流技術(shù)知識。

通過Vue和React加深JS理解的方法:不能輕視原生JS,框架需用原生JS填充內(nèi)容??稍陧椖恐斜M量使用es6或簡潔的JS寫法,嘗試造輪子(如實現(xiàn)簡單的Vue、MVC、MVVM、React、promise、中間件),還可看設(shè)計模式相關(guān)課程和書籍,通過模仿和實踐加深對JS的理解。

大二學(xué)生高效學(xué)習(xí)與練習(xí)建議:若有能力實習(xí)卻無機(jī)會,可網(wǎng)上找項目自己獨立完成,再與他人對比;堅持寫博客,記錄造輪子過程;刷算法題;邊學(xué)邊記錄項目細(xì)節(jié),為簡歷積累內(nèi)容,這些準(zhǔn)備能為大三實習(xí)和后續(xù)找工作奠定基礎(chǔ)。

保持學(xué)習(xí)心態(tài)與博客撰寫建議:保持良好學(xué)習(xí)心態(tài)需自我調(diào)整,無論性格和壓力如何,堅持學(xué)習(xí)對最終效果影響不大。博客撰寫難度較大,無需多寫,一兩周寫一篇即可,無靈感可不寫,可自己命題,參考多篇好文章綜合創(chuàng)作,但不能照抄。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容