前端开发的三个层次 library components frame

现在的前端已经不是06，07年的摸索阶段了，已经进入成熟期了，各大型互联网公司都了自己的前端工程师和前端team，并且有自己的规范和协作开发标准。
一提到规范和协作开发，很多关键词回荡在脑海，库（library），组件化（components），框架（frame），JSON,JSONP,auto,jsmin，minify，combo，mini，yui等………
这里我就不详细列举了，直入正题
library：定位就是一个提供基础服务的类库，比如dom，event，ajax等操作。比如说：jquery核心定位就是一个library，提供核心底层基础库服务。当然yui也提供了一个类库，提供dom，event，ajax等服务。库的定位就是提供通用性高的核心基础类，对于库的理解大家都很深刻，大家平时接触最多也就是这个。

components：定位提供公共通用性高的模块和功能。组件的来源通常是在熟悉业务和内容后抽象出来的前端结构，通常是诸多项目或者页面提取的公共元素。组件的提取涉及不只是前端工程师任务，include产品经理，UI和ID交互，大家一起针对项目和需求总结提取出来滴。对于开发人员来说，组件是提高代码重用性的利器。组件的时间跨度也会是永久性，而不是只局限于单一项目。为了让组件不单一和固化，所以我们在做组件设计开发的也要进行mvc的分离，model是html元素，view就是css，control就是数据。view层的样式我们可以多设计几种，通常对于活动类的项目，一个ui或者几个模版ui很可能不能满足所有客户，所以组件的mvc分离就更重要了。对客户我们可以走一对一的设计服务。而且设计后新的ui组件，可以作为沉淀下来积累的元素，让以后的用户有了更多的选择，让组件更丰富多彩。

frame： 定位应该是团队协作开发的必备。作为一个团队坐标的体现的框架显得十分重要，框架可以统一团队前端开发代码的规范性和可读性，可以统一所有模块和功能的协作开发风格。可以更好的提升代码的可维护性和扩展性。框架提供的不只是规范和标准，还有更多，比如，mini机制，combo 机制，版本管理机制，前端平台机制，自动化机制等等。一个好的框架，包括不只是核心代码，还有服务（平台服务）。一个好的成熟前端团队应该有属于他们自己的框架和框架前端平台服务。口碑在这块做的很好，有追求就是这样哈。

yui我个人觉得做的不错了，很算的上成熟的前端框架了，在代码管理和规范一上都是很好的选择，更重要其中包含的平台化服务的理念和很好工具，比如combo，yuicompressor，yuiloader等等，当然google等其它也提供类似的前端平台服务，只是晚了点~。

另，无论是library，components，还是frame，在编写的时候除了满足需求外都要考虑代码的可维护性和可扩展性。闭门造车，一劳永逸是不可能滴。

以上所有的都是总结和叽歪的理论。欢迎探讨。

 转载：http://blog.youmila.com/?p=733