Ruby's Louvre

每天学习一点点算法

导航

上一页 1 ··· 40 41 42 43 44 45 46 47 48 ··· 125 下一页

2012年12月20日 #

bootstrap源码学习与示例:bootstrap-dropdown

摘要: bootstrap-dropdown组件是个烂东西,我读后的整体感觉。一个下拉开菜单的设计: <ul class="nav pull-right"> <li id="fat-menu" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">下拉 <b class="caret"></b></a 阅读全文

posted @ 2012-12-20 22:43 司徒正美 阅读(17934) 评论(4) 推荐(4)

bootstrap源码学习与示例:bootstrap-alert

摘要: bootstrap-alert组件基本活儿在CSS上,JS部分就是一个关闭事件。这是框架提供的关闭事件,在这之前,你可以通过on方法绑定close,closed这两种回调,它会在关闭时被调用。基本上,你只要引入了JS文件,HTML按它格式要求写,它就能干活了。需要注意的有两个:关闭铵钮必须带data-dismiss="alert"属性关闭时事件必须要绑定在UI容器上,而不是关闭按钮中!function ($) { "use strict"; // jshint ;_; /* ALERT CLASS DEFINITION * =============== 阅读全文

posted @ 2012-12-20 17:39 司徒正美 阅读(11595) 评论(2) 推荐(0)

bootstrap源码学习与示例:bootstrap-button

摘要: 今天开始说非常简单的bootstrap-button组件。button设计得非常smart,只有一个调用接口,你可以在$().button(str)中传入不同的字符串,来切换它的文本,其中有三个是框架占用的——toggle, reset, loading。button的文本切换是通过data-xxx-text自定义属性控制。$().button("xxx"),就是取data-aaa-text的值作为新文本。如果要还原最初状态,使用$().button("reset")。loading参数会在这基础上添加disabled类名与disabled属性,目的是不 阅读全文

posted @ 2012-12-20 16:06 司徒正美 阅读(7310) 评论(1) 推荐(1)

bootstrap源码学习与示例:bootstrap-transition

摘要: 虽然是基于不纯的目的来学习它,但想必也对大家有所帮助。bootstrap虽然挂着twitter的名字,但实质上只是twitter的两个员工自己的项目。bootstrap不是单纯一个项目,它的许多部件,包括CSS部分,JS部分,还是最原始的less部分要依赖其他项目才能运作。不过CSS已经有合并版了,JS我们也只需要导入jQuery。因此想跟着学习的人,到这里把源码部分CSS下载回来,jQuery使用1.83就行了。或者搭建以下这样的架子:<!DOCTYPE html><html> <head> <title>bootstrap学习 by 司徒正美 阅读全文

posted @ 2012-12-20 13:43 司徒正美 阅读(7834) 评论(4) 推荐(2)

2012年12月18日 #

我的模块加载系统 v21

摘要: 多上stackoverflow总是有好处,昨天发现opera12之前一个比较致命的BUG,触发条件是script.onreadystatechange = script.onload = function(){},因此连同mass, jQuery, seajs,labjs, headjs,controljs在内都中招了。我们可以称之为连写回调引发的血案。这个我正文会详解。本版本的第二个改进是IE6的自闭合base标签回避问题。以前不管是否存在base标签,所有浏览器都插入到head标签的第一个子节点之前。但这样倒序可能引发后插入的先解析。因此现在特地对IE6进行处理,如果存在base标签,不管 阅读全文

posted @ 2012-12-18 11:12 司徒正美 阅读(3294) 评论(4) 推荐(2)

2012年12月17日 #

我的MVVM框架 v3教程——todos例子

摘要: 每个MVC框架都爱搞个todos演示它的HTML如下: Todos Mark a... 阅读全文

posted @ 2012-12-17 15:08 司徒正美 阅读(2950) 评论(7) 推荐(2)

我的MVVM框架 v3教程——集合处理

摘要: avalon的一个理念是,操作数据即操作DOM。这是集合处理中表现最明显。 涉及到each绑定,及集合访问器的一系列方法。 , 移除 ... 阅读全文

posted @ 2012-12-17 14:17 司徒正美 阅读(1106) 评论(0) 推荐(0)

我的MVVM框架 v3教程——事件绑定与代理

摘要: 这涉及到on绑定,表现形式为data-on-type="callback" type为事件类型,callback为事件回调,使用事件绑定。data-on-type="callback | selector" type为事件类型,callback为事件回调, selector为选择器,使用事件代理。 ... 阅读全文

posted @ 2012-12-17 14:07 司徒正美 阅读(1285) 评论(0) 推荐(0)

我的MVVM框架 v3教程——类名切换

摘要: class绑定是用于添加或删除类名形式有三种data-class="object", object在VM中是个对象,它的键名即类名,由值的真假情况决定删除或添加。data-class-className="boolean",className为要处理的类名,值为一个布尔,用于决定删除或添加。data... 阅读全文

posted @ 2012-12-17 13:36 司徒正美 阅读(3747) 评论(0) 推荐(0)

2012年12月16日 #

将模块ID与factory关联在一起的新思路

摘要: 这是利用到jquery团队在IE6-8中添加HTML5新标签中的一个hack!function createSafeFragment( document ) { var list = nodeNames.split( "|" ), safeFrag = document.createDocumentFragment(); if ( safeFrag.createElement ) { while ( list.length ) { safeFrag.createElement( list.pop() ); } } return safeFrag;}但到IE9后文档碎片就没有 阅读全文

posted @ 2012-12-16 13:26 司徒正美 阅读(1606) 评论(0) 推荐(2)

上一页 1 ··· 40 41 42 43 44 45 46 47 48 ··· 125 下一页