前端发展方向：

  • 全栈: 前后端开发，需要了解 Node / 数据库/ Nginx / 反向代理 / 负载均衡 / PM2 / Docker 等服务端或者运维知识
  • 跨平台: Hybrid / Flutter / React Native / Swift 等
  • 视觉游戏: WebGL / 动画 / Three.js / Canvas / 游戏引擎 / VR / AR 等
  • 底层框架: 浏览器引擎 / 框架底层 / 机器学习 / 算法等

以下为前端人的自我修炼之路：

Html+css

  1. 熟练运用 HTML/HTML5/XHTML、CSS/CSS3、JavaScript 构建高性能的 Web 应用程序
  2. 精通网页制作技术，熟悉页面架构和布局
  3. 能解决多浏览器兼容性问题
  4. 至少掌握 css 预处理器中的一种: sass,less,stylus

JavaScript

  1. JavaScript 语言基础、熟练掌握 es6
  2. 函数式编程与测试
  3. 理解并掌握 Javascript 语言核心技术 DOM、BOM、AJAX、Restful、JSON 等

前端性能优化

  1. 前端性能测试、AMP
  2. 掌握丰富的 css/JavaScript 等前端性能优化经验，解决多浏览器、多屏幕尺寸的 webview 的兼容和适配问题

前端工程化

  1. 熟悉 webpack、Yeoman、rollup、Gulp、grunt 等至少一种配置
  2. 能够熟练运用和管理基于 npm、yarn 等风格的代码工程
  3. 对前端工程化与模块化开发有一定了解，并有实践经验(如 RequireJS/SeaJS/ES6 模块化/commonjs 等)
  4. 熟练运用主流的 JS 库和 Bootstrap 开发框架，并深入理解其设计原理

MVVM MVC 框架

  1. 熟悉 react、redux、react-router 技术栈
  2. 熟悉 vue、vue-router、vuex、axios 和 vue-resource 等 vue 技术栈，熟悉 MVC、MVVM 等模式
  3. 持续关注业界的新话题和新技术，使用过一种以上的前端 MVVM 框架（如 Angular、React、Vue 等）
  4. 熟练使用 Vue、React 框架进行 PC、手机端页面开发

设计模式、网络安全

  1. JavaScript 常见设计模式与实战
  2. 前端加密与安全策略与网络安全
  3. 熟悉浏览器兼容性，web 优化技巧

图形学、H5 游戏

  1. echarts、highcharts、d3.js
  2. Canvas、threejs

数据结构与算法

  1. 掌握数据结构
  2. 熟练掌握基本算法

移动端、微信系列

  1. ReactNative 原理剖析&PWA、前端嵌入式开发与 VR、人工智能
  2. 有 React Native 项目经验者可加分
  3. 熟悉微信网页功能开发（如微信分享，微信支付），掌握调试微信网页调试工具
  4. 有移动 APP 应用、微信公众号、小程序开发经验
  5. 熟悉 W3C 标准，对表现与数据分离、web 语义化等有深刻理解，熟悉移动 web 开发、有 hybrid app 开发尤佳

NodeJS

  1. 熟悉 express、koa 、NodeJS 核心 API 与源代码
  2. 熟练使用 nodejs，会使用 redis 和 socket 技术
  3. 熟悉基于 nodejs 平台的开发流程，了解 Cordova、ionic、flutter、RN 等移动开发框架
  4. 掌握一门后端语言（Java、python 等）
  5. 研究过 nodejs 框架(express/koa)等，有 npm 的模块开发经验

其他

  1. 熟悉 linux 系统的基本操作
  2. 掌握 git 基本操作，熟悉团队项目协同开发流程
  3. 熟悉基本数据库操作（如 MySQL、MongoDB 等）

开源作品

  1. 有相关开源作品、个人技术公众号
  2. 有个人技术博客