司徒正美 - 博客园

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)

我的模块加载系统 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)

我的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)

将模块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)

Ruby's Louvre

导航

公告