前端從P5到P6的必經之路

參考網絡收集資料，給本身也定一個目標，有正確方向性去學習，才能事半功倍~

對標 大廠看過來，這就是我俗氣的 奮鬥目標啊~

JavaScript高級

詳解ES6

• 變量：let、const
• 塊級做用域或閉包
• 箭頭函數和this
• 參數擴展、數組展開
• Array擴展：map、reduce、filter、forEach
• 模板字符串
• Promise異步請求
• await和async
• node.js配置和babel.js編譯

面向對象與閉包

• ES5和ES6面向對象寫法
• 閉包究竟是什麼
• 閉包的典型應用

正則表達式與JSON對象

• 熟悉正則
• 定界符
• search和i
• math、replace和g
• 元字符
• 量詞
• 元祖
• 謂語、或
• 認識JSON類
• json數據標準
• 序列化和解析

三大開發框架

不止會框架api要對框架源碼有必定深度的解析和研究

Vue.js

認識Vue.js

• MVC、MVP、MVVM模式
• 前臺渲染和後臺渲染
• vm基本結構
• vue表達式、雙向數據綁定
• 指令、屬性、事件、虛擬DOM

應用Vue.js

• {{}} 和 v-html
• watch監聽
• vue修飾符
• 事件： .stop、 .prevent、.capture、.self、.once
• v-cloak的使用
• Vue-Router應用 官方文檔
• Vue數據通訊
• Fetch
• Axios

Vue.js 組件化

• 全局組件、局部組件
• 組件特性
• 組件間通訊(父子傳參[經常使用])
• 組件事件

Vuex狀態管理

• 官方文檔

vue-cli 腳手架

• 官方文檔

vue.js 實戰項目

Vue3.0 使用

React.js

認識它

• react.js和vue.js有何不一樣
• react生態圈
• JSX、React、DOM、Flux、Redux、RN、Server-React
• JSX語法
• 編寫React組件
• DOM渲染、render方法、React事件、React屬性
• 傳參方式

Redux狀態管理、路由

• 組件間通訊
• Redux的優劣
• 使用Redux
• React-router的使用

React.js實戰

Angular.js 同上(看狀況學習)

Node.js全棧開發

認識Node.js開發

• 環境搭建
• http模塊使用
• fs文件操做、異步操做
• 數據交互-GET
• 數據交互-POST
• 實例：用戶註冊、登錄

認識Node.js模塊

• node模塊系統
• 本身的模塊放在哪
• NPM使用、cnpm換源
• package.json
• 常見系統模塊：assert、path、url、querystring、os
• 數據交互-文件POST、multer
• multer模塊使用
• 實例：用戶註冊(換頭像)

先後臺數據通訊

• 認識HTTP協議
• ajax：原生、Jquery、fetch；後臺配合
• jsonp: 原生、jquery、後臺配合
• 文件：FormData、Jquery
• WebSocket: 原理、socket.io

原生Node.js開發實戰

• 流操做
• forever
• 項目部署
• 實例：TBD

express

• 爲何
• 基本使用
• express
• body-parser
• cookie-parser
• session的概念、cookie-session
• multer

koa

• 基本使用
• koa
• koa-better-body
• koa-cookie-parse
• koa-cookie-session
• 實例：TBD

數據庫開發

• MySQL、管理工具
• 基本操做(增刪改查 CRUD)
• node.js中的MySQL
• co-mysql
• 實例：後臺管理系統

SSR(服務端渲染)

• 服務端渲染和前端渲染
• pug(jade)的使用
• koa-pug
• ejs的使用
• koa-ejs
• 實例：前臺新聞頁

實戰Node.js全棧

• TBD

自動化構建工具

版本控制工具

• svn和git
• git使用、github
• svn使用、碼雲
• 搭建svn服務器

項目構建工具

• grunt安裝和使用
• gulp

webpack

• 認識和使用
• 編譯js、css(css-loader\style-loader)
• 編譯圖片(file-loader)、ES六、SCSS、webpack-dev-serve
• 熱更新

微信開發

認識微信開發

公衆號開發

• JS-SDK

小程序開發

• WXML
• WXSS

混合APP開發(Hybrid APP)

認識和了解混合式應用開發

應用React-Native

MUI-APP 開發

全棧性能優化和系統安全

性能優化

• 網絡性能優化
• 服務端性能優化
• NoSQL

安全陷阱

• 服務可用性
• 服務安全性
• 數據安全性

能看到這裏的，都是想提高本身的錢袋吧！ 我在編寫的時候，有些也是不太懂，可是 大多都熟悉，須要花時間去研究和使用，提高本身的內力。

後期花時間，把對應的知識點 連接慢慢更新上來。感興趣的不妨 收藏起來。

有補充或者提意見的 歡迎在評論區探討~