vue2.x最全最詳細思維導圖


作為一個前端萌新,我總是處於學了忘,忘了學的尷尬循環中,明明一個知識點反復學過三四次,可是一到面試或者要動手實操的時候卻差強人意甚至忘得一干二凈......只能和面試官大眼瞪小眼,非常尷尬。

經查閱資料,得知這是由於知識在大腦中是無法以孤立形式存在的,知識點與知識點之間必須有明確的聯系和羈絆才能成片的存在於大腦中。你這會兒看看vue的mixin,過會兒又去看js的繼承,突然又看見面試題集里的Angerlar的臟值檢查,吃個飯又去敲axios的相關代碼,睡前背背http的狀態碼,看似一天特別努力收獲很大,但是一天下來無法將所學知識進行歸納梳理總結,也無法在調用的時候將知識結構清晰地梳理出來,再重新復習vue時又會雲里霧里...於是我結合上千篇vue相關文章,耗時200+小時,整理出這篇vue2.x最全思維導圖。我認為重要的不是vue知識本身,而是如何使用思維導圖和利用思維導圖快速梳理新知識脈絡的能力。目前這份思維導圖尚不完善,所以暫不對外公布,后面我也會不斷精進,改良補充這份思維導圖(需要這份測試版思維導圖的請加我微信)。后面也會陸續推出整個前端相關的思維導圖(js系列,es系列,http,css等),鄙人才疏學淺,內容東拼西湊,還望能拋磚引玉,望各位大佬不吝賜教~

全局圖

 

部分局部圖(這是最大的子模塊——“vue組件化”)

細節圖

 

 

父子節點清晰,方便梳理

重點知識或問題用不同顏色標注

導圖含示例代碼和跳轉詳細文章的連接

最后,希望各位看到此文的大佬們,也可以試下思維導圖來梳理知識並時常復習。

最好也能加下我的微信shq173392531,一起交流學習方法和前端知識,說不定您就是我的貴人,我對您也許也能有一些微不足道的幫助~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM