构建HTML5+响应式设计网站-JS框架

2013-10-10
  • 652
  • 0

Bootstrap中的Javascript是简历在jquery基础上的js框架,配合lesscss的样式可编程话,能够使得我们的网站开发变得轻松简单。

Data属性的引入,使得在页面上你不在需要写成篇的js了,只需要引入bootstrap.js以及jquery,在html按钮标签中加入诸如data-toggle="modal"这种代码就可以调用层的显示与隐藏的变化。

APi编程也是这一其中的一个特色,所有的公开API都可以单独调用,其使用方式类似于jquery的调用,也可以说是扩充了jquery的函数库,优化了调用方式。同时由于jquery ui等其他框架的同时调用容易引起冲突,为了避免发生代码冲突导致命名空间错误,可以使用.noConflict函数回复其原始值

var bootstrapButton = $.fn.button.noConflict()

$.fn.bootstrapBtn = bootstrapButton

同时他提供了包括诸如,下拉菜单,折叠,弹出层,警告框,导航等多种需要js效果的插件可以直接调用,避免了在编码的过程中,不同的效果需要引入多个其他的函数库,造成页面的代码堆积,加载缓慢。