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

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

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

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

[置顶]目录

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

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

2016年6月28日 #

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

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

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

2016年6月27日 #

avalon2学习教程15指令总结

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

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

avalon2学习教程14动画使用

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

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

avalon2学习教程13组件使用

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

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

avalon2学习教程12数据验证

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

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

2016年6月26日 #

avalon2学习教程11数据联动

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

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

avalon2学习教程09循环操作

摘要: avalon2的循环指令的用法完全改变了。avalon最早期从knockout那样抄来ms each,ms with,分别用于数组循环与对象循环。它们都是针对元素内容进行循环。后来又从angular那里抄来了ms repeat, 这是循环元素内部的。 到avalon2,这三个指令合并成一个ms fo阅读全文

posted @ 2016-06-26 15:51 司徒正美 阅读(30) 评论(0) 编辑

avalon2学习教程08插入移除操作

摘要: 本节介绍的ms if指令与ms visible很相似,都是让某元素“看不见”,不同的是ms visible是通过CSS实现,ms if是通过移除插入节点实现。 ms if的用法与1.×时别无二致,只要值是真,就插入,为假时,就在原位置上替换为一个注释节点做占位符。 注意1: 在avalon1. 中,阅读全文

posted @ 2016-06-26 14:45 司徒正美 阅读(53) 评论(0) 编辑

2016年6月23日 #

现在算法是新锐前端框架成功的重要因素

摘要: 随着前端MVVM的流行,小型框架现在越来越难存活了!react, angular等打着大公司旗号的框架占了半壁江山,而avalon以其良好兼容性在国内份额不断上升。 前端也与后端一样,遵循马太效应,强者愈强,弱者愈弱。最后只剩下两种框架,不断被人发现BUG的框架与没有人用的框架。MVVM本来就是一种阅读全文

posted @ 2016-06-23 12:02 司徒正美 阅读(3287) 评论(18) 编辑

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