司徒正美 - 博客园

raphaeljs图形库学习笔记

摘要：官网地址：点我<!doctype html><html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=8"> <script src="http://bloghighligh... 阅读全文

posted @ 2009-11-17 00:00 司徒正美阅读(3331) 评论(4) 推荐(0) 编辑

摘要：基于不对原生对象进行扩展的原则，搞了这个方便的处理字符串的对象。下面是第一类工厂，相当于mootools的Native方法。 var dom = {},//命名空间 slice = Array.prototype.slice; dom.mixin = function (obj, bag) { if (arguments.length === 1) { bag = obj; obj = this;... 阅读全文

posted @ 2009-11-16 10:54 司徒正美阅读(2717) 评论(4) 推荐(2) 编辑

javascript String

摘要：属性 1.constructor 指定创建一个对象的函数。 constructor 属性是每个具有原型的对象的原型成员。这包括除了 arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression 和 VBArray 对象以外的所有内部 JScript 对象。constructor 属性包含了对某种函数的引用，此种函数构造了特定对象的实例。基于类的对象没有 constructor 属性。 2.length 返回字符串的长度。 length 属性包含一个整数，该整数指示 String 对象中的字符数。String 对象... 阅读全文

posted @ 2009-11-15 18:16 司徒正美阅读(1968) 评论(2) 推荐(0) 编辑

javascript package

摘要：收集各种实现中！http://blog.nyarla.net/2006/11/28/1var package = function ( className, CodeBlock ) { var classes = className.split('.'), class = new String, obj; for ( var i = 0, len = classes.length; i packa... 阅读全文

posted @ 2009-11-15 18:01 司徒正美阅读(979) 评论(3) 推荐(0) 编辑

JavaScript 缓存函数

摘要：在我《惰性函数》一文引起一些争议，有人总是把惰性函数与缓存函数（Memoization）混为一谈。虽然都是缓存了结果，但最大的区别是一个改写函数本身，一个没有。那我就说一下缓存函数吧。简而言之，就是把上次运算的结果放到一个数组或对象中。拿什么做试验好呢？就拿那个Fibonacci数列吧，估计IE6会比较呛，一般5秒运算不了就假死了。我们先看消耗时间，再看结果。一直接用递归实现： function ... 阅读全文

posted @ 2009-11-14 22:10 司徒正美阅读(3895) 评论(2) 推荐(2) 编辑

CSS Position Fixed for IE6

摘要：逛mootools核心成员Thomas Aylott的博客看到，不过有点标题党了，实际效果并没有那么灵光，只是定义四个类，分别用来固定视口的上下左右。很遗憾，它无法解决与top,bottom,left,right并用的问题（见例子）。它利用到IE8已经废弃的expression来计算页面的大小，从而固定我们想固定的元素。里面用到一技巧，就是给html或body元素添加一张背景图片，并设置backg... 阅读全文

posted @ 2009-11-14 20:28 司徒正美阅读(3087) 评论(1) 推荐(1) 编辑

javascript wrapper函数

摘要：在设计javascript的继承体系时，有一个重要需求，方法链。通俗地说，说是在方法中调用父类的同名方法。类似java的this.super().method()。如何把父类的同名方法包装到子类中呢？这就要用到wrapper函数。之所以叫wrapper，而不是wrap，因为它比wrap更加wrapper。比如像Ext那种深度继承的结构中，如果父类没有找祖父，祖父没有找曾祖父，沿着原型链层层上溯，以... 阅读全文

posted @ 2009-11-14 16:15 司徒正美阅读(7193) 评论(3) 推荐(2) 编辑

javascript的动态this与动态绑定

摘要： javascript是一门动态语言，最明显就是那个dynamic this。它一般都是作为函数调用者存在。在javascript，所有关系都可以作为对象的一个关联数组元素而存在。那么函数就是被掰成两部分储存于对象，一是其函数名（键），一是函数体（值），那么函数中的this一般都指向函数所在的对象。但这是一般而已，在全局调用函数时，我们并没有看到调用者，或者这时就是window。不过，函数声明后，其... 阅读全文

posted @ 2009-11-13 08:04 司徒正美阅读(8732) 评论(25) 推荐(13) 编辑

javascript 的forEach函数

摘要：在Base2中找到一个叫forEach的函数，是我见过的最好的实现。挖出来分析一下。它能对各种普通对象，字符串，数组以及类数组进行遍历。如果原游览器的对象已实现此函数，它则调用原对象的函数。原作者的一些例子（我FQ扒过来了！）： function forEach(object, block, context, fn) { if (object == null) return; if (!fn) {... 阅读全文

posted @ 2009-11-10 16:37 司徒正美阅读(14822) 评论(4) 推荐(5) 编辑

javascript框架之继承机制3

摘要：继续上一部分，现在我们的实的构造器initialize很完美了，甚至连类式super这样语法糖都不用了，就自动实例了父类。我们转而看一看其属性与方法的继承。许多类库都是一个for...in循环再加一些判定实现原型属性拷贝，或根据这些判定把某些属性揪出来加工一下再放进去。又如，我们要对Array的模板进行扩展，做成一个新类Array2，直接继承后，在有些浏览器中Array2可能有forEach方法，... 阅读全文

posted @ 2009-11-09 17:17 司徒正美阅读(2078) 评论(3) 推荐(4) 编辑

Ruby's Louvre

导航

公告