cheng5128-CSDN博客

原创检测浏览器使用什么语言

此函数在网站做换肤功能时有用！ //$$$$log(browserLanguage()) function browserLanguage() { var nav = navigator; return (nav.browserLanguage || nav.language || nav.userLanguage || "").substr(0,2); }

2010-11-08 00:14:00 546

前端开发中两个很不错的小技巧， CSS三角形与圆角背景。的确，它们都可以通过图片来实现，但，抛开用代码实现可以减小图片加载量不说，当你遇到三角形或圆角背景下还有一层非纯色背景时，你又不得不考虑IE6 png兼容问题，嗯， IE6，万恶之源。此时， CSS三角形及圆角背景将是上佳选择。 查看演示: 点此查看DEMO CSS圆角背景 通过改变层叠元素的margin值实现圆角效果。当然，有人会说不用这么麻烦，CSS3几句代码就可以搞定，但目前来

2010-11-04 13:15:00 474 1

原创 javascript 测试工具abut发布

abut全称为annotations-based unit testing，基于注释的单元测试工具，也可以就地取此英文的原义（毗邻）称呼它。众所周知，javascript实在不好做测试，即使我这个工具现在对事件响应这东西还是无可奈何的，这只能黑盒测试。不过，能白盒测试的，我们还是进行白盒测试。javascript经近几年的迅猛发展，也涌现诸如Qunit,JSpec这些优秀的测试框架。但我最后还是决定自己搞一个。原因如下：我喜欢自造轮子。由于在写框架（龟速进行中），倾向于选择器，测试工具等东西都出

2010-11-03 09:15:00 343

原创 IE6动态插入option

//@斯人遇到个问题 select里插入一堆option 用document.createDocumentFragment来中转这样IE6下 select 不能根据实际插入的option来自适应宽度了 //@TAOTAO 先隐藏select 然后插入最后显示select就行了

2010-10-28 09:16:00 303

原创不使用中间变量，交换int型的 a, b两个变量的值。

群中的题目，不过这样大众脸的题想必大家都见过，就看能玩出什么新花招： //by ppchen var a = 10, b = 2; a = a + b; b = a - b; a = a - b; //by Mr.司马 var a = 10000,b=245 a = a^b; b = b^a; a = a ^b; //by cloudgamer var a = 33,b=44 a=[a,b] b=a[0] a=a[1] //by Mr.司

2010-10-28 09:16:00 687 2

原创 IE6动态插入option

//@斯人遇到个问题 select里插入一堆option 用document.createDocumentFragment来中转这样IE6下 select 不能根据实际插入的option来自适应宽度了 //@TAOTAO 先隐藏select 然后插入最后显示select就行了

2010-10-28 09:15:00 262

原创 javascript天然的迭代器

