2020年大前端架構(web前端技術)

大前端時代

image-20200517194327548.png

  1. 泛客戶端:跨平臺的特性;
  2. Serverless:本來的後端愈來愈多任務和權限向前端遷移;
  3. 先後端分離:實現先後物理和真正意義上的項目分離;
  4. node.js:該技術的出現使得前端進入使用工具進行工程化開發的大前端時代和使得客戶端腳本語言Javascript能進行後臺服務開發。

知識儲備

image-20200517194523388.png

前端工程化

就是前端的使用各類項目管理工具和項目開發工具,使得前端開發更加規範和工程化,規範前端的開發規範和開發效率。
例如,vue全家桶和react全家桶等技術棧。前端

數據流管理方案

image-20200517205256950.png

先後端分離最佳實踐

  1. 中小型項目

    基於ajaxvue

image-20200517210125159.png

  1. 大型項目

    node中途島node

image-20200517210143390.png

服務端渲染

vue、react等都是客戶端js框架,用戶打開界面都會有短暫的空白。

改解決方案用於解決這個問題,改善用戶體驗。~~~~react

image-20200517205903636.png

靜態Web開發

image-20200517204038854.png

Flutter原生App開發

與react.native差異很大,不是原生。

image-20200517204412838.png

Taro多端統一開發方案

image-20200517204807925.png

Electro跨平臺桌面應用開發

VS Code

image-20200517204926080.png

總結

image-20200517205105147.png

相關文章
相關標籤/搜索