前端開發應該關注的前沿技術


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

 

能工摹形,巧匠竊意。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM