Chinaunix

标题: web开发技术讨论--Web前端框架选择之我见（获奖名单已公布-2014-2-17） [打印本页]

作者: 或者是2012 时间: 2013-12-13 10:15
不懂！
帮顶！！！{:2_166:}

作者: qingduo04 时间: 2013-12-13 13:29
占位置，支持CU活动！

作者: send_linux 时间: 2013-12-13 14:13
楼上几位不能光是嘴炮啊，要实际行动哈，呵呵

作者: 2009532140 时间: 2013-12-13 14:20
本帖最后由 2009532140 于 2013-12-13 14:33 编辑

也帮顶！

作者: laputa73 时间: 2013-12-13 15:11
就简单用过jq.
简单轻量,跨浏览器.
现在又要考虑手机浏览器兼容性问题了...

作者: hbsycw 时间: 2013-12-13 18:26
Bootstrap 不是太了解，回头看看再回答~

作者: send_linux 时间: 2013-12-13 19:23

hbsycw 发表于 2013-12-13 18:26
Bootstrap 不是太了解，回头看看再回答~

这个是web前端开发框架，貌似现在挺流行的

作者: forgaoqiang 时间: 2013-12-13 22:55
本帖最后由 forgaoqiang 于 2013-12-20 02:47 编辑

话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？

   前端框架还是只学习了比较大众的前端框架，包括了Bootstrap、jQuery、jQuery UI（如果不算是jQuery插件的话），另外Phonegap很大程度上也算是前端框架吧，虽然是智能手机的中间件。
①jQuery最大的特点就是深度的JS封装，尤其是对于Ajax的封装，让ajax调用变得极其简单，再也不用各种浏览器判断创建不同的对象等费力的操作，而且选择器更容易选择需要操作的DOM元素。
②Bootstrap是我用的最上手的UI框架，超级实用的网格系统，而且支持流式布局（动态响应），提供各种HTML元素的效果，漂亮的表单、表格，配合JQuery就能构建复杂的导航、动画效果，只是最近升级到3.0挺闹心，可以说完全不向后兼容，从2.x过度3.x非常痛苦。
③jQuery Mobile这个是专门为移动设备设计的，对于屏幕较小的设备非常实用，而且当做手机应用来开发，构成漂亮的UI界面，当然也要配合Jquery才能够正常使用。

话题二，您在某个特定的开发框架的经验，欢迎分享
   一直在使用jQuery和Bootstrap，使用的时候仍然要注意浏览器的兼容性问题，特别是IE浏览器。很多水平导航在IE或者IE核心的浏览器下效果都是不正常的，在调试的时候应该特别注意这个问题。
   另外就是jQuery和Bootstrap的版本问题，这两个库开发更新速度非常的快，不仅是对不同的浏览器的兼容问题，自身不同版本之间的兼容问题也是个问题。特别是bootstrap从2.x到3.x的变化相当大，直接默认流式布局，而且很多“方法”都进行了重命名，使用的时候要注意。
Lesscss是比较高端的，而且非常的强大，让CSS能够使用变量等特性，增强了传统的CSS，但是这个用起来还是需要注意语法问题的。

话题三，未来前端开发框架的发展将是如何？
   应该是像谷歌的Angular这样，前端不只是显示而且还要有功能，能够做到MVC实现对应的数据控制，实现数据绑定等。同时进一步封装各种元素，减小JS的使用难度，让开发人员调用简单的方法或者函数就能完成各种效果和操作。前端开发框架将会为用户提供更好的视觉体验，更加接近桌面应用程序的效果。而且以后配合浏览器应该能够超出浏览器边框的限制等等。

作者: shang2010 时间: 2013-12-15 14:00
这行的水也深啊，呵呵

作者: jimmy-_-lixw 时间: 2013-12-15 17:10
本帖最后由 jimmy-_-lixw 于 2013-12-15 17:10 编辑

支持话题，支持活动。

