2016
08
22

2015 年的 4 個 Web 技術趨勢[轉載於蓋索林 每天進步1%]

關鍵字:web技術

1. Javascript 語法的改進

ECMAScript6 (ES6) 規格已經底定,主流的瀏覽器也已紛紛支援 ES6 的各種特性。好用的諸如 arrow function 和 promises 等特性,都已在 Gaia 專案中大量被使用。

要追求專案與舊瀏覽器的相容性,有 Babel 和 traceur 等轉譯器可供使用。中文英文教學文件也已不少,就安心地用吧。


2. DOM 的改進

去年最紅的前端函式庫當推Facebook提出的 react.js。react.js 提出使用 Virtual DOM 來管理更新與繪製畫面,在不修改現有瀏覽器實作的現況下,提升操作DOM的效能。

Web Component 則是提供了多種新的瀏覽器特性,Gaia 專案裡也已經使用 Web Component 來設計新一代共用的介面元件。Custom Element 特性讓每個開發者可以自行定義新的 HTML 標籤,Shadow DOM 特性則讓每個 HTML 標籤的實作獨立,不會輕易被其他網頁內容改變。

好消息是這些改進是可以共用的
 

 

3. HTTPS 大量被採用

Service Worker 是規劃了多年的重頭戲。Service Worker 提供更完備的離線存取功能。在第一次使用 Web App 時會快取內容,之後再次使用 Web App 時只需更新不同的部分。由於這功能在各瀏覽器中都還在實驗或Beta階段,最快可能是年底上線。因此開發者能大量投入使用的時間點應該是2016年。

無論是 Service worker 或是也剛底定的 HTTP 2.0 草案,都需要運行在加密過的 HTTPS 上。Google 更是為使用 HTTPS 連線的網站提升搜索排序。過去由於證書取得不易,限制了 HTTPS 的使用率。Mozilla 與 Cisco 等廠商今年將合作提供免費的CA證書。當然,也可以透過現在已經存在的 StartSSL服務 來取得免費證書。


4. 預編譯網站

現在比較大型的網站或 web app 都是透過 build script 預做一些 packaging,optimize,或 trans compile 等動作後才部署上線。除了可以壓縮網頁大小以減少載入時間,同時也起到部分保護原始碼的效果。由於 GruntGulp 等工具的流行,預編譯這方面的門檻降低不少。中、小型,甚至個人網站,也可以很容易地使用這些技術來建構網站或Web App。


最後賣瓜一下:webapplate 這個範本已經整合好 grunt based packaging,optimize,trans compile 等動作,新版本也加進了 Babel trans compiler,可以直接使用 ES6 語法開發 web app。要開新 web 專案時歡迎取用。
 
Posted 20th February 2015 by 
Labels: FirefoxOS webapp
傑立資訊傑立資訊事業有限公司

電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map

© 2019 傑立資訊 All rights reserved.