Ruby's Louvre

摘要： 之前一直苦苦思索如何让原生对象进行链式调用，但实际这种需求很少。是时候让它退出舞台了。取而代之的是添加一个自定义事件类。//=========================================// 语言扩展模块v5 by 司徒正美//=========================================define("lang", Array.isArray ? ["mass"]: ["$lang_fix"], function( $ ){ var global = this, rformat = /\\?\ 阅读全文

摘要： 传统面向对象定义已经过时，过去定义已经不能满足新语言新思想的发展，来自A Proposal for Simplified, Modern Definitions of "Object" and "Object Oriented" 一文试图提出一种新的对象定义，以容纳适应新的发展形势。新的对象定义是：An object is a first-class module that is invoked polymorphically对象是能够被多态调用的顶级模块。这里模块module定义可以是传统语言的类Class,也可以是函数语言的函数function。这样 阅读全文

摘要： bootstrap在2.1新增的组件，直译过来就是固定。其实这组件很简单，就是通过添加或移除affix这个类名实现屏幕固定或不固定。当页面加载完毕时，JS插件会搜索页面上所有[data-spy="affix"]的元素，然后找其data-offset-top或data-offset-bottom属性，即离页面顶(底)部少于多少px，就放弃固定，平时你怎么滚动，被固定的元素都定在这个位置上不动。此组件只要用户为元素定义两个属性，引入JS与CSS就生效了。用户基本不用写码。网上许多例子都是多此一举！此组件也没有任何自定义事件！!function ($) { "use s 阅读全文

摘要： bootstrap-popover是bootstrap-toolbar的子类。它就比toolbar多一个content参数，其他就是一些默认值不同。与toolbar一样没有自定义事件。 名称 类型 默认 描述 animation 布尔值 t... 阅读全文

摘要： tooltip是bootstrap第二复杂的组件，近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true 为工具提示添加一个淡入的过渡。 ... 阅读全文

摘要： 为了获取最佳的性能与兼容性，attr模块在v3中分割为两大块。attr模块大胆HTML5的classList,Array.isArray等新式API， attr_fix则是专门为IE6789准备的。attr模块存在大量的钩子，为摆平浏览器做了许多部件，但我们没有必须把所有补丁都集成到一个JS文件，其中过半是为IE侍侯的，因此分割出去对标准浏览器的加载量非常有利。下面是attr.js，它相当于jQuery的attributes.js（github中的划分）。//==================================================// 属性操作模块 v3//==== 阅读全文

摘要： 这次说的是手风琴组件，但是bootstrap的实现有点奇怪，CSS中的类名以accordion为前缀，JS里面的处理组件与相关方法为collapse。HTML结构以下：类名accordion的DIV包含N个类名为accordion-group的DIV，每组又分两部分accordion-heading与accordion-body。accordion-heading包含触发用的accordion-toggle，accordion-body里的accordion-inner才是用于放内容的。 <div class="accordion" id="accordio 阅读全文

摘要： 切换卡或叫标签页组件。它与scrollspy组件一样，分为两部分，触发区与面板区。触发区用于绑定点击事件，切换对应的面板。切换区为一个UL列表，要求UL带"nav nav-tabs"或"nav nav-pills"这两种类名。li下的标签要求有 data-toggle="tab"属性，你可以通过data-target或href指定对应的面板。面板区要求就相对宽松些，容器要求带"tab-content"类名，下面的每个面板都要求带"tab-pane"类名。 <ul id="myta 阅读全文

摘要： bootstrap-modal译为模态对话框，也就是带遮罩层的对话框。从它的源码实现来看有点罗索。它的HTML结构分三分部，首部，内容区，底层，底部放按钮或分页栏。<div class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×& 阅读全文

摘要： bootstrap-scrollspy(滚动侦测)是一个很有趣的组件，它会将某一个存在滚动条的区域中一些元素的ID值收集起来，然后在它们靠近滚动区顶部时高亮这些ID值代表的A元素。它也明显的缺陷，对格式限得太死。它由两部分组成。一部分是滚动区，滚动区有个data-target用于指向包含菜单的某父元素。滚动区有一些元素，我们赖以称之为“锚点”，用于提供ID值。另一部分是菜单区，要求是.nav类型的菜单，它下面有些链接，href="#"+ID。然后你引入bootstrap-scrollspy.js就行了，如果你的菜单还有二级菜单，还要引入bootstrap-dropdown. 阅读全文