作者: jimmy-_-lixw 时间: 2013-12-15 17:10
本帖最后由 jimmy-_-lixw 于 2014-04-14 19:02 编辑

支持话题。

作者: elarity 时间: 2013-12-15 22:37
bootstrap易用性是一大优点，自身继承了众多组件，倒是让我感受颇多。
网页中最常用的tab切换标签页，弹出窗口，能够得到快速的实现，而具体实现过程，仅仅就是在HTML DOM元素后添加一个class即可，当然，也可以选择添加js代码来实现，我一般都是直接在DOM节点后添加class完事。
这样，页面中连<script></script>代码段都不需要。
我不是一名专业的前端，但有时还是需要写一些简单的页面和一些简单的页面实现，所以，bootstrap适合我们这类人实行快速实现。

作者: wenhq 时间: 2013-12-16 11:42
web框架太多了，更新速度也很快呀。。。

作者: forgaoqiang 时间: 2013-12-16 13:29
太深了前端就是个坑

shang2010 发表于 2013-12-15 14:00
这行的水也深啊，呵呵

作者: seufy88 时间: 2013-12-16 15:47
我个人觉得WEB这一块的更新速度是最快的。

作者: PIRLOANDKAKA 时间: 2013-12-16 17:05
Jquery 有官方视频，和搞php的同学讨论了下，还是相当不错的框架，听得最多的是bootstrap了。。
正好做个插件，所以稍稍关注前端，学习了。

作者: ulnait 时间: 2013-12-16 21:58
Bootstrap 我只能说太棒了

真正实现了可视化，整个框架都实现了组建化，JQuery, CSS，JavaScript, 甚至可以自己定制组建，灵活度非常高
目前个人正在自学 bootstrap + Django 准备搭建一个个人网站，仅由于爱好

一直从事linux后台，对前台设计了解的少，接触bootstrap之后，有种想系统学CSS 的冲动（之前只听说过CSS的概念）
bootstrap 设计核心思想是，简洁，直观，实用，非常符合个人习惯和审美观，唯一的缺点是，如果要彻底理解有些概念还是需要花些时间好好理解消化

作者: send_linux 时间: 2013-12-16 23:03

ulnait 发表于 2013-12-16 21:58
Bootstrap 我只能说太棒了

真正实现了可视化，整个框架都实现了组建化，JQuery, CSS，JavaScript, 甚至 ...

欢迎多在web开发版块分享您的学习历程~

作者: chszs 时间: 2013-12-17 00:52
话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？
最早时候，大约是十年前，前端框架我们通常是直接用JSP，
早些年我使用的前端框架主要是基于Java的框架，其中以JSF的框架使用的最多，主流的每种JSF框架都非常熟悉，有ICEfaces、RichFaces、PrimeFaces以及Apache的MyFaces。自从三年前业内爆出ICEFaces抄袭PrimeFaces源码的丑闻后，我们做项目就逐步迁移到PrimeFaces上了。
Struts用的少，仅在某个项目中应客户需求使用了它。
个别项目也使用了ExtJS、jQuery UI之类的前端框架，但是由于ExtJS有License问题，因此也逐步淘汰了它。
近两年来，不少项目改用Node.js实现，因此基于Node的前端框架开始接触，到逐步应用到项目中去。其中包括：Angular.js、Backbone.js、Ember.js、Express、Phantom.js、Require.js、Knockout.js、Underscore.js等。
当然，BootStrap也是我们的最爱，它使得我们在做不少项目时，减少了UI设计的工作量。甚至可以这么说，如果对UI没特殊要求，那么可以把美工和网页设计师的人和活都省了。

话题二，您在某个特定的开发框架的经验，欢迎分享
我谈谈框架选型吧。
每种框架都有其优缺点，针对具体的需求，选择最适合的框架无疑是最省力的。
但是，对于框架的掌握也受限于项目团队的技术构成，有时候被迫会做些妥协，选择不是那么“最佳”的框架。
目前最喜欢使用Node.js+BootStrap+Angular.js等做Web管理系统，做出来的系统在手机和平板上操控自如，很适合目前的移动信息化建设。

