SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

Bootstrap组件增强版 sco.js


Why?

创造sco.js的起因是为了增强Bootstrap中现有的js组件,并且也为了满足我自己所做的项目的特定需求。 对于一般的使用而言,Bootstrap中的js插件非常棒,但是,一旦你有深层次的或特定需求的时候,他们就无法满足了。 大部分的Bootstrap js插件是(或者说,在我创造自己版本的插件前)无法扩展的,并且,我所面临的问题不仅仅是写一两行代码就能解决的。这并不是说Bootstrap和它的js组件很差劲!Bootstrap的确是一个非常好的快速开发框架,但是,你不能强求让他适应所有需求。在我的使用经历中,Bootstrap的确满足了大部分需求 :)

注意: Bootstrap中默认使用css过渡(transition)效果,这非常好!我所创建的插件中仅有几个使用到了过渡(transition)效果,而且我也正在容许的情况下尽量使用。

你的收获

sco.js中的插件可以和Bootstrap一起使用,也可以单独使用。而且,sco.js中还包含了Bootstrap中没有的插件。所有插件都进行了单元测试,并且有生产环境的使用案例。每个插件都可以通过data-attributes data-trigger="pluginName" 或者 js代码var $modal = $.scojs_modal({...})的方式使用。 E每个插件都有“创建原因”(看下面具体说明) — 它为了实现什么目的、它和Bootstrap中的插件有何不同、我为什么首先创建它。

大部分的css都来源于Bootstrap。我也尽量遵循Bootstrap文档,遵循Bootstrap中的格式和约定,因此,你在使用的时候不会感觉和Bootstrap有很大不同。

如果data属性可以出发某个插件,代码将是:data-trigger="plugin name",以确保不和Bootstrap中的data-toggle="plugin name"产生冲突。 这样你就可以同时或交叉使用Bootstrap和sco.js。

接下来?

  • Like mentioned in the note above, one of the priorities is to get css transition support working wherever possible.

  • Carousel is coming too, based on panes.

  • Ajax support for panes (and automatically for tab and carousel) – you should be able to load remote content into a pane or more slides into a carousel.

  • Add predelay to tooltip – for when you might want the tooltip to appear after a bit of delay.

  • form 校验对ARIA的支持。

  • 如果足够有用,我将更新form校验,让他支持data-*属性,并且让他更易扩展,当然,现在还不着急。

  • 你有其他建议吗?

未经允许不得转载:SEARU.ORG » Bootstrap组件增强版 sco.js

赞 (0)
分享到:更多 ()

评论 0