《开源框架那些事儿21》：巧借力与借巧力

Posted 2020-09-13 mfmdaoyou

相同做前端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