话题三，未来前端开发框架的发展将是如何？
未来前端开发框架仍将是战国时代，没有任何一种框架能一统江湖。
1）基于ASP.NET的Web开发仍将占据一定市场；
2）基于PHP的前端开发框架仍将拥有部分忠实的簇拥；
3）基于Python、Groovy的前端开发框架也有一定的人气；
4）基于Java的前端开发框架仍然会有很多开发者；
5）基于Node.js的前端开发将会是一个潮流，开发者会越来越多。

最后说明一下，像BootStrap之类的框架是纯粹的前端框架，它需要组合别的语言和技术，比如Java，又比如Node.js才能完成前端开发。所以我谈到的前端开发更为广义，没有局限于CSS框架、HTML5框架之类的范围。
跟BootStrap相比较的还有G5 Framework、雅虎的YUI 3、Sencha Touch、BootMetro、Foundation等，不过我个人非常喜欢BootStrap。

作者: pitonas 时间: 2013-12-17 13:07
支持话题，支持活动。

作者: fengyun530 时间: 2013-12-17 16:58
话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？

前端JS框架用过prototype、jQuery、bootstrap,还有了解过argularjs。

prototype比较古老的，特点是历史悠久，其他没什么好说的。

jQuery在高速更新的互联网里也算老的了，不过它作为基础框架还是被非常广泛的使用着，在大部分网站都能看到其身影。

bootstrap这个是基于jquery的框架，我个人理解它是jquery插件的工具包，官方最新版本是V3版，其源码bootstrap.js包括了12个插件功能，分别是：
transition.js 过度
alert.js    警告
button.js 按钮
carousel.js  轮播
collapse.js  折叠
dropdown.js  下拉
modal.js    模态
tooltip.js 贴示
popover.js  弹出窗(此框架依赖于toolstip.js)
scrollspy.js  滚动监听
tab.js       tab轮换
affix.js    也类似滚动监听。
其实这12个插件功能在jquery插件里就有了,只是bootstrap将它们集中了起来。
bootstarp我个人觉得真正强大的特点是其样式部分，而不是JS部分。

argularjs只是了解过，这个好像是依托了google的V8引擎，需要node.js，执行效率很高。实现了JS编写的MVC架构。使得编写JS不再需要跟HTMLDOM等界面元素等打交道。

话题二，您在某个特定的开发框架的经验，欢迎分享

bootstrap的样式CSS文件引入了很多HTML5独有的标签元素，比如<article><footer>
<header><section>等。在开发界面上很值得推荐。

如果不追求很高的执行效率，习惯了传统开发模式，我觉得bootstarp做开发还是相当不错的，其综合的12个常用插件，开发常见应用足够了。而且结合CSS3的特点，可以避免样式上的麻烦。其栅格系统对编写移动设备的应用界面是非常有用的，所以很多人会应用其样式做基础。

话题三，未来前端开发框架的发展将是如何？

argularjs用到了MVC这个在后台开发才经常用的概念。未来能用到前端模板里来。我觉得如果发展得来，完全有可能取代jquery.

但是前端的开发更新速度太快了，就跟浏览器的更替一样快速，到底发展到何方很难说清楚。

作者: swings2010 时间: 2013-12-23 12:56
学习学习。。

作者: forgaoqiang 时间: 2013-12-24 11:37
感觉这个社区搞前端的人员不是太多的样子~

公司小就是囧什么都得做~

作者: send_linux 时间: 2013-12-24 13:36

forgaoqiang 发表于 2013-12-24 11:37
感觉这个社区搞前端的人员不是太多的样子~ 公司小就是囧什么都得做~

这可是全才啊，有前途，嘿嘿

作者: gust 时间: 2013-12-26 13:52
本帖最后由 gust 于 2013-12-26 18:20 编辑

