前端學習路徑

一、web前端基礎

     HTML+CSS----HTML5+CSS3,包括佈局（柵格佈局，流動佈局，經典的彈性盒佈局——兼容性不太好）

    JavaSCript-----ECMAScript語法---前端必備  、 DOM操做、BOM

二、JavaScript進階-----預解釋 、閉包、做用域、this指向、面向對象、繼承的實現方式、算法、JavaScript設計模式

三、前端庫必備-----jQuery、jQuery插件、understore.js(前端功能庫必備，彌補了大量原生JS方法天生不足的缺陷)、動畫庫animate.css、動畫庫Velocity.js

四、移動端開發----viewport、媒體查詢、rem自適應、flexiable.js、移動端事件、移動端庫zepto.js、swiper.js、移動端框架Bootstrap

五、前端工做流----Git、三個打包工具（grunt--瞭解、glup--簡單使用、webpack--重點，進入BAT最重要的一個工具）、前端模塊化（require.js、sea.js、AMD/CMD、ES6 Module）、Yoman腳手架工具 瞭解一下

   BAT：B指百度、A指阿里巴巴、T指騰訊

腳手架：爲了保證各施工過程順利進行而搭設的工做平臺

六、Nodejs

     HTTP/AJAX

     Nodejs核心模塊

    Nodejs異步：Events、Timer、Event-loop

    進程：進程和線程、Cluster（集羣）

   數據庫：爬蟲框架 node-crawler 、數據持久化、MySql、MongoDB、Redis

   鑑權：cookie認證、token+jwt(JSON Web Token)、第三方登陸Qauth2

   框架進階：先學express入門、再去進攻Koa二、大型項目框架使用eggjs

   MVVM開發框架：Model-View-ViewMode

   SSR服務器渲染：server side render

  經常使用Linux命令

   部署運維

七、Vue2.6

       7.1 Vue：

              經常使用指令：必會

                            v-bind：能夠用於響應式地更新 HTML 特性  如：<a v-bind:href="url">...</a>  縮寫：<a :href="url">...</a>

                            v-on：監聽 DOM 事件  如;<a v-on:click="doSomething">...</a>  縮寫;<a @click="doSomething">...</a>

                            v-for

                            v-if

 

              表達處理：

             雙向數據綁定---MVVM思想

             組件化--必會  本身編寫本身的組件

              生命週期----必會

              Vue動畫特效

      7.2 Vue-router

              路由基礎：

                             動態路由、嵌套路由、編程式導航、命名路由、重定向、路由組件傳參、history模式

             路由進階：生命週期、過渡特效、數據獲取、滾動行爲監聽、路由懶加載

      7.3 Vuex

             state、getters、mutations、actions、modules

     7.4 先後端分離思想----對比後端渲染頁面和先後端分離

     7.5 服務器渲染SSR

             SEO 的問題、SSR的原理、爲何要作SSR、何種類型的項目使用SSR

    7.6 nuxt.js

    7.7經常使用框架

          element-ui必會、下面三款任選其一（Vux、IView、mint-ui）

   7.8 Vue雙向數據綁定的原理 

   7.9 提高 本身寫一個Vue、vue-router  vuex

八、React 16全家桶實戰

　　　　React基礎+進階

　　　　　　React基礎語法，能夠去它官網上看，https://react.docschina.org/docs/getting-started.html

　　　　　　官網腳手架Creat-react-app

　　　　　　JSX

　　　　　　虛擬DOM原理剖析

　　　　　　數據管理setState

　　　　　　組件化思想

　　　　　　表單處理

　　　　　　動畫特效

　　　　　　生命週期

　　　　　　Fiber架構瞭解一下

　　　　　　Hooks瞭解一下

　　　　Redux狀態數據管理

　　　　　　setState和屬性傳遞管理數據的不足

　　　　　　單向數據流和雙向數據流對比

　　　　　　Action

　　　　　　Reducer

