愛創課堂教你如何1分鐘選好最合適你的JavaScript架構

標籤：js架構

面對市面上豐富多樣的架構，很多WebTeam Dev都感到難以抉擇，效能、速度、相容性等等方面，我們到底應該怎麼選？我介紹一個工具和一本手冊，只需1分鐘，即可為你和你的團隊選好最適合的架構。

JavaScript架構（以下簡稱架構）也被稱為JavaScript庫，是一組包含豐富功能和函數的JavaScript代碼集，能夠協助開發人員快速完成Web設計和開發工作。隨著Web社區的越發活躍，新的架構也層出不窮，目前流行的有：Angular、React、Vue.js和Knockout等。

面對如此豐富多樣的架構，很多WebTeam Dev都感到難以抉擇，效能、速度、相容性等等方面，我們到底應該怎麼選？

其實，還是那個亙古不變的原則：適合自己的才是最好的！

下面，我介紹一個工具和一本手冊，只需1分鐘，即可為你和你的團隊選好最適合的架構。

工具介紹

工具

650) this.width=650;" src="http://mmbiz.qpic.cn/mmbiz_jpg/HSfHk1md6uyVsxduFmxeJpcAF4xJstPOV0biagGWCwMQydcz0Xdf9Q9qWcYdGKejU0pXp2miaGS6ODxNib4XsY7bw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" style="margin:10px auto 0px;padding:0px;height:auto;border:0px;width:auto;" alt="640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy" />

這個工具從生產效率、速度、生態系統和相容性四個維度，對主流前端架構進行評估。你可根據項目情況，定義你最關心的維度，點擊“擷取評估結果”，獲得推薦。

如所示，小編優先考慮生產效率，其次是生態系統和速度，最後是相容性。

650) this.width=650;" src="http://mmbiz.qpic.cn/mmbiz_jpg/HSfHk1md6uyVsxduFmxeJpcAF4xJstPOvpTicsVhzsB3QAYMevBoJcbz7p0T9pvEuU6Ve9hyUssIshUsA5SE5gg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" style="margin:10px auto 0px;padding:0px;height:auto;border:0px;width:auto;" alt="640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy" />

提交後，系統最推薦的，是效能最佳的Angular，並附上了推薦理由。

650) this.width=650;" src="http://mmbiz.qpic.cn/mmbiz_jpg/HSfHk1md6uyVsxduFmxeJpcAF4xJstPOib3ZvibrFfSQ9Fev4AXWj9kPyP0wPbWoKjb4ez0A2kbm2vAXvVTbvu1g/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" style="margin:10px auto 0px;padding:0px;height:auto;border:0px;width:auto;" alt="640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy" />

既簡單又高效吧，一分鐘找到最適合你的JavaScript架構！叫上你的小夥伴，一起來試試吧！

測試連結：http://wijmo.gcpowertools.com.cn/spec/

值得一提的是，這個測試載入器是用Wijmo製作的，這是一款用Type編寫的新一代JavaScript/HTML5 控制項集，對Angular，React，Vue.JS，Knockout架構都可做到全面支援。

手冊介紹

作為前端開發工具的佼佼者，Wijmo 還推出了《如何選擇合適的Java架構》手冊，對JavaScript和JavaScript架構做了詳細介紹，盤點了目前最流行的四個Java架構，並講述了如何使用“SPEC”方法為自己的團隊選擇最適合的架構。點擊頁面下方的“擷取免費電子書”，即可進行下載。

650) this.width=650;" src="http://mmbiz.qpic.cn/mmbiz_jpg/HSfHk1md6uyVsxduFmxeJpcAF4xJstPOfnvhvTqZYP8ia0UzDDpwwn3Q5b0ny45OicSicS9js6TCMKFTia6Ec6uicWg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1" style="margin:10px auto 0px;padding:0px;height:auto;border:0px;width:auto;" alt="640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy" />

指導手冊：http://wijmo.gcpowertools.com.cn/spec/

愛創課堂教你如何1分鐘選好最合適你的JavaScript架構