话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？
Extjs和Jquery，Extjs封装严密，外观一致，JQuery简单易用。
话题二，您在某个特定的开发框架的经验，欢迎分享
Extjs接口复杂，升级工作量太大，比用Jquery重新开发还大。
话题三，未来前端开发框架的发展将是如何？
以后应充分使用html5与css3的功能,避免过度依赖js，不能被前端框架所操纵，可适当使用jquery2，插件应少用，避免大量无用的功能，可以自已写，复杂的东西永远是别人的，简单的才是自已的

作者: forgaoqiang 时间: 2013-12-28 12:05
汗你这是伪原创啊你回复的内容在网上几乎都能找到。。。。

回复 12# jimmy-_-lixw

作者: fffy2366 时间: 2013-12-28 21:52
jquery 插件丰富，bootstrap响应式布局非常棒。

作者: gnah 时间: 2013-12-30 10:07
话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？
jQuery,Dojo,Bootstrap
Dojo,高度耦合现在基本不用了(不知道新版本有没有改进,不关心了,已经全部转移到jQuery).
jQuery系列,这个牛X了,基本每个项目都有它,DOM,ajax,event等都很方便,也内置了一些简单的特效.
extjs,很不错,能做出非常漂亮的东东,但是国人没有付费的习惯,我也尽量不用盗版,所以一般建议公司不用.
Bootstrap,其实是基于jQuery的,注重UI,预定义了一系列css和js特效,我们直接可以用,比较适合像我这种不精通css的.
话题二，您在某个特定的开发框架的经验，欢迎分享
jQuery优点很多,个人觉得最吸引我的是其大量插件.所以如果你需要某个功能可以先去看看别人是否已经做好了,就不用重新发明轮子了.
一般功能的话官方插件jQueryUI,jQueryWidget已经足够多了. 我们也可以利用widget编写自己的插件,然后分享给其他人使用.
话题三，未来前端开发框架的发展将是如何？
这些前端框架需要支持适应各种移动设备,支持RWD,今后移动互联网可能成为主流.
还有随着html5的成熟,亦不可忽视.

作者: joepayne 时间: 2013-12-31 12:09
木见过帮顶

作者: chenlinbo5588 时间: 2014-01-02 18:42
Bootstrap 不错的前段框架，免费开源，文档也比较健全并且容易列举，示例页有很多。里面的样式布局，如网格布局，流体布局以及响应式布局都考虑的比较全面，节省了很多前段开发者的重复性工作，非常的好。

作者: hqin 时间: 2014-02-13 09:22
话题一，谈谈您在工作中使用过哪些前端的框架，他们各自的特点是什么？

JQuery：最早开始用的JS库，当时感觉很神奇，原来JS还能这样用。特点就是：简洁，代码优雅
ExtJS：熟悉了JQuery，再玩Extjs，就感觉开了桑塔纳，换了奔驰。特点就是：高配，各种高级语言的特性和想法在ExtJS内都有体现。
非常道：第一个使用的CSS框架，以前都是手写的哈。特点就是：中文说明，案例多。缺点是：每次都要引入很多的文件，感觉太乱了。
BootStrap：用过非常道，再玩BootStrap，上手就容易多了，看了一下文档，再做开发，基本无障碍，不过就会一些基本的，深入的还没看。才开始玩没几天

GWT？：大，慢，差点被玩残了，还好是政府项目，他们用的不多。

话题二，您在某个特定的开发框架的经验，欢迎分享
JQuery，感觉就是前端的Linux，证书是MIT，插件那么多，使用的人多，贡献的人也在多起来，必成大器。（加上BootStrap就是无敌了

）
经验：1 在国内还不急着升2.X;2 jQuery 也不是万能的，特别是国内多浏览器环境，要和客户打好预防针 3 插件良莠不齐，注意内存泄露

话题三，未来前端开发框架的发展将是如何？
移动端+JS服务器。比如：HTML5+NODEJS
速度快，兼容多设备/多浏览器

LZ 给书吧

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)