1.PWA 漸進式網絡應用 ( Progressive Web Apps )javascript
PWA(Progressive Web App)是全新的網頁技術,讓網站的離線體驗變得更好,網絡鏈接斷斷續續時體驗也會更好,它會模擬一些原生功能,好比通知推送。在移動端利用標準化框架,讓網頁應用呈現和原生應用類似的體驗前端
Google 聲稱世界各地各行業在在 PWA 的構建上都得到了很大的成功,星巴克在推出 PWA 網站後,日活躍用戶數量增長了 2 倍,他們對廣告網站進行測試,發現當一個網站切換到 PWA 時,平均轉化率提升了 20%。java
PWA學習文檔 https://juejin.im/entry/5a1c394a5188255851326da5web
LAVAS -基於 Vue.js 的 PWA 解決方案 幫助開發者快速搭建 PWA 應用,解決接入 PWA 的各類問題. 編程
地址 https://lavas.baidu.com/segmentfault
相關聯的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, 你能夠基於圖模式定義你的後端. 而後客戶端就能夠請求所須要的數據集。