前端学习路径

1、web前端基础

     HTML+CSS----HTML5+CSS3,包括布局（栅格布局，流动布局，经典的弹性盒布局——兼容性不太好）

    JavaSCript-----ECMAScript语法---前端必备  、 DOM操作、BOM

2、JavaScript进阶-----预解释 、闭包、作用域、this指向、面向对象、继承的实现方式、算法、JavaScript设计模式

3、前端库必备-----jQuery、jQuery插件、understore.js(前端功能库必备，弥补了大量原生JS方法天生不足的缺陷)、动画库animate.css、动画库Velocity.js

4、移动端开发----viewport、媒体查询、rem自适应、flexiable.js、移动端事件、移动端库zepto.js、swiper.js、移动端框架Bootstrap

5、前端工作流----Git、三个打包工具（grunt--了解、glup--简单使用、webpack--重点，进入BAT最重要的一个工具）、前端模块化（require.js、sea.js、AMD/CMD、ES6 Module）、Yoman脚手架工具 了解一下

   BAT：B指百度、A指阿里巴巴、T指腾讯

脚手架：为了保证各施工过程顺利进行而搭设的工作平台

6、Nodejs

     HTTP/AJAX

     Nodejs核心模块

    Nodejs异步：Events、Timer、Event-loop

    进程：进程和线程、Cluster（集群）

   数据库：爬虫框架 node-crawler 、数据持久化、MySql、MongoDB、Redis

   鉴权：cookie认证、token+jwt(JSON Web Token)、第三方登录Qauth2

   框架进阶：先学express入门、再去进攻Koa2、大型项目框架使用eggjs

   MVVM开发框架：Model-View-ViewMode

   SSR服务器渲染：server side render

  常用Linux命令

   部署运维

7、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

8、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的原理

9、微信小程序

　　　　学微信小程序，会基本的html+css+js就可以快速入门

　　　　微信小程序实战

　　　　　　微信小程序中基本的api

　　　　　　页面结构组件

　　　　　　页面样式

　　　　　　基础组件

　　　　　　Flex布局

　　　　　　扫码

　　　　　　下拉刷新、上拉加载

　　　　　　轮播图

　　　　　　支付

　　　　　　开发自己的小程序

　　　　小程序生态

　　　　　　小程序适用场景分析

　　　　　　支付宝小程序

　　　　　　百度小程序

　　　　　　Taro、Mpvue 通用框架

　　　　　　再开发一款微信小程序项目

10、微信公众号开发

 

　　　　微信Api

　　　　消息中间件

　　　　音视频、图片、图文、ticket管理

　　　　微信支付接入

　　　　服务端如何接入微信后台

　　　　Nodejs后端接入

　　　　依赖微信jssdj开发业务

　　　　录音/地理位置，扫一扫

　　　　公众号开发

11、混合式App开发

　　　　React-navtive

　　　　　　基础

　　　　　　　　搭建开发环境

　　　　　　　　样式、布局、输入、事件、滚动视图、长列表

　　　　　　　　Props属性

　　　　　　　　状态

　　　　　　进阶

　　　　　　　　组件化开发

　　　　　　　　Platfrom模块

　　　　　　　　导航器

　　　　　　　　动画

　　　　　　　　手势

　　　　　　　　性能、调试

　　　　　　　　集成

　　　　　　　　ios应用扩展

　　　　　　　　Android应用扩展

　　　　　　　　单页应用

　　　　　　　　redux管理数据

　　　　　　　　react-router路由

　　　　　　第三方组件库

　　　　　　　　ant-design-mobile的使用

　　　　Flutter

12、web安全策略

 

　　　　这是基本知识，对这个有所了解，面试大厂可能对你有很大的帮助

　　　　　　基本的安全和常用web项目相关漏洞原理解析和防御

　　　　　　XSS漏洞、CSRF漏洞、SQL注入

　　　　　　Cookie安全策略

　　　　　　传输安全和HTTPS加密

13、自动化测试

　　　　虽然测试不是咱们前端必备，但是了解它，对你以后的全栈之路绝对提升了一个档次

　　　　　　业务驱动

　　　　　　测试驱动

　　　　　　黑百盒测试

　　　　　　前端项目的单测集成

　　　　　　Node项目的单测集成

　　　　　　前端e2e测试实战

14、web前端提升进阶(大厂必备)

　　　　前端数据结构和算法

　　　　　　算法基础知识、核心概念、复杂度

　　　　　　常见算法：冒泡排序、快排、二分查找、递归算法、常见算法面试题(网上搜索即可)

　　　　　　常见数据格式：数据格式、数组、连表、树、二叉树、图

　　　　前端设计模式

　　　　　　为什么要学习设计模式?

　　　　　　面向对象

　　　　　　工程模式

　　　　　　单利模式

　　　　　　装饰器模式

　　　　　　代理模式

　　　　　　观察者模式

　　　　　　计模式做个实战，运用一下