1. 入口应用会小程序化

2. Web前后端融合为全栈开发,前端逐渐发展为全端

危机

技术层面:主要偏向于页面的设计、页面的交互。需要依靠设计和后端人员。
思想层面:如果工作环境比较轻松,会让自己变得比较懒散,思想让会退化,不求进步了!
精神层面:随着工作经验的丰富,年龄也在增长,随着家人的加入和身体的退化,导致我们心有余力不足

自我突破

  • 由前端到全栈(node/其他后端语言)
  • 聚焦用户体验 (参考大厂或当下流行)
  • 提升开发效率 (组件化/工程化/低代码/快速生产)
  • 知识复盘总结 (笔记)
  • 跳出舒适区 (定目标)
  • 前端职业的的发展路线 (不断整理优化,通过不通的渠道发散,由别人验证)

1-2年(初级前端)

主要学习技术:HTML、CSS、HTML5、CSS3、JavaScript、JQuery、Less、Photoshop、前端三大框架(Vue、React、Angular)等。

3-4年(中级前端)

主要学习技术:node、自动化构建工具(WebPack、glup等)、小程序、混合开发、HTTP/TCP、了解至少一门后端语言等。

5年以上(高级前端)

主要学习技术:前端框架选型、架构设计、构建工具,到后端通信机制、设计与交互、网络和浏览器优化等。

前端选择方向

  • 管理方向:前端技术专家:架构师
  • 技术方向:技术经理、技术总监CTO
  • 产品方向:产品经理

技术提升

  • 基础知识
    HTML
    CSS
    JavaScript
    jQuery
  • 工作知识
    ES6、Ajax
    Node.js模块化
    CSS预处理器
    MVVM架构
    常见UI库
    小程序技术
    跨平台技术
  • 进阶知识
    TypeScript
    自动化构建工具
    版本控制工具
    可视化工具
    框架源码
    数据结构+算法
  • 新兴知识
    Serverless
    WebAssembly
    大前端
    微前端
    后端知识
    指引方向

基础知识:对于前端工程师来说,虽然技术更新较快,但不要一味的追求新技术。基础一定要牢靠,HTML、CSS、JS这些技术一定要精通。

深入底层,理解原理:对于新技术框架的学习,不要只停留在技术的表面,要深入源代码,去理解它的运作原理和应用场景,提升体术的深度很重要。

全面发展,全栈开发:如果在工作中,有别的项目或者产品的学习机会,要主动去接触,前端工程师也可以全面发展。

良好的编程习惯:所有前端开发者都应该养成良好的编程习惯,尤其是刚入行的初学者、萌新。