司徒正美
发表于
2015-09-10 15:41:00

如何做一个avalon组件 - 司徒正美

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

司徒正美
发表于
2015-07-19 13:22:00

自定义标签在IE6-8的困境 - 司徒正美

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

司徒正美
发表于
2015-06-24 05:27:00

前端图片预览，上传前预览，兼容IE7、8、9、10、11，Firefox，Chrome - 司徒正美

在现在的Web开发中不可避免的会做一个图片预览的功能，比如在上传图片的情况下，一个很简单的办法就是讲图片上传至服务器之后，再将文件的URL返回回来，然后异步通过这个URL加载刚刚上传的图片，实现图片的预览，很明显的在这个过程中两次Web请求，一次发送文件，一次下载文件，到最后这个文件如果在客户端被删...本文链接：前端图片预览，上传前预览，兼容IE7、8、9、10、11，Firefox，Chrome，转载请注明。 ...继续阅读 (41)

司徒正美
发表于
2015-05-28 08:55:00

何谓domReady - 司徒正美

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

司徒正美
发表于
2015-04-21 10:15:00

使用Node.JS监听文件夹变化 - 司徒正美

使用Node.JS监听文件夹改变有许多应用场合，比如：构建自动编绎工具当源文件改变时，自动运行build过程，比如当你写CoffeeScript文件或SASS CSS文件时，保存之后可即时生成对应的JS或CSS.构建自动布署工具通过侦听源文件夹的改变，你可以自动即时将改后的文件布署到测试服务器，加...本文链接：使用Node.JS监听文件夹变化，转载请注明。 ...继续阅读 (31)

司徒正美
发表于
2015-04-20 12:56:00

Node稳定性的研究心得 - 司徒正美

目前大部分Web服务器，如Apache，都使用多线程的方式响应多用户请求，即一个线程服务一个用户请求。这种模式其中一个好处是，当某个请求的线程上抛出的异常没被捕获，只会影响当前这个线程，不会影响其他请求。由于Node执行在单线程上，一旦线程上抛的异常没有被捕获，就会引起整个进程的崩溃。所以对Node...本文链接：Node稳定性的研究心得，转载请注明。 ...继续阅读 (36)

司徒正美
发表于
2015-04-15 06:57:00

迷你MVVM框架 avalonjs 1.4.1发布 - 司徒正美

以后有关avalon的版本升级消息，全部改放到这里重构parseHTML,让其支持xhtml强化 ms-duplex-number拦截器添加data-duplex-number辅助指令值为strong medium weak ms-duplex添加对input[type=hidden]的支持cr...本文链接：迷你MVVM框架 avalonjs 1.4.1发布，转载请注明。 ...继续阅读 (38)

司徒正美
发表于
2015-04-15 06:45:00

原生nodejs 学习笔记2 - 司徒正美

本章节学习流，流的一个好处在于减少各种异步IO的回调地狱。IO操作遍及我们各种操作，比如数据库读写，文件读写，文件转换压缩……别的不说，比如第一节，我们要将一个HTML文件返回浏览器，就涉及IO操作。一个页面，如果按版本划分功能，可能切成一块块给不同的人做，使用fs方法的异步IO方法，可能是这样...本文链接：原生nodejs 学习笔记2，转载请注明。 ...继续阅读 (24)

司徒正美
发表于
2015-03-18 01:40:00

原生nodejs 学习笔记1 - 司徒正美

网上许多nodejs教程或书藉都是教你调用第三方模块来编写nodejs应用的，虽然这是非常便捷的，但是封装太厚，你基本一点东西还是没有学到。人家的模块，人家想怎么改就行，可以下一版本就改了接口，你的应用就完蛋了。比如说google，他就爱干这种事情。因此我们还得老老实实学习底层API吧。本节首先教大...本文链接：原生nodejs 学习笔记1，转载请注明。 ...继续阅读 (38)

司徒正美
发表于
2015-03-15 03:18:00

关于Git的礼节 - 司徒正美

（这里的内容本来是《怎样尊重一个程序员》的一小节，但由于Git的使用引起了很普遍的不尊重程序员的现象，现在特别将这一节提出来单独成文。）Git是现在最流行的代码版本控制工具。用外行话说，Git就是一个代码的“仓库”或者“保管”，这样很多人修改了代码之后，可以知道是谁改了哪一块。其实不管什么工具，不管...本文链接：关于Git的礼节，转载请注明。 ...继续阅读 (143)

司徒正美
发表于
2015-03-13 03:50:00

[转]Gulp思维 —— Gulp高级技巧 - 司徒正美

感受过gulp.js带来的兴奋过后，你需要的不仅仅是它的光鲜，而是切切实实的实例。这篇文章讨论了一些使用gulp.js时常踩的坑，以及一些更加高级和定制化的插件和流的使用技巧。基本任务gulp的基本设置拥有非常友好的语法，让你能够非常方便的对文件进行转换：gulp.task('scripts', f...本文链接：[转]Gulp思维 —— Gulp高级技巧，转载请注明。 ...继续阅读 (204)

司徒正美
发表于
2015-03-08 03:19:00

再识ASCII实体、符号实体和字符实体 - 司徒正美

一、前言相信大家都熟悉通过字符实体来实现多个连续空格的输入吧！本文打算对三类HTML实体及JS相关操作作进一步的整理和小结，若有纰漏请大家指正，谢谢。二、初识HTML实体 ...本文链接：再识ASCII实体、符号实体和字符实体，转载请注明。 ...继续阅读 (23)

司徒正美
发表于
2015-03-08 03:18:00

[转]被玩坏的innerHTML、innerText、textContent和value属性 - 司徒正美

一、前言由于innerText并非W3C标准属性，因此我们无法在FireFox中使用它，一般情况下我们可以使用textContent来代替，但它两者是否就能完全等同呢？在坑爹的表单元素（如input、textarea等）中表现是否依旧诡异...本文链接：[转]被玩坏的innerHTML、innerText、textContent和value属性，转载请注明。 ...继续阅读 (45)