20K以上的前端工程师

参考网络收集资料，给自己也定一个目标，有正确方向性去学习，才能事半功倍~

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数据标准
• 序列化和解析

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)、ES6、SCSS、webpack-dev-serve
• 热更新

三大开发框架

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 同上(看情况学习)

微信开发

认识微信开发

公众号开发

• JS-SDK

小程序开发

• WXML
• WXSS

混合APP开发(Hybrid APP)

认识和了解混合式应用开发

应用React-Native

MUI-APP 开发

全栈性能优化和系统安全

性能优化

• 网络性能优化
• 服务端性能优化
• NoSQL

安全陷阱

• 服务可用性
• 服务安全性
• 数据安全性

能看到这里的，都是想提升自己的钱袋吧！ 我在编写的时候，有些也是不太懂，但是 大多都熟悉，需要花时间去研究和使用，提升自己的内力。

后期花时间，把对应的知识点 链接慢慢更新上来。感兴趣的不妨 收藏起来。

有补充或者提意见的 欢迎在评论区探讨~

转载于:https://juejin.im/post/5cecb0bdf265da1b7e101739