司徒正美 - 博客园

迷你MVVM框架 avalonjs1.5.2 发布

摘要：经过2个小版本的试水， avalon1.5这个全新的架构也终于成熟了。首先是组件的配置项，名字改了不少，让大家都满意。ms-duplex, ms-include, ms-if等指令的BUG修复。一些oniui组件也成功转换成新组件形式，总结一些套路。当然，最后我是想像react那样不使用 setTi... 阅读全文

posted @ 2015-09-16 20:11 司徒正美阅读(1757) 评论(3) 推荐(1)

布尔属性

摘要：布尔属性是控制元素的某一个状态，是一种比较特别的属性。由于浏览器商之前互相没协商好，因此在定义布尔属性时，也有差异。布尔属性主要出现在表单元素上，常见的有radio,checkbox上的checked属性，option元素的selected属性，文本域，文本区，密码域上的readonly属性，se... 阅读全文

posted @ 2015-09-11 09:56 司徒正美阅读(3980) 评论(0) 推荐(2)

如何做一个avalon组件

摘要：在avalon1.5中改用更直观的自定义标签来声明组件，废掉ms-widget，引入更强大的生命周期管理，可以让组件任意套嵌。组件是由JS，HTML，CSS构成JS 以AMD形式组织，引入HTML与CSSHTML是组件的模板, 模板里面使用ms-*等指令JS内部是一个avalon.component... 阅读全文

posted @ 2015-09-10 23:41 司徒正美阅读(6928) 评论(6) 推荐(1)

迷你MVVM框架 avalonjs1.5 入门教程

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

posted @ 2015-09-07 16:15 司徒正美阅读(51834) 评论(110) 推荐(45)

固有属性与自定义属性

摘要： javascript有两个很相近的东西，property与attribute，懒一点的人都翻译成“属性”。如果专业点，则区别为“属性”与“特性”。我认为叫做固有属性与自定义属性比较好一点。property是来自于原型链，所有HTML元素，都是HTMLElemenet的实例，HTMLElement再往... 阅读全文

posted @ 2015-09-01 22:16 司徒正美阅读(4832) 评论(2) 推荐(4)

avalon与双缓冲技术

摘要： avalon1.5一个重要技术升级是引进异步渲染。异步渲染在游戏界有一个更专业的名字，叫双缓冲。游戏界要刷新界面与我们刷新浏览器视图，面临的问题是一致的。视图是由许多存在套嵌关系的方块组成，它们每一个的改动，都可能引起reflow(其父节点，其父父节点的大小重新计算)，这是造成性能问题的关键。双缓冲... 阅读全文

posted @ 2015-08-05 11:13 司徒正美阅读(3815) 评论(4) 推荐(9)

自定义标签在IE6-8的困境

摘要：或许未来前端组件化之路都是自定义标签，但这东西早在20年前，JSTL已在搞了。现在Web Component还只有webkit支持。但一个组件库，还需要一个特殊的标识它们是一块的。不过这个XML已经帮我们搞定了，使用scopeName，如""。在我继续往下想如何处理如何为这个标签绑定数据，与其他组件... 阅读全文

posted @ 2015-07-19 21:22 司徒正美阅读(4408) 评论(5) 推荐(4)

react设置innerHTML

摘要：阅读全文

posted @ 2015-06-24 13:27 司徒正美阅读(10304) 评论(0) 推荐(0)

前端图片预览，上传前预览，兼容IE7、8、9、10、11，Firefox，Chrome

摘要：在现在的Web开发中不可避免的会做一个图片预览的功能，比如在上传图片的情况下，一个很简单的办法就是讲图片上传至服务器之后，再将文件的URL返回回来，然后异步通过这个URL加载刚刚上传的图片，实现图片的预览，很明显的在这个过程中两次Web请求，一次发送文件，一次下载文件，到最后这个文件如果在客户端被删... 阅读全文

posted @ 2015-06-24 13:27 司徒正美阅读(16572) 评论(8) 推荐(6)

何谓domReady

摘要：我的博客已经写过好几篇如何实现domReady的文章，最近做培训，面向新手们，需要彻彻底底向他们说明这个东西，于是就有了这篇文章。我们经常看人们用document.getElementById("xxx").style.left = "80px"报错,说找不到元素.但明明页面上有包含xxx这个ID... 阅读全文

posted @ 2015-05-28 16:55 司徒正美阅读(8169) 评论(6) 推荐(9)

Ruby's Louvre

导航

公告