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

大前端时代

image-20200517194327548.png

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

知识储备

image-20200517194523388.png

前端工程化

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

数据流管理方案

image-20200517205256950.png

前后端分离最佳实践

  1. 中小型项目

    基于ajax

image-20200517210125159.png

  1. 大型项目

    node中途岛

image-20200517210143390.png

服务端渲染

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

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

image-20200517205903636.png

静态Web开发

image-20200517204038854.png

Flutter原生App开发

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

image-20200517204412838.png

Taro多端统一开发方案

image-20200517204807925.png

Electron跨平台桌面应用开发

VS Code

image-20200517204926080.png

总结

image-20200517205105147.png

你可能感兴趣的:(2020年大前端架构(web前端技术))