Twitter引导程序与jQuery UI
Twitter Bootstrap vs jQuery UI?
我一直在使用jQuery UI来增强一些基本的页面功能。按钮和输入样式以及模式对话框。现在我看到了Bootstrap,它看起来很不错。
有没有人有从使用jQuery UI到Bootstrap的经验?这就是我想做的,但在我做这件事之前,我想知道我可能会面临什么问题。
我有几个项目。
我认为最大的不同
-
jQuery UI是后备安全的,它在旧浏览器中工作正常,看起来很好,其中Bootstrap基于CSS3,这在新浏览器中基本上意味着GREAT,在旧中不那么好
-
更新频率:Bootstrap获得了一些很棒的大更新,具有很棒的新功能,但遗憾的是,它们可能会破坏以前的代码,所以当有新的主要版本时,你不能只安装Bootstrap并进行更新,它基本上需要大量新的编码
-
jQueryUI是基于良好的html结构和JavaScript的转换,而Bootstrap是基于可视化和可定制的内联结构。(在JQUERY UI中调用小部件,在Bootstrap中定义)
那么该选择什么呢?
这总是取决于你正在处理的项目类型。是酷而快速的小部件更好,还是你的用户经常使用旧浏览器?
我最终总是两者都用,所以我可以两全其美。
如果您决定使用这两个框架,下面是它们的链接。
- jQuery UI
- Bootstrap
两者兼而有之,Twitter的Bootstrap是一套卓越的技术。
- 小工具:jQuery UI在这里获胜。它提供的日期小部件非常有用,而Twitter Bootstrap没有提供任何此类功能
- 脚手架:Bootstrap在这里获胜。Twitter的网格无论是流动的还是固定的都是一流的。jQueryUI甚至没有提供这个方向,将页面布局留给最终用户
- 开箱即用的专业性:使用CSS3的Bootstrap领先了很多联盟,相比之下,jQuery UI看起来过时了
- 图标:我会打成平手。Bootstrap有比jQuery UI更好的图标imho,但我一点也不喜欢这些术语,Glyphicons Hallings通常不免费,但Bootstrap和Glyphicns创建者之间的安排使这成为可能,而开发人员无需为此付出任何代价。作为感谢,我们要求您在可行的情况下提供一个返回Glyphicons的可选链接
- 图像&Thumbnails:转到Bootstrap,jQuery UI在这里甚至没有帮助
其他票据,
- 了解这两种技术在各个领域的竞争也很重要。有很多重叠,但如果你想要简单的脚手架和固定/流体创建Bootstrap不是另一种技术,它是最好的技术。如果你想要任何一个小部件,jQueryUI可能甚至不在前三名。如今,jQueryUI主要只是使用统一框架创建客户端小部件的一致性和概念验证的玩具
您可以使用这两种方法,但问题相对较少。TwitterBootstrap使用jQuery1.7.1(截至本文撰写之时),我想不出为什么不能将其他JqueryUI组件集成到HTML模板中。
我一直在使用HTML5 Boilerplate&Twitter Bootstrap建立在Initializer.com上。它将两个很棒的入门模板组合成一个伟大的入门项目。有关详细信息,请访问http://html5boilerplate.com/和http://www.initializr.com/或者要立即开始,请转到http://www.initializr.com/,单击"Bootstrap 2"按钮,然后单击"下载"。这将为您提供入门所需的所有js和css。
不要被HTML5和CSS3吓跑。Initializer和HTML5 Boilerplate包含polyfills和IE特定代码,这些代码将允许所有功能在IE 6、7、8和9中工作。
在Twitter引导程序中使用LESS也是可选的。他们使用LESS编译Bootstrap使用的所有CSS,但如果你只想覆盖或添加自己的样式,他们会为此提供一个空的CSS文件。
还有一个空白的js文件(script.js)供您添加自定义代码。这是您为其他jQueryUI组件添加处理程序或选择器的地方。
我们同时使用了这两种方法,我们喜欢Bootstrap,因为它的简单性以及开发和增强的速度。jQueryUI的问题在于它的移动速度很慢。推出Menubar、Tree控件和DataGrid等通用功能需要数年时间,这些功能永远处于规划/开发阶段。我们等了等,终于放弃了,在我们的产品中使用了ExtJS等其他库http://dblite.com.
Bootstrap在很短的时间内提供了一套相当全面的功能,我相信它很快就会超过jQueryUI。
所以我认为使用最终会过时的东西没有意义。。。
- jQuery UI自动完成突然停止工作
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- Jquery UI自动完成无法工作
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 使用Jquery ui时滑块无法工作
- JQuery UI可拖动潜水与滚动棒到鼠标
- jQuery UI自动完成-修改问题
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 阻止选项卡缓存jquery ui
- 将jQuery UI Timepicker Addon与React一起使用
- 如何在页面重新加载时显示jquery ui对话框
- jquery ui自动完成导致标头错误
- jquery UI draggable:UI.children不是一个函数
- 在JQuery UI Accordion Sortable中使用touchpunch无法正确使用touch
- Jquery UI对话框不会消失
- 无限循环onsen UI + jquery
- Ignite UI - (jQuery) - 无法使用 ig.excel.WorksheetCellComment 在单
- 可排序的UI jquery的奇怪行为