前端修炼之路

一步，两步，三步四步五步，就这样到达了人生的巅峰~

传统前端生态-初级

不使用打包、中间处理工具，手工处理js、css、图片等资源

掌握以下知识点：

1. 基础结构：html，h5

2. 基础样式：css，css3

3. 基础语法：js

4. jq框架：jq，jq系列插件

5. ui框架：bootstrap3，bootstrap4等

6. 基础插件：lodash，echarts等

7. 其他：移动端适配，浏览器兼容，浏览器调试等

恭喜完成新手村修炼任务，正式开启江湖冒险之旅~

vue 生态-中级

1. 基础套件：vue2，vuex，vue-router，axios，vue 静态生成器，vue 多页面，vue history 模式

2. UI 组件库：element、iview、vuex、mint-ui、vant、cube-ui等

3. 后端渲染：nuxt.js

4. 语法升级：es6+，less、scss、styls

5. 工具：vue-cli，babel7，webpack4，eslint，vue devtools

6. 其他：调试工具，vuepress

打怪升级，恭喜晋级成功~

React 生态

1. 基础套件：react，react-router，jsx，axios，react react history 模式，redux、mobx等

2. UI 组件库：antd，antd-mobile

3. 后端渲染：next.js

4. 工具：create-react-app，react-devtools

5. react-native

持续打副本刷经验中~

微信生态-高级

1. 小程序生态：api，组件，工具，云开发，mpvue、wepy等

2. 小游戏生态

3. 微信公众号生态：微信授权登录、支付、分享等常用功能

闯关成功，成功晋级~

Node 生态-全栈

1. 基础：node，npm、cnpm、npx、nvm、yarn，pm2，pug，nginx

2. 框架：express，koa2，think.js，egg.js

3. 数据库：mongoodb，mongoose

4. 插件：redis、express-redis-cache、Redis Desktop Manager、moment、nodemailer等

5. 命令行：linux、cmd、mac 命令

6. 工具：express-generator，koa-generator，robo3t，postman，mobaXterm，Sequel Pro

击败终极 Boss，成功完成凡间界修炼，开始新世界之旅~

其他

1. 常用工具：编辑器 sublime 研究，ps切图工具，抓包工具，上传代码工具，图片压缩工具，截图工具，取颜色工具，markdown等

2. git 类：svn，git，github，码云，sourceTree

3. 埋点：谷歌统计，百度统计，前端错误收集等

4. 其他：pwa，parcel，typescript，electron，可视化，工程化，单元测试，前端安全，性能优化，数据结构+算法，设计模式等