Ruby's Louvre

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

导航

公告

置顶随笔 #

[置顶]迷你MVVM框架 avalonjs1.5 入门教程

摘要: avalon经过几年以后,已成为国内一个举足轻重的框架。它提供了多种不同的版本,满足不同人群的需要。比如avalon.js支持IE6等老旧浏览器,让许多靠政府项目或对兼容性要求够高的公司也能享受MVVM的乐趣。avalon.modern.js支持IE10以上版本,优先使用新API,性能更优,体积更少...阅读全文

posted @ 2015-09-07 16:15 司徒正美 阅读(13419) 评论(28) 编辑

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

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

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

[置顶]目录

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

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

2016年4月20日 #

avalon2学习教程06样式操作

摘要: avalon2的ms-css的变革思路与ms-attr一样,将多个操作合并成到一个对象里面处理,因此没有ms-css-name="value",只有ms-css="Object"或ms-css="Array". 注意,当你用对象字面量的方式传参时,注意存在-号的键名要用“”号括起来。 在avalon阅读全文

posted @ 2016-04-20 23:16 司徒正美 阅读(173) 评论(0) 编辑

avalon2学习教程05属性操作

摘要: avalon2与avalon1的属性操作虽然都是使用ms-attr,但用法完全不一样。 avalon1是这样操作属性的 有多少个属性就写多个ms-attr-。其中不能省略。此外,还存在ms-title, ms-alt,ms-src, ms-href, ms-selected, ms-checked等阅读全文

posted @ 2016-04-20 22:17 司徒正美 阅读(108) 评论(0) 编辑

2016年4月15日 #

avalon2学习教程04显示隐藏处理

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

posted @ 2016-04-15 14:12 司徒正美 阅读(205) 评论(3) 编辑

2016年4月13日 #

avalon2学习教程 03数据填充

摘要: 数据填充是一个模版最基础的功能,直接从JSON(vm)取出数据,放到适当的位置上。在静态模板中,不区分文本与HTML,只看你的字符串是否有< >来决定生成文本节点与元素节点。但MVVM中,这两种是严格区分的。一般来说,我们只要求填文本,不要填HTML。填HTML有点危险! 在avalon1中,存在四阅读全文

posted @ 2016-04-13 11:03 司徒正美 阅读(418) 评论(2) 编辑

2016年4月7日 #

avalon2学习教程02之vm

摘要: avalon2的vm是一个非常重要的东西,其设计原型最初脱胎于knockout.js,但到avalon1.6中,终于寻得自己的方案,更精简,更易用,更魔幻。 vm是一种特殊的数据结构,看起来像普通对象,但它大部分属性都被重写了,从而实现“操作数据即操作视图”的效果。我们在定义vm时,一般需要定义$i阅读全文

posted @ 2016-04-07 00:11 司徒正美 阅读(390) 评论(4) 编辑

2016年4月6日 #

avalon2学习教程01

摘要: 经过难苦奋战,avalon2终于面世了。这花了大半年时间,其中1.6还胎死腹中。长达半年没有产出,我都担心自己会被裁掉…… avalon2许多API与1.4.×保持一致,当然也添加了一些1.5的功能,此外随着react的红红火火,对它的研究,也集成到此框架中。 我们先来一个简单的例子 1 <!DOC阅读全文

posted @ 2016-04-06 21:39 司徒正美 阅读(844) 评论(6) 编辑

avalon1与avalon2的异同点

摘要: avalon2并不向下兼容avalon1,但许多API与指令很相似,迁移成本比较低。此外,良好的性能与强大的功能是你迁移的动力。下面是一个列表,如有提问尽管提出。 avalon1与avalon2的异同一览表 其中变量名前加上@,是一个很大的区别。虽然avalon也可以通过内部 分析得到,但可能有缺失阅读全文

posted @ 2016-04-06 12:49 司徒正美 阅读(769) 评论(13) 编辑

2016年1月28日 #

表单元素之搭车系

摘要: 对于表单元素,除了reset元素,只要有name与value都能提交 因为在我们印象中,只有能选择的,能填空的,就是我们要提交的。但浏览器还提供一种机制,让我们能让除了用户自己添加的东西外,还能偷偷地提交“额外”的东西。 这些搭顺风车的东西,目前有三种,input[type=hidden],inpu阅读全文

posted @ 2016-01-28 11:24 司徒正美 阅读(700) 评论(0) 编辑

2016年1月27日 #

使用karma做多浏览器的UI测试

摘要: avalon1.6开发得差不多,这次使用先进的开发理念进行开发,比如模块化,单元测试什么。。。 ui测试是重要的一环,之前用阿里的totoro,但打开浏览器不方便。于是从webdrieverio, nightwatch,一直找到karma! karma的官网尤其烂,我搞了好久才能运行起来 用到的np阅读全文

posted @ 2016-01-27 16:38 司徒正美 阅读(646) 评论(0) 编辑

2016年1月25日 #

webpack 自动发现 entry 的配置和引用方式

摘要: 假定我们的项目目录为如下的样子:- root/ - assets/ - app/ - global.js - index/ - index.js - auth/ ...阅读全文

posted @ 2016-01-25 22:29 司徒正美 阅读(566) 评论(1) 编辑