它源于群里的某一题目：有一个数n=5，不用for循环，怎么返回[1,2,3,4,5]这样一个数组 群的“糖果男孩”给的答案： function getArr(n) { var a = [], b = [], m = 0; a.length = n + 1; a.toString().replace(/,/g, function () { b.push(++m); }); r

2010-10-28 08:16:00 185

原创一些javascript题目

var result = [10] + 1; console.log(result) "101" 存在运算符"+"，意味着将[10]转化为一个值，相当于调用其valueOf()方法，而Array的valueOf相当于其toString var result = ['a', 'b', 'c'] + ""; console.log(result) "a,b,c" 与一个空字符相加，我们大可以就当成强行调用其toString方法，而Array的toString方法相当于调用其join

2010-10-23 10:17:00 218

原创纯CSS细线伪表格

不推荐用div、span去替代table，我这里情况复杂，被搞得没办法才出这晕招。第1个格子第2个格子第3个格子第4个格子

2010-10-19 21:17:00 150

原创全新的链式操作

这是每一个框架都遇到的问题，是使用原型扩展实现链式调用，还是把方法都绑定都一个对象中。如果使用原型扩展就意味着与其他所有走这条路的框架为敌，在这条路上有两个令人望而生畏的对手——Prototype与mootools。如果把方法都绑定都一个对象中（我通常称之为命名空间对象），方法调用起来就不那么优雅，即使是jQuery，也只能让实现节点的链式操作。但一个框架所能达到的高度，是由它的基础设施决定。jQuery在它所涉及的方面算是做得尽善尽美了，但有没有想到，mootools实现与此相同的功能，所需的

2010-10-17 23:30:00 197 1

原创 dom Framework oop模块v2

正在重构整个框架，让命名空间对象dom也出于同一个继承体系下，就像mootools1.3的Type对象那样。 v2的目标大致如下：减少入侵性，只保留ECMA262v5及极个别最有用的扩展，lang模块将与核心模块合而为一模块即纯对象，去掉没有多大用处的protect方法，实现extend与include都能调用父方法去掉构造器中的智能调用父构造器的功能，以后调用父方法统一为this._super()增加不使用new关键字就能进行实例化（需要在配置对象中配置） //by 司徒正美 ht

2010-10-16 10:30:00 135

原创 javascript 随机数

// by 司徒正美 http://www.cnblogs.com/rubylouvre/ var native_random = Math.random; Math.random = function(min, max, exact) { if (arguments.length === 0) { return native_random(); } else if (arguments.length === 1) {

2010-10-09 23:30:00 147

原创 javascript 模板系统 ejs v6

此版本有如下改进：吸取众人的意见，防止与ASP等后台模板的界定符冲突，默认左右界定符为<&，&>加入新的操作符<&~，至此整个操作符体系为: 为了迎合大规模开发的需要，后台数据统统增加@标识，一来便于修改，二来内部实现抛弃了with语句，强行让它们依附于data对象，让我们可以使用||设置默认值。 //dom.ejs v6 by 司徒正美 //http://www.cnblogs.com/rubylouvre/archive/2010/10/04/1841933.html ;(funct

2010-10-05 08:30:00 152

原创回lifesinger 的国庆题目

原题目地址 f = function() { return true; }; g = function() { return false; }; (function() { if (g() && [] == ![]) { f = function f() { return false; }; function g() { return true; } } })(); alert(f()); // true or false

2010-10-04 12:30:00 148

原创 valueOf与toString方法研究2

我是出于一个“邪恶”的目的来研究它们的，因为目的过于邪恶，所以研究必须更为深入才能成功。但天机不可泄漏，大家跟着我享受过程即可。 我们先看两题： var date = new Date(); var date_string = date.toString(); var date_value = date.valueOf(); alert(date == date_string); alert(date == date_value); true,

2010-10-02 13:30:00 142

原创更好的浏览器判定

偶看岁月如歌的《Behind a Gist》一文，提到一个实现浏览器嗅探与版本判定合而为一。刚好，我想去掉我IE那个基本JS引擎的IE判定，于是写了一个全新的东西。 //by 司徒正美 var ver = top.opera ? (opera.version().replace(//d$/, "") - 0) : parseFloat((/(?:IE |fox//|ome//|ion//)(/d+/./d)/. exec(navigato

2010-10-02 01:30:00 158

原创 valueOf与toString方法研究

最后群里讨论一些怪题，有高手就想歪脑想hack这两个东西了，虽然最后失败了，但这精神是非常值得鼓励的。于是决定写一篇文章专门来介绍它们。 基本上，所有JS数据类型都拥有这两个方法，null除外。它们俩解决javascript值运算与显示的问题。 先看一例： //by 司徒正美 var aaa = { i: 10, valueOf: function() { return this.i+30; }, toSt

2010-10-01 23:30:00 131

原创 V8引擎过度优化的一个bug

这个bug好像在3.0就存在，如今chrome7.0还没解决，我不得不专门写一篇文章来备忘一下了。 var expr = (new RegExp).compile('str'); alert(expr); // => undefined expr = new RegExp; expr.compile('str'); alert(expr); // => /str/ var expr = (new Re

2010-09-26 00:30:00 171

原创 parseIntRight

function parseIntRight(str,radix){ return parseInt(str.split(//D/).pop(),radix); }

2010-09-24 22:29:00 148

原创 jquery tabs插件

写了一个jquery tabs插件，使用事件代理处理事件。 结构层是群里深度讨论得出的最好的结构。 <dl id="aaa"> <dt><a>切换卡1</a><a>切换卡2</a><a>切换卡3</a></dt> <dd>内容1</dd> <dd>内容2</dd> <dd>内容3</dd> </dl> selector字符串必须，容器的CSS选择符，最好符合我上面给出的结构，为一个dl元素。tabsSelec

2010-09-21 09:22:00 143

原创判定浏览器是支持JIT

这来源于一个非常现实的性能测试需求。要知道IE（除了刚诞生的IE9），其他出名的浏览器都支持JIT技术来提高代码的执行能力，那么我们进行性能测试时，通常会对某个函数的几个实现循环执行10000次来评估其优劣。但10000次有时对IE来说太多了，近几不可能的计算量就把它down掉了，对于一些旧点的标准浏览器也是如此，因此这个循环次数不能死定为一个数量级。这个量化标准我就规定为浏览器是否支持JIT，是就让它循环数多一点，不是就少一点。不过怎么判定它是否支持呢？虽然过度优化，可能会带来一些神奇的bug

2010-09-20 09:20:00 136

原创 Object.defineProperty

ECMAScript 262v5带来的新东西，FF把它归入为javaScript 1.8.5的功能之一。语法： Object.defineProperty(obj, prop, descriptor) 参数： obj:目标对象 prop:需要定义的属性或方法的名字。 descriptor:目标属性所拥有的特性。可供定义的特性列表：value:属性的值writable:如果为false，属性的值就不能被重写。get: 一旦目标属性被访问就会调回此方法，并将此方法的

2010-09-19 23:20:00 116

原创另一种fib高效实现

缓存形式的实现 var memoize = function(fn) { var cache = []; return function(i) { return (i in cache) ? cache[i] : (cache[i] = fn.call(arguments.callee, i)); }; } var fib = new memoize(function(i) { if (i == 0 || i == 1) re

2010-09-19 09:20:00 117

原创 IE中原生的base64支持

var dom = {}; dom.base64encode = function (data) { var xml_dom = new ActiveXObject("Microsoft.XMLDOM"); xml_dom.loadXML(''); xml_dom.documentElement.setAttribute("xmlns:dt", "urn:schemas-microsoft-com:datatypes"); var no

2010-09-19 03:20:00 273

原创 Date对象的一些相关函数

传入两个Date类型的日期，求出它们相隔多少天。 var getDatePeriod = function(start,finish){ return Math.abs(start*1-finish*1)/60/60/1000/24; } 传入一个Date类型的日期，求出它所在月的第一天。 var getFirstDateInMonth= function(date){ return new Date(date.

2010-09-16 09:20:00 116

原创微型的javascript REPL

REPL(Read Eval Print Loop)是一种非常有用的工具，能让我们即时运行代码得到结果。虽然相比于firebug的控制台来说，这简直不值一提，但在个人博客中提供演示时它还是比较有用。 下面是它的所有代码，包括html。 <textarea style="width:100%" onkeyup=" this.rows=(function(t){ for (var i=0,h=1;i<t.length;i++) if (t.charAt(i) == '/n

2010-09-09 00:19:00 116

原创 javascript ejs v4与v5

没有加入新功能，只是提高了性能。 v2:之前最快的版本。 <!doctype html> <html> <head> <meta charset="utf-8"/> <meta content="IE=8" http-equiv="X-UA-Compatible"/> <meta name="keywords" content="javascript模板 by 司徒正美" /> <meta name

2010-08-31 00:19:00 156

原创硬链接和符号链接

符号链接就像是快捷方式。 而硬链接就像是一个同步的副本，删掉其中一个也不会影响另一个的存在。 C语言实现 #include int link( const char *path1, const char *path2 ); #include int symlink ( const char *path1, const char *path2); node.js实现 fs.link(srcpath, dstpath, [callback])//异

2010-08-30 06:19:00 119

原创 javascript模板系统 ejs v3

本版本增添了局部模板功能，并且允许主模板调用局部模板，局部模块调用局部模块，并去掉onsite变量，不再提供解析成毕的文档碎片给使用者。它使用双重缓存，一是缓存那些通过同步请求得到的文本而成的数组，一是整体解析完毕得到的模板函数。模板函数是通过数组元素拼凑动成解析而成的，这是大大提高了效率。不过由于新功能的加入，虽然动用了新的构筑算法也比不上v2的构筑速度了…… 有人说不要使用<%与%>做界定符，这个问题我在v1版本已经提出过了，这些都是可以自定义的。本文的例子将演示一下如何使用Dja

2010-08-25 09:17:00 157

支持中文Sphinx引擎

空空如也