天天看點

JavaScript 即未來:介紹 14 個 JavaScript 的架構和庫

<a target="_blank"></a>

回歸到主題, 龐大的社群是 javascript 的一個得天獨厚的優勢,同時這也推動了 javascript 的蓬勃發展。這裡有數以百千計的成熟的 javascript 架構和庫供開發者使用,同時這些最優秀的架構和庫都是開源的。對目前的 javascript 開發者來說,能夠使用這些優秀的架構和庫來進行快速開發已經是必須技能了。當今的市場需要快速開發,但是,重複造輪子是沒有必要的。不論你是一個 javascript 新手還是一個資深的 javascript 開發者,使用架構和庫都能極大提高你的工作效率。

好了,讓我們開始吧!

angular.js 自 2009 年出現以來已經有了很大的改進。angular 1 目前的穩定版本是 1.5.8/1.2.30 。你也可以試一試 angular 2 ,相對于 angular 1 來說它有了重大的改進,但這個新版本仍未在全球範圍内被普遍使用。

在 angular.js 中,資料綁定是完成工作的一個重要概念。在使用者與接口的互動中,當互動完成,view 就會自動更新,随即新值與 model 互動以確定一切都是同步的。底層的邏輯在 model 中執行完成後,dom 也會随即更新。

react.js 背後的核心思想是虛拟 dom 。虛拟 dom 在用戶端和服務端之間扮演着一個中間人的角色并帶來了顯著的性能提升。虛拟 dom 的改變和伺服器端 dom 一樣,隻需要更新所需的元素,相對于傳統的 ui 渲染來說極大提升了渲染速度。

你還可以使用 recat 來實作 meterial 風格的設計,使你能夠開發具有無與倫比的性能的 web 應用。

jquery 同時便于分離 html 和 javascript 代碼,使開發者能夠編寫簡潔而跨浏覽器相容的代碼。并且使用 jquery 建立的 web 應用在将來也易于改善和擴充。

和 react.js 的相似之處在于,ember.js 提供了同樣的伺服器端虛拟 dom 以確定高性能和高可擴充。同時, ember.js 提倡簡化代碼,提供了豐富的 api。ember.js 還有非常優秀的社群。

這整個過程是自動化的,你所需要做的隻是使用這個 api 來建構你的 web 應用。

一些實用的幫助例如 “filter” 和 “invoke the map” 可以給你起個好頭,以助于你盡可能快的投入到工作中。 underscore.js 同時還自帶了一個套件來簡化你的測試工作。

javascript 是 web 開發中的通用語言。它之是以快速發展不僅僅是因為它所提供的内容,更多的是因為它的龐大的開源社群的支援。以上提到的架構和庫對任何一個 javascript 開發者來說都是必須知道的。它們都提供了一些途徑來探索 javascript 和前端開發。上面提及的大部分架構和庫頻繁地在 livecoding.tv 上出現,其大部分來自對 javascript 及其相關技術感興趣的軟體工程師。

原文釋出時間為:2017-04-07

本文來自雲栖社群合作夥伴“linux中國”

繼續閱讀