全棧高級web前端工程師的必經之路

這是最近整理的一個進階高級web工程師的技術棧

同時也是激勵本身天天來看一下離真正的王者還有多少距離！

過段時間再來反思一下本身進步了多少？

------------------------20190618------------------------------

首先html和css就不說太多了，直接來講vue

-------VUE-------

1.熟練vue語法，以及各類指令

2.用vue寫一個簡單的網頁

3.深刻研究vue的組件化

4.研究element-ui、iView、vant組件庫源碼

5.寫一個本身的表單驗證組件

6.熟練掌握vuex的數據管理、數據流設計

7.熟練掌握vue-router：路由跳轉、路由守衛、路由鑑權

8.用vue寫一個blog管理的小項目，包含登陸註冊

9.學習typescript，深刻研究vue的源碼

10.vue性能優化

11.最終能本身寫出一個迷你的vue,js

 

------React.js-----

1.入門：JSX、虛擬dom

2.組件化：context、ant-design、高階組件

3.寫一個本身的表單驗證組件

4.熟練掌握：redux、react-router、umi、dva

5.用react寫一個小型商城項目，包含登陸註冊商品列表購物車等

6.服務端渲染ssr、next.js

7.react性能優化

8.深刻研究react源碼

 

---------Node.js--------

1.入門：異步、io、fs

2.nodeweb開發：koa二、router、eggjs

3.瞭解express，寫個簡單小項目

4.鑑權：cookie、jwt、oauth

5.數據庫：mysql、redis、mongodb

6.構建一個本身的mvc框架

7.構建本身的koa、中間件

8.深刻學習linux操做命令、pm二、nginx、docker

 

--------微信公號和小程序-------

1.nodejs對接微信服務器

2.公衆號客服機器人

3.jssdk

4.小程序實戰

5.小程序經常使用組件

6.小程序經常使用jsapi

7.taro開發跨端應用

8.雲開發

9.寫一個微信小程序

 

------------前端安全------------

1.安全漏洞

2.xss

3.csrf

4.sql注入

5.安全攻防

6.爬蟲對抗

7.持久化攻擊

8.加密

 

-----------react-native和flutter------------

1.掌握RN語法

2.RN第三方組件

3.flutter

4.用這兩種框架各寫一個小項目

 

----------工程化---------

1.webpack常見配置

2.webpack性能優化

3.手寫webpack

4.gulp經常使用配置

5.手寫gulp

6.深刻研究vue-cli源碼

6.構建一個本身的腳手架

 

--------------性能優化-------------

1.性能指標

2.性能化軍規

3.文件加載更快：打包、壓縮、緩存

4.代碼執行更快：防抖、節流、vue性能優化、react性能優化

 

------------------算法和數據結構-----------------

1.算法基礎知識

2.複雜度

3.搜索二分查找

4.排序：快速、冒泡、

5.數據結構：鏈表、樹、圖

 

-------------------設計模式-------------------

1.設計模式基礎

2.面向對象

3.單例模式

4.裝飾器模式

5.代理模式

6.觀察者模式

7.設計模式實踐

 

---------------java------------------

1.鞏固java基礎知識

2.熟悉spring-boot

3.用springboot配合vue開發一個小項目

 

-----------------git和svn--------------------

熟練掌握git和svn使用方法