司徒正美 - 博客园

贝塞尔曲线

摘要： SVG与canvas绘制弯线都要用到贝塞尔曲线，它分两种形式（二次方与三次方）我们先看canvas的。quadraticCurveTo(cp1x, cp1y, x, y) //二次方bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)//三次方它们都有一个起点一个终点（图中的蓝点），但二次方贝塞尔曲线只有一个（红色）控制点点）而三次方贝塞尔曲线有两个。参数 x 和... 阅读全文

posted @ 2009-12-03 18:45 司徒正美阅读(1554) 评论(0) 推荐(1) 编辑

javascript 特征侦测技术

摘要：这种新式的技术最先由jQuery搞出来的，接着Prototype与mootools都支持了。这技术兴起的原因是浏览器嗅探技术是不太可靠，如UserAgent很容易被伪造，如IE8的UserAgent就把许多浏览器的关键字包含进去，造成辩识困难。其他一些重要辩识手段，由于浏览器厂商对旧版本的升级与不断推进新版本，许多都无效了。由于浏览器种类越来越多，版本也越来越多，看看Ext的核心文件吧，真是有耐性... 阅读全文

posted @ 2009-12-02 09:12 司徒正美阅读(2562) 评论(10) 推荐(1) 编辑

IE的setAttribute bug

摘要： IE的setAttribute中与标准浏览器的有许多不同，一不小心地踩雷。你不能用它来设置name属性，你也不能在元素加入DOM后设置type属性，也不能用它直接设置内联事件（ inline event handlers），也不能用它设置样式……在IE6,IE7中，如果动态生成input元素，是无法为其设置name属性的。当然这bug已经在IE8中被修复，详见这里。由于name属性对表单元素非常重... 阅读全文

posted @ 2009-12-01 09:56 司徒正美阅读(4262) 评论(11) 推荐(3) 编辑

将"类数组对象"转换成数组对象

摘要： javascript与dom有许多瑕疵，如著名的类数组对象Arguments，其他诸如HTMLCollection,NodeList如果它们都是数组的子类，那多省时啊。在标准浏览器中，好像只要对象存在length属性，就能把它转换为数组，但IE就不尽然。 //※※※※※※※※※※※测试1※※※※※※※※※※※※※※ function test(){ alert(arguments) argumen... 阅读全文

posted @ 2009-11-30 23:31 司徒正美阅读(7201) 评论(1) 推荐(5) 编辑

模拟jQuery实现类数组对象

摘要： jQuery最令人惊赞的东西就是那个类数组对象，亦即俗话中的jQuery对象。注意，在jQuery类库中，jQuery是作为命名空间而存在的函数。它拥有许多静态方法，由于函数也是对象，对象就有原型，而jQuery的原型方法是异常频繁地调用它的静态方法。它的第一个原型方法叫init，这是受Prototype类库影响的结果。init方法也可以作为构造函数使用，它new出来的实例就是jQuery对象。在... 阅读全文

posted @ 2009-11-29 09:38 司徒正美阅读(2898) 评论(5) 推荐(2) 编辑

toDataURL()

只有注册用户登录后才能阅读该文。阅读全文

posted @ 2009-11-26 14:08 司徒正美阅读(497) 评论(0) 推荐(1) 编辑

IE6的getElementById bug

摘要：作为DOM最核心的选择器竟然在IE6中有bug，这是何等令人汗颜的事。此bug会在返回第一个id或name等于我们传入id的元素。 <!doctype html><html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>IE getElementById bu... 阅读全文

posted @ 2009-11-25 10:12 司徒正美阅读(3742) 评论(14) 推荐(4) 编辑

jQuery源码学习笔记八

摘要：今天把jQuery的Sizzle选择器引擎讲完。最后给出其大体的工作流程。这东西非常复杂，不要妄图看一遍就明白了。无论看懂与否，多看点源码，还是有裨益的。至少在处理循环结构上有收获吧。 //@author 司徒正美|なさみ|cheng http://www.cnblogs.com/rubylouvre/ All rights reserved // EXPOSE jQuery.find = Sizzle; jQuery.filter = Sizzle.filter; jQuery.expr = Sizzle.selectors; //以:开头许... 阅读全文

posted @ 2009-11-24 16:58 司徒正美阅读(2787) 评论(2) 推荐(6) 编辑

javascript RegExp对象

摘要： JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。使用RegExp的显式构造函数，语法为：new RegExp("pattern"[,"flags"])。使用RegExp的隐式构... 阅读全文

posted @ 2009-11-24 10:05 司徒正美阅读(1523) 评论(0) 推荐(2) 编辑

jQuery源码学习笔记七

摘要：在Sizzle中有许多有用的辅助方法，我们继续一个个看。其中涉及许多BUG的修正以及一些很少见的API。//@author 司徒正美|なさみ|cheng http://www.cnblogs.com/rubylouvre/ All rights reserved var sortOrder;//比较两个元素在页面上的顺序，返回正数,0,负数 //如果支持compareDocumentPosition方法，新锐的标准浏览器都支持 //我在《javascript contains方法》一文中有详细介绍 //http://www.cnblogs.com/ru... 阅读全文

posted @ 2009-11-23 15:18 司徒正美阅读(2707) 评论(10) 推荐(2) 编辑

Ruby's Louvre

导航

公告