《開源框架那些事兒21》：巧借力與借巧力

一樣作前端UI，爲何有人花了一點力氣，就能夠作好？而有的人費盡全力，仍然錯誤百出？咱們能夠先看看幾個故事。

故事1：巧借力，烏鴉也能夠吃核桃

有一個盛產核桃的村子，每一年秋末冬初，成羣的烏鴉總會來到這裏，到果園裏撿拾那些被果農們遺落的核桃。

核桃仁雖然美味，可是外殼那麼堅硬，烏鴉怎麼才能吃到呢？原來烏鴉先把核桃叼起，而後飛到高高的樹枝上，再將核桃摔下去，核桃落到堅硬的地面上，被撞破了，因而，烏鴉就獲得了那美味的核桃仁。

但是，讓核桃從高空墜落，核桃殼破裂的機率很低，不少時候，烏鴉都是望而興嘆。然而，失敗並未難倒烏鴉，不久後，它們又發明了一種更有效的方法：咱們村子附近有一條環山公路，過往的車子不少。烏鴉把核桃摔在公路上，車輪很輕鬆地就軋碎了核桃。因而，烏鴉等車子過去後，就迅速落地，品嚐美食。

順天應人，懂得發現自身所處環境的特色，同時整合旁邊的優質資源，就能使本身事半功倍，烏鴉只是把核桃帶到公路上而已，就能輕鬆享用核桃。借力，不只僅只侷限於人與人之間，也能夠向環境「借」力。

故事二：借巧力，四兩撥千斤

英國大英圖書館，是世界上著名的圖書館，裏面的藏書很是豐富。有一次，圖書館要搬家，也就是說從舊館要搬到新館去，結果一算，搬運費要幾百萬，根本就沒有這麼多錢。怎麼辦？有人給館長出了個注意。

圖書館在報上登了一個廣告：從即日開始，每一個市民能夠免費從大英圖書館借10本書。結果，許多市民蜂擁而至，沒幾天，就把圖書館的書借光了。書借出去了，怎麼還呢？你們給我還到新館來。就這樣，圖書館借用你們的力量搬了一次家。

你確定也想像大英圖書館那樣「四兩撥千斤」。若是你能發現本身的「四兩之力」（圖書），而且勇於把「四兩之力」用出去（免費借閱），一切就都不是問題。給予，有時也是一種借力。時代發展到今天，要想成功，最快速的辦法就是尋求成功者的幫助，並與對方齊心協力共同完成。完美的互援與合做永遠不能被忽視。成功，不在於你能作多少事，而在於你能借多少人的力去作多少事！

許多作前端的朋友每每在這方面有諸多疑慮，在選擇框架時，也會提出許多想法，好比：組件豐富些，本身不添加也足夠用；2.兼容性好一點，最好IE8以上都能兼容；擴展方便點，想增長就能增長；性能能好點，界面好看點，支持更換皮膚，支持窗口小組件，，支持流式佈局……

其實，這些都不是問題，也不須要你一個一個去研究透！只是，在選擇適合本身的框架時，須要認真考慮一些因素：

其一，巧借力。好比，框架是否足夠受歡迎、持續發展，有豐富的文檔？越是受歡迎，說明使用的人越多，各類資源也就越多，能夠交流的方式也就越多。被拋棄的概率越小，你能夠更加安心使用該框架。好的框架須要不斷更新改善，適應當前的各類技術，尤爲是移動端。若是，一個框架沒有在實際項目中實踐，你能夠隨便拿來練手，可是，若是要用到專門的項目中，仍是找比較成熟的框架靠譜。目前，Tiny前端框架，已經有龐大的粉絲羣體，愈來愈受到用戶的歡迎。在學習階段，一份完善的文檔能夠幫助咱們事半功倍。

其二，借巧力。相比一個特殊的框架，一個通用的框架可讓開發更加簡單。尤爲是，個性化程度如何？大多數狀況下，選擇最小的樣式可讓定製更簡便，添加新CSS比覆蓋原有樣式更加簡單易操做且更有效率。固然，若是你仍是不太肯定這框架是否適合本身，你能夠從不一樣項目中找出一兩個組件放入本身的項目中。好比，TinyUI框架能夠提供完整的主頁面框架；提供整頁切換和Ajax局部刷新的支持；提供豐富的菜單插入點；提供了多種皮膚；提供豐富的界面元素自定義；提供UI組件包的封裝；提供宏封裝，使用時沒必要關心具體實現；提供流式佈局，在手機端也有良好的展示；可以解決UI組件包之間的依賴關係；可以解決CSS合併和JS合併及其壓縮方面的問題……如此合成，應該也是有幫助的。

以TinyUI爲例，通過多個版本的開發，目前已經基本完善。成熟的技術，活躍的團隊，實際上就是在幫你巧借力、借巧力，分析一下演示地址：http://www.tinygroup.org/tinyuiweb/，能夠很快找到適合本身的前端元素。若是須要進一步瞭解原理，還能夠經過源碼倉庫，快速獲取相關代碼：http://git.oschina.net/tinyframework/TinyUiEnterprise。

仍是那句話，巧借力、借巧力！參與，未嘗不是一種進步？

 

---

 歡迎訪問開源技術社區：http://bbs.tinygroup.org。本例涉及的代碼和框架資料，將會在社區分享。《本身動手寫框架》成員QQ羣：228977971，一塊兒動手，瞭解開源框架的奧祕！或點擊加入QQ羣：http://jq.qq.com/?_wv=1027&k=d0myfX