2020年大前端架构(web前端技术)

大前端时代

2020年大前端架构(web前端技术)_第1张图片

  1. 泛客户端:跨平台的特性;
  2. Serverless:原本的后端越来越多任务和权限向前端迁移;
  3. 前后端分离:实现前后物理和真正意义上的项目分离;
  4. node.js:该技术的出现使得前端进入使用工具进行工程化开发的大前端时代和使得客户端脚本语言Javascript能进行后台服务开发。

知识储备

2020年大前端架构(web前端技术)_第2张图片

前端工程化

就是前端的使用各种项目管理工具和项目开发工具,使得前端开发更加规范和工程化,规范前端的开发规范和开发效率。
例如,vue全家桶和react全家桶等技术栈。

数据流管理方案

2020年大前端架构(web前端技术)_第3张图片

前后端分离最佳实践

  1. 中小型项目

    基于ajax

2020年大前端架构(web前端技术)_第4张图片

  1. 大型项目

    node中途岛

2020年大前端架构(web前端技术)_第5张图片

服务端渲染

vue、react等都是客户端js框架,用户打开界面都会有短暂的空白。

改解决方案用于解决这个问题,改善用户体验。~~~~

2020年大前端架构(web前端技术)_第6张图片

静态Web开发

2020年大前端架构(web前端技术)_第7张图片

Flutter原生App开发

与react.native差别很大,不是原生。

2020年大前端架构(web前端技术)_第8张图片

Taro多端统一开发方案

2020年大前端架构(web前端技术)_第9张图片

Electro跨平台桌面应用开发

VS Code

2020年大前端架构(web前端技术)_第10张图片

总结

2020年大前端架构(web前端技术)_第11张图片

你可能感兴趣的:(javascript,前端,vue.js,node.js,react.js)