1.PWA 漸進式網絡應用 ( Progressive Web Apps )
PWA(Progressive Web App)是全新的網頁技術,讓網站的離線體驗變得更好,網絡連接斷斷續續時體驗也會更好,它會模擬一些原生功能,比如通知推送。在移動端利用標准化框架,讓網頁應用呈現和原生應用相似的體驗
Google 聲稱世界各地各行業在在 PWA 的構建上都獲得了很大的成功,星巴克在推出 PWA 網站后,日活躍用戶數量增加了 2 倍,他們對廣告網站進行測試,發現當一個網站切換到 PWA 時,平均轉化率提高了 20%。
PWA學習文檔 https://juejin.im/entry/5a1c394a5188255851326da5
LAVAS -基於 Vue.js 的 PWA 解決方案 幫助開發者快速搭建 PWA 應用,解決接入 PWA 的各種問題.
地址 https://lavas.baidu.com/
相關聯的Service Worker技術
Service Worker 是近年來 Web 最大的改進之一,它是 Chrome 團隊力推的一個 Web API,它將開發人員從頁面的生命周期中解放出來,運行於瀏覽器后台,可以控制打開作用范圍下的所有頁面請求,使 Web 應用程序能夠脫機工作。
Workbox庫 https://developers.google.com/web/tools/workbox/
2. Polymer
Polymer是一個開源JS庫,由Google Chrome團隊內部的前端開發者發起並維護。
如你所知,Chrome瀏覽器對各種WEB新標准的兼容一直支持得非常好。比如:Web Components、Service Workers,以及HTTP/2。因此,Polymer認為,我們應該充分利用瀏覽器平台本身的能力,而不是去重復發明各種輪子。
文檔 : https://www.polymer-project.org/2.0/start/
3.WebAssembly
使用WebAssembly,我們可以在瀏覽器中運行一些高性能、低級別的編程語言,可用它將大型的C和C++代碼庫比如游戲、物理引擎甚至是桌面應用程序導入Web平台。
學習地址 https://segmentfault.com/a/1190000008402872
4.Web Components
https://blog.csdn.net/powertoolsteam/article/details/17997291
5.GraphQL
GraphQL 是一個由Facebook提出的 應用層查詢語言. 使用 GraphQL, 你可以基於圖模式定義你的后端. 然后客戶端就可以請求所需要的數據集。
各版本服務實現 http://graphql.cn/code/#javascript