Ruby's Louvre

The Crankiness of Belief achieves Great , not the Trick of Regulation.

导航

公告

置顶随笔 #

[置顶]偶的《javascript框架设计》终于出版

摘要: 历时两年多,我的书终于付梓出版了。应各方面的要求,写软文一篇,隆重介绍一下此书对各位程序员的钱途有什么帮助及阅读顺序等疑问。作为国内第一本讲述前端框架构的书,它里面充斥着许多大家前所未闻的知识,这些知识有50%只见于github的issue,讲述各种隐秘的浏览器兼容性问题及各种神奇的修复方案,或者是...阅读全文

posted @ 2014-04-14 10:01 司徒正美 阅读(12820) 评论(133) 编辑

[置顶]迷你MVVM框架 avalonjs 入门教程

摘要: 关于AvalonJs 开始的例子 扫描 视图模型 数据模型 绑定属性与动态模板 作用域绑定(ms-controller, ms-impo...阅读全文

posted @ 2013-07-10 10:52 司徒正美 阅读(32011) 评论(76) 编辑

[置顶]目录

摘要: 不知不觉写了这么多东西,整理一下与己方便也与人方便。 完整的控件教程 颜色选择器 1 日历 1 日期选择器 1 富文本编辑器 ...阅读全文

posted @ 2009-09-15 09:09 司徒正美 阅读(13370) 评论(20) 编辑

2014年9月19日 #

迷你MVVM框架 avalonjs 学习教程9、类名操作

摘要: ms-class是avalon用得最多的几个绑定之一,也正因为如此其功能一直在扩充中。根据时期的不同,分为旧风格与新风格两种。旧风格是指ms-class-xxx=”expr”,*ms-class-aaa-bbb=”expr”*。正如第三节《绑定属性与扫描机制》所讲,一个绑定属性分成三部分,第一部分是...阅读全文

posted @ 2014-09-19 10:56 司徒正美 阅读(379) 评论(0) 编辑

2014年9月18日 #

迷你MVVM框架 avalonjs 学习教程8、属性操作

摘要: 属性操作是DOM操作很大的一块,它包括类名操作,表单元素的value属性操作,元素固有属性的管理,元素自定义属性的管理,某些元素的一些布尔属性的操作。大多数情况下,元素属性的值是字符串类型,我们称之为字符串属性,但有一些属性的是布尔,也存在是数字类型、节点引用的情况。当前jQuery处理它们就是搞了...阅读全文

posted @ 2014-09-18 10:44 司徒正美 阅读(548) 评论(5) 编辑

2014年9月17日 #

迷你MVVM框架 avalonjs 学习教程7、数据缓存

摘要: jQuery的许多功能都可以通过avalon的绑定属性来处理,如click方法对应ms-click,css方法对应ms-css,toggle方法对应ms-visible,它的数据缓存功能avalon也搬过来了。但不同于jQuery的是,avalon是直接将数据保存到元素节点的HTML5的data-☆...阅读全文

posted @ 2014-09-17 11:29 司徒正美 阅读(593) 评论(1) 编辑

2014年9月16日 #

迷你MVVM框架 avalonjs 学习教程6、插入移除处理

摘要: ms-if是属于流程绑定的一种,如果表达式为真值那么就将当前元素输出页面,不是就将它移出DOM树。它的效果与上一章节的ms-visible效果看起来相似的,但它会影响到:empty伪类,并能更节约性能。ms-if还有一个分支,叫ms-if-loop,它是配合ms-repeat绑定使用,因此以后再说。...阅读全文

posted @ 2014-09-16 11:27 司徒正美 阅读(505) 评论(1) 编辑

2014年9月15日 #

迷你MVVM框架 avalonjs 1.3.5发布

摘要: 本版本主要是修复内存泄漏问题,让其在移动端更好的运作。 修正visible BUG 详见这里 修正$fire方法里的正则错误 详见这里 修正ms-attr BUG,在IE9-11,直接用element.setAttribute("value","xxx")还是不能同步到element.valu...阅读全文

posted @ 2014-09-15 11:29 司徒正美 阅读(303) 评论(0) 编辑

迷你MVVM框架 avalonjs 学习教程5、显示隐藏控制

摘要: 今天的主角是ms-visible,它的效果类拟于jQuery的toggle,如果它后面跟着的表达式为真值时则显示它所在的元素,为假值时则隐藏。不过显示不是 display:none这么简单,众所周知,display拥有inline, inline-block, block, list-item, t...阅读全文

posted @ 2014-09-15 10:18 司徒正美 阅读(668) 评论(2) 编辑

2014年9月12日 #

迷你MVVM框架 avalonjs 学习教程4、数据填充

摘要: MVVM是前端的究极解决方案,你们可能用过jQuery,但那个写的代码不易维护;你们可以听过说requirejs与seajs,传说中的模块开发,加载器,但它们的最终目标是打包;你们可能听过underscope,那是一个工具集;你们可以听说过ejs,Mustache、HandlebarsJS等模板引擎...阅读全文

posted @ 2014-09-12 11:12 司徒正美 阅读(759) 评论(0) 编辑

2014年9月11日 #

迷你MVVM框架 avalonjs 学习教程3、绑定属性与扫描机制

摘要: 在MVVM框架中,你都会看到页面定了许多奇怪的属性,比如knockout的data-☆,angular的ng-☆,avalon的ms-☆,此外还有一些只写文本节点上的双花括号,它们统称为指令。ms-☆由于定义在元素节点上,是一个特性节点(Attribute),因此称为绑定属性。 双花括号称之为插值表...阅读全文

posted @ 2014-09-11 11:27 司徒正美 阅读(729) 评论(1) 编辑

2014年9月10日 #

迷你MVVM框架 avalonjs 学习教程2、模块化、ViewModel、作用域

摘要: 一个项目是由许多人分工写的,因此必须要合理地拆散,于是有了模块化。体现在工作上,PM通常它这为某某版块,某某频道,某某页面。某一个模块,必须是包含其固有的数据,样式,HTML与处理逻辑。在jQuery时代,奉行的是“无侵入式javascript”,页面虽然是拆成一块块,但最后是通过PHP等后端模板合...阅读全文

posted @ 2014-09-10 10:14 司徒正美 阅读(989) 评论(1) 编辑

2014年9月9日 #

迷你MVVM框架 avalonjs 学习教程1、引入avalon

摘要: avalon是国内最强大的MVVM框架,没有之一,虽然淘宝KISSY团队也搞了两个MVVM框架,但都无疾而终。其他的MVVM框架都没几个。也只有外国人与像我这样闲的架构师才有时间钻研这东西。我很早之前就预言,MVVM是前端的终极解决方案。我之前在盛大无线做盛大通行证就深有体会,一个业务逻辑对应十来个...阅读全文

posted @ 2014-09-09 16:14 司徒正美 阅读(1271) 评论(14) 编辑

仅列出标题  下一页