Twitter Bootstrap与jQuery UI?[关闭]

2020/10/14 23:21 · javascript ·  · 0评论

我一直在使用jQuery UI进行一些基本的页面增强。按钮和输入样式以及模式对话框。现在,我遇到了Bootstrap,它看起来还不错。

有没有从使用jQuery UI到Bootstrap的经验?这是我想做的事情,但是在我这样做之前,我想知道我可能会遇到什么问题。

我有几个项目。

我认为最大的不同

  • jQuery UI是后备安全的,它可以正常工作并且在旧的浏览器中看起来不错,其中Bootstrap基于CSS3,这在新的浏览器中基本上意味着GREAT,而在旧的浏览器中则不是很好

  • 更新频率:Bootstrap有了令人敬畏的新功能,正在进行一些重大更新,但可悲的是,它们可能会破坏以前的代码,因此,您不能仅在存在新的主要版本时安装Bootstrap并进行更新,它基本上需要大量的新代码

  • jQuery UI基于良好的html结构,具有JavaScript的转换功能,而Bootstrap基于外观和可自定义的内联结构。(在JQUERY UI中调用小部件,在Bootstrap中定义它)

那么该选择什么呢?

这始终取决于您正在处理的项目类型。美观,快速的小部件会更好吗,还是您的用户经常使用旧的浏览器?

我总是同时使用两种方法,因此我可以同时使用两种方法中的最佳方法。

如果您决定使用它们,则这是这两个框架的链接。

  1. jQuery UI
  2. 引导程序

两者都使用过后,Twitter的Bootstrap是一种出色的技术组合。这里有些区别,

  • 小部件:jQuery UI在这里胜出。它提供的日期小部件非常有用,而Twitter Bootstrap则不提供任何东西。
  • 脚手架:Bootstrap在这里胜出。Twitter的网格既固定又固定。jQuery UI甚至没有提供此方向,而将页面布局留给最终用户使用。
  • 开箱即用的专业性:使用CSS3的Bootstrap处于领先地位,而jQuery UI相比之下显得过时。
  • 图标:我会绑上这个。Bootstrap的图标jQuery UI更好,但是我不喜欢这些术语,Glyphicons Halflings通常不是免费提供的,但是Bootstrap和Glyphicons创造者之间的安排使开发者无需付出任何代价。谢谢您,我们要求您在可行时包括一个指向Glyphicons的可选链接。
  • 图片和缩略图转到Bootstrap,jQuery UI甚至在这里都没有帮助。

其他注意事项

  • 重要的是要了解这两种技术如何在各个领域竞争。有很多重叠之处,但是如果您想要简单的脚手架和固定/流体创建,Bootstrap不是另一种技术,那么它就是最好的技术。如果您只需要单个小部件,则jQuery UI可能甚至不在前三名中。如今,jQuery UI主要只是一个玩具,它为使用统一框架创建客户端小部件提供了一致性和概念证明。

您可以使用相对较少的问题。Twitter Bootstrap使用jQuery 1.7.1(在撰写本文时),并且我无法想到您无法将其他Jquery UI组件集成到HTML模板中的任何原因。

我一直在使用Initializr.com构建的HTML5 Boilerplate和Twitter Bootstrap的组合。它将两个很棒的入门模板组合到一个出色的入门项目中。http://html5boilerplate.com/http://www.initializr.com/上查看详细信息, 或者立即开始使用,转到http://www.initializr.com/,单击“ Bootstrap 2”按钮,然后单击“下载”。这将为您提供入门所需的所有js和CSS。

而且不要被HTML5和CSS3吓到。Initializr和HTML5 Boilerplate包括polyfills和IE特定代码,这些代码将允许所有功能在IE 6、7 8和9中运行。

在Twitter Bootstrap中使用LESS也是可选的。他们使用LESS编译Bootstrap使用的所有CSS,但是如果您只想覆盖或添加自己的样式,则为此提供一个空的CSS文件。

还有一个空白js文件(script.js)供您添加自定义代码。在此处可以为其他jQueryUI组件添加处理程序或选择器。

我们都使用了Bootstrap,并且我们喜欢Bootstrap的简单性以及其开发和增强的速度。jQuery UI的问题在于它以蜗牛的​​步伐前进。推出菜单栏,树控件和数据网格等通用功能需要数年之久,而这些功能始终处于计划/开发阶段。我们等了再等,最后放弃了,并为我们的产品http://dblite.com使用了其他库,例如ExtJS

Bootstrap在很短的时间内就提供了相当全面的功能,我相信它很快就会超过jQuery UI。

因此,我认为使用最终会过时的东西毫无意义...

本文地址:http://javascript.askforanswer.com/twitter-bootstrapyujquery-uiguanbi.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!