吐槽一下公司自己开发的前端框架 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
吐槽一下公司自己开发的前端框架
· 30 天前用 Android 发布 · 1140 次点击
月初入职了新公司，看了半个月的业务，这周开始接触代码，然后发现用的是自己开发的框架。
其实我能理解为了方便开发公司自己写框架，但是我的槽点在于，这个系统只兼容 chrome，可框架里却还重写了一堆类似 indexof 之类的代码…
而且也没有现成的文档，遇到问题除了向老员工问就是自己看源码… UI 部分用的也不是 bootstrap 这样的框架，而是国外的另一套付费的框架，并且那个框架的文档写的个人感觉也很糟…
各位 v 友对公司自己开发框架有什么看法？
10 回复 &| &直到
10:49:24 +08:00
& &30 天前
技术建设初期，吃了信息不对称的亏，但是这是不可避免的，历史包袱什么公司都会有。
但是也不能否认，这样的系统确实为企业带来价值的。一个系统能满足需求方的需求，对企业经营者来说就足够了。
从技术的角度，对于这种场景答主的处理方式是：
原有的功能保持原有，能满足需求尽量不碰，如果要添加新功能就找到关键模块，然后接到外部模块。
（但是谁知道自己开发的模块，对于未来接受的人会不会又是一个新坑呢，所以尽量谨慎）
& &30 天前 via Android
这种非主流框架就算学会了也对下一个工作帮助不大吧 不过可以自己重构一遍好好学习下
& &30 天前
吐槽就好，不要想着去改进他，等烂到一定时候自然就会推倒重来了
& &30 天前
公司要兼容 IE 9+，没有前后端分离，并且只有我一个前端，然后后端也要写一些 js。我们也有历史包袱
& &30 天前
你可以选择摸清楚用这个框架开发的痛点，然后重构它解决一些问题，然后留下新框架给后人吐槽
& &30 天前
个人认为 indexOf 之类的不算什么很严重的问题吧。只不过没有用最新的 includes 之类的语法而已，很多市面上成熟的库因为推出时间早也有这样的代码存在呀，又不影响性能，可以以后再慢慢改。
没有文档才是比较关键的问题，不利于后来的人接手。这个在框架或组件库搭建的时候就应该着重考虑到的。
& &30 天前 via Android
@ 我现在就等着下个大版本到时候全部重构，现在的版本太不利于后期维护了???
& &30 天前 via Android
@ 嗯，反正槽要吐，活也得干…就等着他们觉得代码太难维护然后全部推倒重来了…
& &30 天前 via Android
@ 我们的框架从注释里面来看是 15 年中写的，而且项目只兼容 chrome，所以我觉得像这种轮子再重新造没什么意义吧…
& &29 天前
& · & 537 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.1 · 17ms · UTC 21:59 · PVG 05:59 · LAX 14:59 · JFK 17:59? Do have faith in what you're doing.你们公司做网站或app的时候，用的前端框架是什么？有没有不用的？
用的bootstrap
三年前再次跨入这行的时候，和十年前一样，用js和css直接写，后来查到一个叫jquery的家伙，能简化很多代码。
我们公司在创业园里，里面很多公司都是互联网公司，直接问了问对面的公司用什么。
他们给了个东西，让去上边自己研究去，就是下面这个，bootstrap，部署上后，好用的不得了。
当时还研究了很长一段时间响应式，这个框架直接给做了，几个class类就能解决问题。
现在流行扁平化设计，虽然更喜欢拟物的，就把这个给安上了。
样式大概是这样的，整体是以深绿色为主色，
响应式导航（Responsive Nav）插件
融资之前还用过这个插件，响应式导航，直接把导航给做完了，他这个背景特别漂亮，不是纯黑色的那种，有点黑布的感觉，很有质感。
LayoutIt! bootstrap的可视化布局
如果对代码很头疼，想最快的方法把布局弄好，这个工具非常之有用，只要拖拖拽拽，点下载，就可以把基于bootstrap的布局给弄完。
里面包含了各种平常我们看到的元素，像导航，轮播，提示框，表格，搜索，标题栏等等。
Font Awesome
这个应该怎么翻译，字体真棒？它的确挺棒的，覆盖面很广，css图标，不需要ui再去画了，之前全是免费的，不过现在有一部分图标开始收费了。但你可以只用免费的，而且有CDN源。
有些人偏爱React，有些人喜欢Vue，我是没用过，因为ruby的Rails框架把页面直接生成了，不需要额外的框架，而对于现在的前后端分离来说，两个框架都能解决问题。
遇到几个架构师，都比较推荐用这个框架，说是很好用，小伙伴们，你们用的是哪个框架呢？
文章转载自网络，作者观点不代表本网站立场，如需处理请联系客服
木易小光其它文章
首先回答第二个问题：初学者需要背代码吗？我想说的是：背那玩意干嘛？表示从来没背过。至今为止，用到的只是这门语言的最基本的语法，比如java：String name = new String("David");比如Ruby：name = 'David'要了解的是这门语言怎么使用一个变量，一个类，一个函数、方
人生第一块硬盘大概六七年之前吧，具体时间忘记了，要清理下身上的东西，电脑太占地了，也太沉了，其实吧，是为了卖掉后换房租。而电脑里面的有很多之前做项目留下来的技术资料，和下载的动漫，不想删。那时又没有网盘，准确来讲是我不知道还有网盘，就想了个办法，买了
你们公司做网站或app的时候，用的前端框架是什么？有没有不用的？用的bootstrap三年前再次跨入这行的时候，和十年前一样，用js和css直接写，后来查到一个叫jquery的家伙，能简化很多代码。我们公司在创业园里，里面很多公司都是互联网公司，直接问了问对面的公司用什么。
我是个程序员，好吧，我是个山寨的程序员，但十年前，我是个正儿八经的程序员，一味的追求技术，不闻窗外事，不敢说技术最好，但是敢和别人比比，技术绝对不会服输。为什么用山寨来形容呢？为什么现在用山寨来形容，以前的技术忘干净了，当时学的java，现在这个ruby是自
你很少看到程序员炫富，穿的西装笔挺，精神焕发，谈吐潇洒，戴金穿银，奢侈品一大堆，反而程序员一个比一个低调，你很多时候看到的都是双肩包，运动鞋，黑框眼镜的打扮。宽松舒适的衣服更利于思维的开阔之前做销售和市场的时候，因为经常要与别的公司的人打交道，喜欢穿
小时候玩的游戏真是不少，魂斗罗一代二代，地上的水上的，坦克大战，各种飞机，松鼠大战，唐老鸭，冒险岛，各种车，赤色要塞，超级玛丽，忍着神龟，双截龙，沙罗曼蛇，热血系列，基本玩通关很多都是当天通关的，也有麻烦的也都在一个月内。《天使之翼》这个游戏前后消耗
程序员之路做为计算机系的学生，毕业之后如愿以偿的做了程序员，这是从小的时候，一直以来的梦想。还会有人以程序员做梦想吗？真的有人是这样的，比如像我这种，从初中就开始学编程的人来说，从小到大也不会别的，准确来说，只会编程，再不会任何东西了，那么程序员的路
标题那个人是我，而且还被抓了两次，和保安聊天过程挺搞笑的，待我慢慢道来。抒情的开场白公司里的程序员加班，是经常的加，无休止的加，加到天昏地暗，加到地老天荒；早晨只能看见初升起的朝阳，看不到傍晚被彩霞映红的夕阳，看得见繁星满月，和家人共进晚餐无期无望。
我用的第一部手机，是诺基亚1110，银色系，2005年8月发布。买手机的经历，以后都不愿再回忆当时是大三上半年，那时手机还是稀缺资源，诺基亚，索尼爱立信，摩托罗拉，LG，都是当下热门手机，彩色屏正在逐渐替代黑白屏。而拍照手机和音乐手机，就是那种可以播放mp3的，贵
经常在电视中听到起来打更的喊，二更，三更的，这个到底是在现代是什么时间呢？之前研究过一些梅花易数和易经，古时的时间不是现在的24小时，而是12个时辰，也就是十二地支，我们熟悉的是十二生肖：鼠、牛、虎、兔、龙、蛇、马、羊、猴、鸡、狗、猪。十二地支和十二生肖
小学时学小九九，一一得一，一二得二，我不会告诉我，我只会默写到四，四以上我就不会了，一个学期，每次都要默写，每次都只默写到四。一直不明白，学这玩意有用吗？听说美国小学就不用学这个，计算机干的活干嘛要人类做。东西学多了有用吗？这是以前经常问自己的话。活
前几年在琴行工作，接触琴倒是接触了不少，最近几年，在创业公司工作，居然用了不少型号的电脑。因为公司之后融资，给配了好点的本，以macbook air为主，程序员配的是thinkpad，待机两小时，也还行，不是太难用，还用过HP的游戏本做开发，性能很不错，待机也不错。最低配
你是不是经常遇到一个产品或老板给你改需求，或者临时加需求，尤其是一个你需要改底层的架构甚至重做的需求，这篇文章分析下，外行人想当然认为程序的样子，与程序员眼里的区别。废话不多说，举个例子，来说明一下程序员的思考模式：程序员的工作，不是把一个篮子里现有
做为一只程序员，什么人会让你很无奈，最终哭笑不得，除了老板和客户外，相信大部分人的答案是产品经理，而由于老板或客户的需求，最终还会让产品团队去实现，所有的问题还是会出现在他们这个团队上。希望能尊重下程序员知道不知道，你改一个需求，只需要五分钟，而程序
在上一篇文章中《产品经理的兴起，给开发带来的革命是整个行业的进步还是倒退？》我们分析了产品经理在这个行业内处于一个尴尬的地位，由于自身没有话语权，不具备程序系统底层架构的能力，和对现有系统的架构的了解不足，导致工作过程中改需求的频繁。在这之前，从来没
程序员说：我不讨厌改需求，讨厌的是频繁地改需求。程序员说：我不讨厌频繁地改需求，讨厌的是频繁地改完需求后，工期却不延长。改需求不可怕，可怕的是工作量加倍，其实程序员最终的诉求是延长工期，毕竟只挣一份工钱。第一个项目，只是纯粹压缩时间当时接手的第一个项
听到这个名字，第一反应就是，what？这干嘛的？从字面上理解就是做项目的，不是应该叫项目经理或系统分析员之类的吗？产品经理是干嘛的？十年之前的软件开发行业，前端和产品经理的兴起十年之前，刚好毕业，那时候前端这个岗位还没有现在需求这么大，更没听说过产品经理
身为一个非著名的山寨版的程序员，就是在之前的文章提到的一个人负责一个项目的时候，在办公室写代码，由于之前编程落下的习惯，喜欢戴耳机听东西，用来屏蔽外界嘈杂，你们戴耳机时一般都听什么？我先来，一般会听下面的东西：1、歌曲，任何歌曲，中英文，不管听懂听不懂
程序员，对，今天的话题还是程序员，在过往的三四中，遇到了个，目前为止，我见过的最慢的程序员，无出其右，一年内在他身上积累的段子，比过往还要多。这个就叫他小明吧，他真叫小明。慢得令人发指的对话说实话，没见到他之前，我真不知道世界上还有比疯狂动物城里闪电
不单单是程序员，哪个领域都会有这种没营养的讨论，没营养在于，根本没有一个定论，来说明孰轻孰重，你甚至可以找到各方面的天才的案例，你还可以找到各种资源来证明努力也可以成功的。所以，还有这么一句话，在别人眼里中的天赋，往往是在兴趣引导下努力的结果。缘起回其他回答(4)
angular.js
园豆：9821
1、ExtJs EasyUI 中规中矩、适合政府、医疗这些单位。
2、企业等建议使用Bootstrap ，并且现在越来越多新系统在使用，多平台兼容性、美化程度都更好，实际上是审美的变化、后台程序也需要漂亮的UI。可以下载这三个（Matrix Admin、Ace admin、Admin LTE）
看了你的截图，给你一个比较接近的框架吧 b-jui。 当然楼上的兄弟们说的都不错，也是很常用的。
Semantic ui
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。前端开发框架对比
近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript & CSS
目前前端框架主要采用 JavaScript+CSS 模式，我们先来了解一下这两者。预准备之 JavaScript
目前主流的 JavaScript 框架排名中，jQuery 和 Ext 可算是佼佼者，获得了用户的广泛好评。国内的一些框架很多也是仿照 jQuery 对 JavaScript 进行了包装，不过这些框架的鼻祖 YUI 还是坚持用自己的 JavaScript 类库。
jQuery 是目前用的最多的前端 JavaScript 类库，据初步统计，目前 jQuery 的占有率已经超过 46%，它算是比较轻量级的类库，对 DOM 的操作也比较方便到位，支持的效果和控件也很多。同时，基于 jQuery 有很多扩展项目，包括 jQuery UI(jQuery 支持的一些控件和效果框架)、jQuery Mobile(移动端的 jQuery 框架)、QUnit(JavaScript 的测试框架)、Sizzle(CSS 的选择引擎)。这些补充使得 jQuery 框架更加完整，更令人兴奋的是，这些扩展与目前的框架基本都是兼容的，可以交叉使用，使得前端开发更加丰富。
Ext 是 Sencha 公司推崇的 JavaScript 类库，相比 jQuery，Ext JS 更重量级，动辄数兆的文件，使得 Ext 在外网使用的时候会顾虑很多。但是，另一方面，在 Ext JS 庞大的文件背后是 Ext JS 强大的功能。Ext JS 的控件和功能可以说强大和华丽到了让人发指的程度。图表、菜单、特效，Ext JS 的控件库非常丰富，同时它的交互也非常强大，独立靠 Ext JS 几乎就可以取代控制层完成于客户的交互。强大的功能，丰富的控件库，华丽的效果也使得 Ext JS 成为内网开发利器。
框架鼻祖 YUI 也有自己的 JavaScript 类库，DOM 操作和效果处理也还比较方便，功能和控件也很齐全，但是相比 jQuery 和 Ext JS 显得比较中庸一些。随着 Yahoo!的没落，YUI 的呼声也逐渐被新起的框架淹没，想来也让人惋惜。
除了上述的三个 JavaScript 类库，还有 Dojo、Prototype、Mootools 等众多类库，由于本文讨论的框架多采用上述框架，所以其他框架暂不讨论。预准备之 CSS
随着 CSS3 的推出，浏览器对样式的支持更加上了一个层次，效果更加出众。各框架也纷纷开发出基于 CSS3 的样式，让框架更加丰富。
对于 CSS3，更是推出了一些预编译的扩展框架，主要是 LESS、Sass 和 Compass(Compass 是基于 Sass 的扩展)。可以方便地进行变量定义，格式引用，函数定义等操作，并内置了大量的效果。让您的 CSS 开发效率提升一个档次。根据 Chris Coyier 的比较，Sass+Compass 几乎完胜 LESS。有兴趣的读者可以自行参考。由于 Sass 是用 Ruby 开发的，所以也需要相应的 Ruby 环境将文件编译成 CSS 文件。国内外前端开发框架对比
首先我们先对目前国内外主流前端开发框架做一个基本的了解，之后再对他们进行一个直观的对比。Bootstrap
Bootstrap（）是目前桌面端最为流行的开发框架，一经 Twitter 推出，势不可挡。Bootstrap 主要针对桌面端市场，Bootstrap3 提出移动优先，不过目前桌面端依然还是 Bootstrap 的主要目标市场。Bootstrap 主要基于 jQuery 进行 JavaScript 处理，支持 LESS 来做 CSS 的扩展。如果想要在 Bootstrap 框架中使用 Sass，则需要通过 Bootstrap-Sass（）项目增加兼容。Bootstrap 框架在布局、版式、控件、特效方面都非常让人满意，都预置了丰富的效果，极大方便了用户开发。在风格设置方面，还需要用户在下载时手动设置，可配置粒度非常细，相应也比较繁琐，不太直观，需要对 Bootstrap 非常熟悉配置起来才能得心应手。
在浏览器兼容性方面，目前 Firefox, Chrome, Opera, Safari, IE8+等主流浏览器 Bootstrap 都提供支持。但是在 IE 支持方面略显短板，对 IE6 和 IE7 支持都不是特别理想。在 Bootstrap3 中甚至放弃了对 IE6、IE7 的支持。不过在国内，根据 CNZZ 的统计，目前 IE 的占有率仍然达到 46.98%，同时大量国内浏览器也是采用 IE 内核。这让我们在使用 Bootstrap 的时候总是有所顾忌。在 Bootstrap2 上面，可以通过 BSIE 项目增加对 IE6 的支持，但是也不能支持全部效果。
在框架扩展方面，随着 Bootstrap 的广泛使用，扩展插件和组件也非常丰富，涉及显示组件、兼容性、图表库等各个方面。图 1. Bootstrap 的布局与效果示例jQuery UI
jQuery UI（）是 jQuery 项目组中对桌面端的扩展，包括了丰富的控件和特效，与 jQuery 无缝兼容。同时，jQuery UI 中预置了多种风格供用户选择，避免了千篇一律。如果您对预置的风格不满意，还可以通过 jQuery UI 的可视化界面，自助对 jQuery UI 的显示效果进行配置，非常方便，够高端大气上档次。图 2. jQuery UI 的效果示例jQuery Mobile
jQuery Mobile ()是 jQuery 项目对移动端的扩展，目前支持 iOS, Android, Windows Phone, Black Berry 等主流平台。具体支持情况可以参见。另外 jQuery Mobile 在布局，控件和特效方面都很慷慨。在风格方面，与 jQuery UI 类似，除了预置的风格效果之外，还支持用户可视化配置的效果。可圈可点的是，jQuery Mobile 还与 Codiqa 无缝连接，用户可以直接通过拖拽实现对界面的设计，以及代码的生成。图 3. jQuery Mobile 的效果示例Sencha Ext JS
Sencha Ext JS（）是 Sencha 基于 Ext JS 开发的前端框架，内容极其丰富，控件、特效等支持非常非常丰富，表格、图画、报告、布局、甚至数据连接，无所不包。只有您想不到，没有它办不到。基于 Sass 和 Compass，使得用户对格式的修改和特效制作更加方便。此外，Sencha 有丰富的产品线，Sencha Desktop Packager 可以让您的应用拥有桌面应用的效果, Sencha Animator 基于 CSS3 更加方便用户对特效的制作，不光支持桌面端，移动端更是不在话下。在 Sencha 看来，用 Animator 做游戏都是轻松拿下。Sencha Space 是基于 HTML5，提供制作跨平台应用的利器。同时 Sencha Ext JS 对主流浏览器的支持也非常理想。
Sencha Ext JS 有着耀眼的光辉，但是光芒背后总归有点阴影。除了之前提到的 Ext JS 太过重量级之外，商业化是 Sencha 的另一把利剑。帮助 Sencha 披荆斩棘之时，也把大把的码农砍在马下。Sencha 规定，凡是商业化的应用，都需要付费。另外，Sencha 的辅助产品也全部收费，否则只能是试用版。这里的辅助产品，其实包括了上面提到的所有产品。图 4. Sencha Ext JS 的效果示例Sencha Touch
Sencha Touch（）是 Sencha 面向移动端的开发框架，基于 HTML5 技术，保证了对大多数移动平台的支持。Sencha Touch 包括丰富的布局，控件和特效。并且 Sencha Touch 对响应式支持的很好，在不同设备上，甚至在横屏和竖屏时都会显示不同的效果。这种效果是 Sencha Touch 控件自适应的。Sencha Touch 也实现了对大多数移动设备的支持。Sencha Architect 是对移动端的可视化编辑工具，有着不朽的效果，但也有着不菲的身价。
同时 Sencha Touch 也支持混合式 App 创建，也即是基于 Web 技术，配合 PhoneGap ()或者 Cordova()之类的工具，就可以构建移动应用。Sencha Touch、jQuery Mobile、Foundation 这些前端框架负责界面和效果的编写，PhoneGap、Cordova 框架则允许通过 JavaScript 和其他接口对手机设备的调用，开创了新的移动端开发模式，真正实现了移动端的跨平台开发。Sencha GXTSencha GXT（）是 Sencha 对 Google 的 Web Toolkit 框架的扩展。可以支持通过 Java 文件的解析，生成 HTML5 页面文件，可以与 Java 环境无缝集成。有着丰富的控件和特效，并且可以无缝调用 Google 地图等 Google 应用。虽然开发时不是特别直观，但是效果还是非常丰富的。与 Sencha Ext JS 丝毫不显弱势。图 5. Sencha GXT 的效果示例Dojo
目前唯一能与 Sencha Ext JS 一较高下的框架就只有 Dojo()了。抱着 IBM, VMWare 等众多大腿，Dojo 的一颦一笑都额外惹人注目。Dojo 项目的产品线和功能也特别丰富。首先，Dojo 有自己的 DOM 解析器 Nano，是 DOM 解析和处理的内核。此外，Dojo 的 Web 框架有非常丰富的布局、版式、控件以及特效，对多语言以及图表的扩展支持都非常好，并支持对地图的操作。大家可以查看它的演示()，与 Ext JS 的效果进行比较。此外，Dojo 还有自己的图形化设计和开发工具 Maqetta，可以通过拖拽实现设计。Dojo 的风格设置不是在下载的时候指定的，而是通过引用不同的 CSS 格式来实现。
Dojo 虽然比 jQuery 重量级不少，但是比 Ext JS 还是轻量级一些，至少在文件大小上。另外，Dojo 还有自己的 CDN 机制，只要通过配置，就可以对 Dojo 文件进行 CDN。由于有 IBM,Oracle 等大佬的支持，Dojo 在与 Spring 等现有框架支持方面也表现得很理想。图 6. Dojo 的效果示例Dojo Mobile
Dojo Mobile()是 Dojo 推出的移动端框架，表现也很不俗。在布局，控件，特效方面都下了不少功夫。并支持与所用平台匹配的风格设置，如果您不喜欢还可以引用不同 CSS 文件来实现不同效果。
除了可以在移动端的浏览器上使用，Dojo Mobile 也支持与 PhoneGap 无缝连接，可以通过 Dojo Mobile 开发移动 App 应用。同时也具有不错的响应性（在宽屏和窄屏上的显示效果不同）。图 7. Dojo Mobile 在 IPhone 上的效果示例Mootools
Mootools()可以说是目前最轻量级的前端框架，内核 js 压缩完之后只有 8k，完整版压缩之后也不到 100k，远比其他框架要小很多。Mootools 有自己的面向对象设计的内核 Mootools Core。伴随着最小的文件大小，框架的功能比其他框架也要弱不少，只有在控件和特效上有少量支持。图 8. Mootools 效果示例Prototype JS
Prototype JS（）也是一个简洁的框架，有着丰富的对 DOM 操作的功能，对 Ajax 和 JSON 支持得都非常好，在使用上与 jQuery 相比也相差不多。作为 Rails 默认的 JavaScript 框架，相信对广大开发人员也很有借鉴意义的。
在扩展方面，Scriptaculous（）对 Prototype JS 进行了丰富的扩展，主要是在动画特效、Ajax 控制、DOM 操作、单元测试方面等。YUI
YUI（）作为开源前端框架的鼻祖，在框架上的功力非常之深。有着自己的解析 DOM 的核心框架，并且在特效、动画、图表等方面都有丰富的扩展，并可以通过 YQL 直接访问 Yahoo！的数据。在用户经常使用的功能方面都有着不错的表现。
与 jQuery 灵活的语法相比，YUI 显得更加中规中矩，在代码组织、结构和模式方面都更加讲究，更体现出工程师的严谨。同时 YUI 也有着丰富的产品线，拥有测试框架 YUITest、文档生成框架 YUIDoc、自动构建框架 YUI Build，满足项目开发各方面的需求。随着 Yahoo!的没落，YUI 也感觉逐渐步入暮年，但作为相当严谨完整的前端框架鼻祖，足以秒杀其他。图 9. YUI 的效果示例Foundation
Foundation（）是 ZURB 旗下的主要面向移动端的开发框架，但是也保持对桌面端的兼容，目前已经更新到 Foundation4 版本。框架主要采用 jQuery 和 Zepto（语法酷似 jQuery，但比 jQuery 更轻量级）作为 JavaScript 基础，CSS 则基于 Sass、Compass，有着很好的扩展性，并有着丰富的布局，版式和多种多样的控件与特效，非常方便开发者使用。控件的响应式效果也帮助用户识别不同浏览器效果。
ZURB 作为一个完整的项目组，包括很多原型、设计、构建、分析等一系列工具，为用户提供完整的服务。当然，有很多服务是要收费的。
Foundation 主要以移动端风格为主，如图 10 所示。图 10. Foundation 的风格示例Kissy
Kissy（）是阿里集团自主开发的前端框架，目前在淘宝网、一淘网等阿里系网站上得到不少应用。Kissy 框架模仿 jQuery 编写了自己的内核 Kissy Core，用于对 DOM 的解析，Ajax 处理等。同时，有着丰富的控件，并实现了一些动画效果和特效。同样，在 Kissy 的控件中也可以看到 Bootstrap 等国外框架的影子。此外，Kissy abc 项目工具可以帮助用户实现自动化构建，并有很多扩展组件方便用户使用。
应该说 Kissy 是目前国内开发的最好的前端框架，在实际使用中也经过了检验，但跟国外成熟框架相比还是有一定差距。图 11. Kissy 的效果示例Kissy Mobile
Kissy Mobile（）是 Kissy 推出的移动版框架，意在开发出可以在移动浏览器和移动应用上都可以使用的框架，不过目前项目内容还比较少，控件和特效也比较少，也不具有响应式的效果。图 12. Kissy Mobile 效果示例Qwrap
Qwrap（）是百度有啊团队推出的 JavaScript 框架，现在被收入 360，被广泛应用与 360 产品中。Qwrap 综合 jQuery、Prototype、YUI 特点，对 JavaScript 进行了封装。但是，如果要把 Qwrap 算成一个前端开发框架还是有些牵强，因为除了 JavaScript 类库之外，Qwrap 基本乏善可陈，还处于发展阶段。Tangram
Tangram（）是百度推出的另一个 JavaScript 框架，被广泛应用于百度系旗下的产品，与 Qwrap 类似，Tangram 也只能算是一个 JavaScript 框架，对 JavaScript 做了不少扩展，但是作为前端开发框架还是显得比较单薄。基于此，百度公司继续推出了两个基于 Tangram 的项目，Magic 和 Baidu Template。Magic 项目基于 Tangram 对控件和特效都做了扩展，增加了 10 个新的控件。Baidu Template 则更多是针对移动端开发的扩展，目前对于大多数主流移动设备和操作系统都有支持。
了解完这些框架，我们从平台、基础技术、布局、CSS、控件、特效和风格设置等几个方面来对它们进行一个基本比较：表 1.国内外主流前端开发框架对比
jQuery, LESS
预置/可视化配置
预置/可视化配置
Ext JS, Sass
Java, HTML5
内置与移动端匹配
Mootools Core
jQuery/Zepto, Sass
Kissy Core
由此我们可以看到，对于桌面端，目前 Bootstrap 和 jQuery UI 已经可以满足大多数的开发需求，也在业界得到了广泛的应用，有着丰富的组件和扩展，以及相对简洁的语法和操作。应对我们的基本需求已经足够了。如果您对前端界面的效果有比较高的要求，希望可以应用像结构树这样比较复杂的控件，建议您考虑 Dojo，抱了这多年的大腿也不是白抱的，效果还是很不错的。对于，局域网的应用，还可以考虑 Sencha Ext JS 框架，效果更加震撼，但是对网络的要求也更高。如果这些还是不能满足您内心的狂野，那只能建议您使用 Flex 或者 SilverLight 了。相反，如果您对网络速度非常敏感，希望找一个迷您并且功能不错的框架，那 Mootools 会是您不错的选择。如果您很怀旧，也可以使用 YUI，虽然曲线不够性感，但是内容很丰富。如果您是一个 Ruby on Rails 的开发人员，建议您可以先看一下 Prototype 框架，毕竟是默认的框架。如果您对上面说到的框架都不满意，那建议您体验一下国内的框架一段时间，然后再回过头来看刚才说到的框架，相信您一定会有一种豁然开朗的感觉。
对于移动端的应用，jQuery Mobile, Foundation 依然是轻量级选择，Dojo Mobile 和 Sencha Touch 会为您提供更加强大的功能。同时，您还可以与 PhoneGap 和 Cordova 框架结合使用，利用 Web 的技术开发移动应用。不过这种混合式开发模式兴起时间并不长，还在不断发展中。结束语
上面只是当前涌现出的前端开发框架中的一部分，相信还有更多优秀的框架还在研发中心，到此我们对“百花齐放”这一词有了更直观的感觉，也说明在沉寂了多年之后，前端开发的工作越来越获得大家的重视，也注定会越来越繁荣。文中的建议只代表笔者个人的初浅意见，大家最终的选择还要结合实际的开发需求。
相关主题，从语言能力、变量处理、函数扩展等多角度详细地比较了 Sass 和 LESS，为用户给出了选择建议。 ，PhoneGap 是目前广泛使用的移动端开发框架，配合 PhoneGap 的 SDK 开发者可以通过 Web 技术开发出跨平台的移动应用。 ，Cordova 是 Apache 公司推出的移动开发框架，也是让开发者可以使用 Web 技术开发跨平台移动应用。 ：通过专门关于 Web 技术的文章和教程，扩展您在网站开发方面的技能。：这是有关 Ajax 编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki 和新闻。任何 Ajax 的新信息都能在这里找到。，这是有关 Web 2.0 相关信息的一站式中心，包括大量 Web 2.0 技术文章、教程、下载和相关技术资源。您还可以通过
栏目，迅速了解 Web 2.0 的相关概念。查看 ，了解更多和 HTML5 相关的知识和动向。
添加或订阅评论，请先或。
有新评论时提醒我
static.content.url=http://www.ibm.com/developerworks/js/artrating/SITE_ID=10Zone=Web developmentArticleID=969037ArticleTitle=前端开发框架对比publish-date=}