司徒正美 - 博客园

javascript 编程规范

摘要：为公司起草的javascript编程规范，参考了网上的许多资料，尤其是google的规范。现在放出来，希望能抛砖引玉，大家多提宝贵意见。本规范是针对javascript函数式编程风格与公司严重依赖于jQuery进行编码的现实制定出来。禁止使用eval，with与caller(ecma262 v5 的use strict要求)。eval只允许在加密时机器生成。声明变量必须加上 var 关键字，除了在for(;;)循环等语句中，原则上不允许使用连续声明。因为连续声明的效率不如分开声明高，而且很容易手误致其暴露到全局作用域下。常量，全部大写。变量名，不能使用拼音，英文单词以驼峰风格组织起来。分号，能阅读全文

posted @ 2011-04-02 11:40 司徒正美阅读(4896) 评论(10) 推荐(5) 编辑

一个分页栏的样式

摘要： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>分页栏</title> <style type="text/css"> /* Page CSS */ body, html { background: #333; } body { padding: 1em; } h1 { color: #DDD; 阅读全文

posted @ 2011-03-30 16:31 司徒正美阅读(2107) 评论(0) 推荐(1) 编辑

检测浏览器对样式的支持

摘要：真不知谁开了个坏头，搞了什么-xxx-前缀，CSS3上大量充斥着这样的私有实现，因此检测样式变得非常麻烦。参考外国的一些实现，搞出自己的测试程序：//by 司徒正美//http://www.cnblogs.com/rubylouvre/archive/2011/03/28/1998223.html var getStyleProperty = new function (css, el) { var prefixes = ['', '-ms-','-moz-', '-webkit-', '-khtml-', 阅读全文

posted @ 2011-03-28 23:19 司徒正美阅读(3380) 评论(2) 推荐(1) 编辑

关系选择器匹配能力测试程序

该文被密码保护。阅读全文

posted @ 2011-03-27 19:47 司徒正美阅读(1) 评论(0) 推荐(0) 编辑

parseNth

摘要：此函数用于处理子元素伪类的表达式: var exprs = [ "3n+2" , "22", " + 1", " - 4 ", "-n", "3n", " odd ", " even " ] var parseNth = function(expr){ expr = expr.replace(/\s/g,''); var a ... 阅读全文

posted @ 2011-03-26 11:00 司徒正美阅读(1001) 评论(0) 推荐(0) 编辑

Block Formatting Context

摘要： A block formatting context is a box that satisfies at least one of the following: the value of “float” is not “none”, the used value of “overflow” is not “visible”, the value of “display” is “table-cell”, “table-caption”, or “inline-block”, the value of “position” is neither “static” nor “relative”. 阅读全文

posted @ 2011-03-24 23:30 司徒正美阅读(1951) 评论(2) 推荐(0) 编辑

什么是Web 2.0

摘要： 2001年秋天互联网公司（dot-com)泡沫的破灭标志着互联网的一个转折点。许多人断定互联网被过分炒作，事实上网络泡沫和相继而来的股市大衰退看起来像是所有技术革命的共同特征。股市大衰退通常标志着蒸蒸日上的技术已经开始占领中央舞台。假冒者被驱逐，而真正成功的故事展示了它们的力量，同时人们开始理解了是什么将一个故事同另外一个区分开来。 “Web 2.0”的概念开始于一个会议中，展开于O'Reilly公司和MediaLive国际公司之间的头脑风暴部分。所谓互联网先驱和O'Reilly公司副总裁的戴尔·多尔蒂(Dale Dougherty)注意到，同所谓的“崩溃”迥然不同，阅读全文

posted @ 2011-03-24 23:20 司徒正美阅读(1261) 评论(0) 推荐(0) 编辑

javascript 异步编程2

摘要：好像有这么一句名言——"每一个优雅的接口，背后都有一个龌龊的实现"。最明显的例子，jQuery。之所以弄得这么复杂，因为它本来就是那复杂。虽然有些实现相对简明些，那是它们的兼容程度去不了那个地步。当然，世上总有例外，比如mootools，但暴露到我们眼前的接口，又不知到底是那个父类的东西，结构清晰但不明撩。我之所以说这样的话，因为异步列队真的很复杂，但我会尽可能让API简单易用。无new实例化，不区分实例与类方法，链式，等时髦的东西都用上。下面先奉上源码：;(function(){ var dom = this.dom = this.dom || { mix : funct 阅读全文

posted @ 2011-03-18 09:44 司徒正美阅读(8176) 评论(42) 推荐(13) 编辑

javascript 异步编程

摘要：这可能是个比较深的话题。何谓异步？笼统地说，异步在javascript就是延时执行。严格来说，javascript中的异步编程能力都是由BOM与DOM提供的，如setTimeout，XMLHttpRequest，还有DOM的事件机制，还有HTML5新增加的webwork, postMessage，等等很多。这些东西都有一个共同的特点，就是拥有一个回调函数，实现控制反转。由于控制反转是更深奥的问题，这里不想展开。不过有点可以确认的，回调函数的存在打断了原来的执行流程，让它们自行在适当的时机出现并执行，这是个非常便捷的模式。对比主动式的轮询，你就知它多么节能。在同步编程，代码基本上自上向下执行，在阅读全文

posted @ 2011-03-14 09:22 司徒正美阅读(14502) 评论(14) 推荐(9) 编辑

匹配字符串字面量的正则

摘要：向群里的abcd要来的东西，虽然最后没有被应用到，但保存下来以防后患。 var reg = /"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/g var str = "dom('aaa\"',\"erewr\",[aaa,bbb,ccc],fn(ee)())" alert(str.match(reg)); str = str.replace(reg,function(){ return "UUUU" }) alert(str) 阅读全文

posted @ 2011-03-11 20:54 司徒正美阅读(1295) 评论(1) 推荐(0) 编辑

Ruby's Louvre

导航

公告