大前端成长路径
路徑(持續更新):
- 以下是我不同時期的博客鏈接
- 可以和我的GitHub共同食用
- 大家可以對比一下,我學的過程是緩慢型的…
learning: 0個月
- 2018年09月
- 開始接觸前端,前端三劍客一個不知道一個不懂,于是對著W3C、菜鳥教程.一個一個敲
- 開始啃紅寶書《JavaScript高級程序設計》(第3版)
learning: 2個月
- 2018年11月
- 接手實驗室的電廠項目,復制粘貼復制粘貼復制粘貼…
- 重新開始啃紅寶書《JavaScript高級程序設計》(第3版)
- 轉載了6篇博客
learning: 3個月
- 2018年12月
- 主要是學校的各種考試的準備
- 大概花了一個星期,從0開始,找資料完成了植物幼苗分類,并做成圖形界面,根據選擇不同的模型,調用不同的模型來進行分類.會給出分類的準確率.具體的植物名字.
learning: 4個月
- 2019年01月
- 開始讀自己能夠理解,能夠吸收的書,如:《JavaScript基礎教程》(第8版)
learning: 5個月
- 2019年02月
- 重讀《JavaScript高級程序設計》(第3版),這次差不多讀了一大半…
learning: 半年
- 2019年03月
- 開始加入到視頻偵察項目,新增軌跡研判、混合搜索模塊
- 開始修改電廠項目的界面
- 學習vue、node、echarts
learning: 7個月
- 2019年04月
- es6、h5、bootstrap、算法、css
learning: 8個月
- 2019年05月
- 操作系統、es6、h5、c3、jquery
learning: 9個月
- 2019年6月
- HTTP協議、vue、算法、es6
learning: 10個月
- 2019年7月
- C++、jquery、算法、vue、node
learning: 11個月
- 2019年8月
- es6、flutter、dart、http、css、node
- node開始嘗試鏈接數據庫,做持久化
learning: 1年
- 2019年9月
- vue、node、koa、算法、mongoose、css布局
- 開始嘗試仿各種電商的主頁.
- flex布局、流式布局、響應式布局,講的特別好.
learning: 1年1個月
- 2019年10月
- 玩了一波匯編,挺爽的.基本實例都敲了一遍
- 開始接觸源碼
learning: 1年2個月
- 2019年11月
- docker相關概念: 阮一峰、尚硅谷
- Linux的基本指令: 黑馬
- react: 開課吧
- koa: 開課吧
[注] ：一個月認真起來,還是可以做好多事情的
learning: 1年3個月
- 2019年12月
- Promise詳解
- Promise的實現
- egg的體驗
- React的基本語法,虛擬DOM和Diff算法的實現
- Webpack4.x的項目基本配置
- 使用Node實現MVC的分層
- Chromium的架構和模塊
learning: 1年4個月
- 2020年1月
[目標]:
- React Native官網 API實現一遍
- 一本書: 《React Native 移動開發實戰》
- C++學習: 目的是熟悉C++語法,后期可以觀看node C++擴展部分, webkit內核源碼, 以及計算機網絡.
- 全棧工程師P30~P53
[已完成]：
- 書籍:《React Native移動開發實戰》(不建議)
- Android Studio開發(建議到熟悉了就轉RN,覺得還缺Android方面的知識,在轉回來看)
- 前端重點復習(P1 ~ P268)
- HTML+CSS(P1 ~ P231)
learning: 1年5個月
- 2020年2月
[目標]:
- 全棧工程師 P30 - P53
- 前端重點復習
- HTML+CSS
[已完成]:
- 前端面試題2020最新總結
小結: 步入階段3
- 第1階段主要是看書,培養一種靜下心來看厚書的習慣(不怕看厚書),這個階段是盲目的發現了以書找書,書越讀越多.
- 第2階段開始有目的的尋找項目中可能用到的知識,這個時候不在局限于書籍,更多的是以視頻(為主) + 書籍的形式.
- 掙扎了3年后(約5110小時),勉強步入第3個階段,此時應該已經在公司里面,要在大項目中,做到高效的code,需要極大的提高自己的算法能力.在大項目中,理解工程化、讀別人的代碼是家常便飯,下面給出這個階段需要的幾個建議:
最后提醒一句: 優先完成工作需求,上面的4個建議,可以自己抽時間來看,需要學會將零散的時間利用起來充電.
寫于2020年10月12日 22:22
求關注
GitHub: https://github.com/Lizhhhh
- 點擊文件夾進去,README.md里面有好多學習鏈接
- 子文件夾是學習的源代碼.里面的README.md是學習筆記
- 求星星(github)!!!
- 如果您遇到什么前端問題,請私聊!!!
- 求關注,求互粉!!!
- 侵權必刪,不喜勿噴
總結
- 上一篇： DocumentFragment使用
- 下一篇： HTML5 响应式图片