　　　　　　Dispatch

　　　　　　React和Redux鏈接-》React-redux

　　　　　　Provider和connect

　　　　　　中間件

　　　　　　Redux-thunk中間件如何處理異步任務

　　　　React-router4單頁應用

　　　　　　路由管理

　　　　　　路由和組件

　　　　　　重定向

　　　　　　路由聲明週期

　　　　　　懶加載

　　　　Ant-design組件庫

　　　　服務器渲染SSR

　　　　　　跟Vue的SSR相似了，若是你會了Vue的SSR，這個能夠忽略

　　　　Typescript在React中實戰

　　　　深刻了解虛擬DOM的原理

九、微信小程序

　　　　學微信小程序，會基本的html+css+js就能夠快速入門

　　　　微信小程序實戰

　　　　　　微信小程序中基本的api

　　　　　　頁面結構組件

　　　　　　頁面樣式

　　　　　　基礎組件

　　　　　　Flex佈局

　　　　　　掃碼

　　　　　　下拉刷新、上拉加載

　　　　　　輪播圖

　　　　　　支付

　　　　　　開發本身的小程序

　　　　小程序生態

　　　　　　小程序適用場景分析

　　　　　　支付寶小程序

　　　　　　百度小程序

　　　　　　Taro、Mpvue 通用框架

　　　　　　再開發一款微信小程序項目

十、微信公衆號開發

 

　　　　微信Api

　　　　消息中間件

　　　　音視頻、圖片、圖文、ticket管理

　　　　微信支付接入

　　　　服務端如何接入微信後臺

　　　　Nodejs後端接入

　　　　依賴微信jssdj開發業務

　　　　錄音/地理位置，掃一掃

　　　　公衆號開發

十一、混合式App開發

　　　　React-navtive

　　　　　　基礎

　　　　　　　　搭建開發環境

　　　　　　　　樣式、佈局、輸入、事件、滾動視圖、長列表

　　　　　　　　Props屬性

　　　　　　　　狀態

　　　　　　進階

　　　　　　　　組件化開發

　　　　　　　　Platfrom模塊

　　　　　　　　導航器

　　　　　　　　動畫

　　　　　　　　手勢

　　　　　　　　性能、調試

　　　　　　　　集成

　　　　　　　　ios應用擴展

　　　　　　　　Android應用擴展

　　　　　　　　單頁應用

　　　　　　　　redux管理數據

　　　　　　　　react-router路由

　　　　　　第三方組件庫

　　　　　　　　ant-design-mobile的使用

　　　　Flutter

十二、web安全策略

 

　　　　這是基本知識，對這個有所瞭解，面試大廠可能對你有很大的幫助

　　　　　　基本的安全和經常使用web項目相關漏洞原理解析和防護

　　　　　　XSS漏洞、CSRF漏洞、SQL注入

　　　　　　Cookie安全策略

　　　　　　傳輸安全和HTTPS加密

1三、自動化測試

　　　　雖然測試不是我們前端必備，可是瞭解它，對你之後的全棧之路絕對提高了一個檔次

　　　　　　業務驅動

　　　　　　測試驅動

　　　　　　黑百盒測試

　　　　　　前端項目的單測集成

　　　　　　Node項目的單測集成

　　　　　　前端e2e測試實戰

1四、web前端提高進階(大廠必備)

　　　　前端數據結構和算法

　　　　　　算法基礎知識、核心概念、複雜度

　　　　　　常見算法：冒泡排序、快排、二分查找、遞歸算法、常見算法面試題(網上搜索便可)

　　　　　　常見數據格式：數據格式、數組、連表、樹、二叉樹、圖

　　　　前端設計模式

　　　　　　爲何要學習設計模式?

　　　　　　面向對象

　　　　　　工程模式

　　　　　　單利模式

　　　　　　裝飾器模式

　　　　　　代理模式

　　　　　　觀察者模式

　　　　　　計模式作個實戰，運用一下