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 司徒正美 阅读(19477) 评论(34) 编辑

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

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

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

[置顶]目录

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

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

2016年8月24日 #

koa2+koa-views示例

摘要: app.js 集中定义路由 现有的所有路由在koa2 都不好用,GITHUB上示例又少,自己实现一个简单的 我们阅读全文

posted @ 2016-08-24 12:04 司徒正美 阅读(311) 评论(0) 编辑

2016年8月22日 #

avalon2的后端渲染实践

摘要: avalon2为了提高性能,采用全新的架构,四层架构,其中一层为虚拟DOM。 虚拟DOM的一个好处是能大大提高性能,另一个好处是能过错整描述我们的页面结构。因此在非浏览器环境下,虚拟DOM也能正常运行。并且avalon2自一开始,就努力隔离DOM API。基于这两点,avalon2可以原封不动地运行阅读全文

posted @ 2016-08-22 15:33 司徒正美 阅读(749) 评论(2) 编辑

2016年8月9日 #

向一个数组中插入元素

摘要: 向一个数组中插入元素是平时很常见的一件事情。你可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。 但是这些已知的方法,并不意味着没有更加高效的方法。让我们接着往下看…… 向数组结尾添加元素 向数组结尾添加元素用push()很简单,但下阅读全文

posted @ 2016-08-09 00:47 司徒正美 阅读(741) 评论(2) 编辑

2016年6月29日 #

一步步编写avalon组件02:分页组件

摘要: 本章节,我们做分页组件,这是一个非常常用的组件。grid, listview都离不开它。因此其各种形态也有。 本章节教授的是一个比较纯正的形态,bootstrap风格的那种分页栏。 我们建立一个ms pager目录,控制台下使用npm init初始化仓库。 然后我们添加dependencies配置项阅读全文

posted @ 2016-06-29 11:27 司徒正美 阅读(1660) 评论(15) 编辑

2016年6月28日 #

一步步编写avalon组件01:弹出层组件

摘要: "avalon2" 已经稳定下来,是时候教大家如何使用组件这个高级功能了。 组件是我们实现叠积木开发的关键。 "avalon2" 实现一个组件非常轻松,并且如何操作这个组件也比以前的avalon2,还是react, angular轻松多了,不需要flux这样奇怪的额外设施。 "avalon2" 的组阅读全文

posted @ 2016-06-28 11:11 司徒正美 阅读(1588) 评论(10) 编辑

2016年6月27日 #

avalon2学习教程15指令总结

摘要: [avalon][1] 的指令在上一节已经全部介绍完毕,当然有的语焉不详,如ms js。本节主要总结我对这方面的思考与探索。 MVVM的成功很大一语分是来自于其指令,或叫绑定。让操作视图的功能交由形形式式的指令来代劳。VM,成了一个大管家。它只一个反射体。我们对它的操作,直接影响到视图。因此俗称“操阅读全文

posted @ 2016-06-27 19:49 司徒正美 阅读(646) 评论(2) 编辑

avalon2学习教程14动画使用

摘要: avalon2实际上没有实现完整的动画模块,它只是对现有的CSS3动画或jquery animate再包装一层。 我们先说如何用CSS3为avalon实现动画效果。首先要使用avalon.effect注册一个特效。 所有注册了的特效,都可以在avalon.effects对象中找到。 css3动画要求阅读全文

posted @ 2016-06-27 19:46 司徒正美 阅读(301) 评论(0) 编辑

avalon2学习教程13组件使用

摘要: avalon2最引以为豪的东西是,终于有一套强大的类Web Component的组件系统。这个组件系统媲美于React的JSX,并且能更好地控制子组件的传参。 avalon自诞生以来,就一直探索如何优雅的定义组件使用组件。从avalon1.4的ms widget,到avalon1.5的自定义标签。而阅读全文

posted @ 2016-06-27 15:35 司徒正美 阅读(463) 评论(0) 编辑

avalon2学习教程12数据验证

摘要: avalon2砍掉了不少功能(如ms include,ms data),腾出空间加了其他更有用的功能。数据验证就是其中之一。现在avalon2内置的验证指令是参考之前的[oniui验证框架][1]与[jquery validation][2]。 avalon内置验证规则有 规则 描述 require阅读全文

posted @ 2016-06-27 15:32 司徒正美 阅读(547) 评论(1) 编辑

2016年6月26日 #

avalon2学习教程11数据联动

摘要: 在许多表单应用,我们经常遇到点击一个复选框(或下拉框)会引发旁边的复选框(或下拉框)发生改变,这种联动效果用[avalon][1]来做是非常简单的。因为[avalon][2]拥有经典MVVM框架的一大利器,[双向绑定][3]!绝大部分的指令是从vm单向拍到页面,而双向绑定,则通过监听元素的value阅读全文

posted @ 2016-06-26 15:54 司徒正美 阅读(587) 评论(5) 编辑