sunxing007的专栏

作用域链相关的文章我看过不少，但一直没能形成一个总结，今天把我看到的一些东西，结合自己的想法，总结成8个点，算是对自己的交代。 JavaScript函数的作用域链分为定义时作用域链和运行时作用域链；函数被定义的时候，它有一个属性[[scope]]标明它的定义作用域链，定义时作用域链[[scope]]遵守这样的规则：一个函数的定义时作用域链[[scope]]总是它所在的外部函数的执行

需求来源是这样的：上传一个很大的excel文件到server， server会解析这个excel， 然后一条一条的插入到数据库，整个过程要耗费很长时间，因此当用户点击上传之后，需要显示一个进度条，并且能够根据后台的接收的数据量和处理的进度及时更新进度条。分析：后台需要两个组件，uploadController.jsp用来接收并且处理数据，它会动态的把进度信息放到session，另一个组件proce

<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html); page.document.close();}// -->需求来自：http://topic.youkuaiyun.com/u/20090927/

<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html); page.document.close();}// -->前几天在朋友的iPhone上面玩了一个连锁泡泡游戏，头脑发热就想用js写一个

<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html); page.document.close();}// -->原问题帖在这里：http://topic.youkuaiyun.com/u/200811

来自：http://wiflish.javaeye.com/blog/419068scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐

原创JS分栏效果，面向对象， 使用简单。网上我也见到一些分栏效果，也有一个jquery的插件jquery.splitter.js, 但是他们基本都没有解决一个问题：如果页面上有iframe, 当拖动分割线经过iframe的时候，鼠标不听使唤了,我曾经开过帖子讨论过这个问题。本例采用一个小技巧解决了这个问题，使拖动流畅。注：如果你想拷贝代码，不要直接拷贝下面的代码，下面的代码拷贝的时候被cs

来源：http://www.jb51.net/article/18063.htm尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的.这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。 1.

原创JS拼图游戏，面向对象， 注释完整。注：如果你想拷贝代码，不要直接拷贝下面的代码，下面的代码拷贝的时候被csdn蹂躏了。点击运行代码然后察看源代码<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html)

树形菜单到处都是，但是说实话，我自己觉得要写一个出来，真的不简单，难点就难在要产生如下图中的红圈圈标注的线。想了一天，基本写出来了，不过觉得自己真的变老了，脑筋跟不上。<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.documen

有关dhATV treeview原始资料请参考：http://www.easyui.org.cn/dhatv_demo.html经过半天的研究基本实现了基于jsp的节点crud.废话少说。需要的自己去下载。前后台数据交互在getChild.jsp和editNode.jsp中有详细地说明。下载地址:  http://download.youkuaiyun.com/source/2026482

下班无事，也写一个javascript连连看，注释比较完整，想学的朋友可要看了。连连看最难的部分应该是路径搜索，即鼠标点的两点之间看有无可通的路径。 看过有人写的递归写法，心里痒痒，就捉摸了一下，发现不用递归的情况下难度也不大。路径搜索由简到难分析，先分析一条直线上是否可直线连通，再分析一条直线上的两点通过拐两个弯是否可通,最后分析不在一条直线上的情况.在IE6, IE8, firef

最近项目上需要一个类似cvs/svn文本比较工具, 把左右两个文本中不一样的部分标出来. 最后找到了这个:mergely: http://www.mergely.com/需要的自己去下载,　例子比较全面, UI做的极好, 我们拿给用户看的时候他非说是flash或者silverlight/.NET做的.有个缺点是IE系列需要IE9以及以上.

有兴趣的可以把下面的代码拷贝出去运行一下，可以发现，setInterval的运行频率大约是250/秒。如果你正在使用笔记本，请使用IE浏览器，并尝试拔掉电源线看看程序运行有没有变化。你会发现拔掉电源之后，频率降到60.怎么会这样？原来微软想帮我们节约点电。

[转载请注明来自: http://blog.youkuaiyun.com/sunxing007]下面的程序是什么结果？var foo = 1;function bar() { if (!foo) { var foo = 10; } alert(foo);}bar();结果是10；那么下面这个呢？var a = 1;function b() { a = 10;

相信你对全局变量一定不陌生，在函数作用域里用a=1这种形式定义的变量会是一个全局变量，在全局作用域里，用下面3种形式都可以创建对全局可见的命名：var a = 1;b = 2;window.c = 3;对于b=2这种方式， 它其实和c是一样的，在执行这个赋值语句的时候，会沿着作用域链寻找名字叫做b的变量，一直找到作用域链的顶端还没有找到，于是给window添加一个属性b然后赋值。

于DOM事件的Bubbling和Capturing在浏览器解析事件的时候，有两种触发方式，一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。由上图可以看出来，冒泡的方式效果就是当一个DOM元素的某事件例如click事件被fire时，依次它的父元素的clic

看了这个人的javascript系列, 很受教育, 做了一些笔记.http://www.cnblogs.com/fool/tag/%E7%90%86%E8%A7%A3Javascript/原始值与引用值原始值存放在栈里, 引用值存放在堆里. 如程序:function Person(id,name,age){ this.id = id; this.name = name; this.age = age;}var num = 10;var bol = true;var str

详解new function(){}和function(){}() <br />2008-2-20 下午 - JS/Ajax/AS/Flex - function - javascript  <br />情景一：var yx01 =newfunction(){return"圆心"};<br />alert(yx01);<br /><br />我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于：function匿名类(

基于jquery. 不说话, 看代码.Welcome to schedule main page

因项目需要， 研究了一下怎么在页面上用js绘制饼图. 发现wz_jsgraphics.js真的很不错，而且优化效果良好。运行  妈的 csdn好东西做不出来， 干坏事还可以。现在点运行好像不行了。 <!--function showPage(){ //alert(document.getElementsByName(code)[0].value); //

原帖在这里：http://topic.youkuaiyun.com/u/20090531/20/e0d47c96-3eb6-45ca-b824-31dddedd58c5.html，我把楼主的例子改了一下，觉得这样写更紧凑！套用楼主的原话，当一个DOM对象包含一个Js对象的引用(例如一个Event Handler)， 而这个Js对象又持有对这个DOM对象的引用时，一个环状引用就行成了，于是在ie下就出现了内

代码来源：http://topic.youkuaiyun.com/u/20090518/10/1ef94a2d-370c-4793-8355-0d556bba946e.html 当初看这个贴子的时候看的我很郁闷，就问zswang要注释，这大哥不给，下来又苦读正则表达式。回头再看他的代码， 但总算有了点眉目，因为在这之前我不知道怎么做一个代码高亮，不清楚扫描代码该是一个怎样的流程。我用javascrip

[original post]: http://hi.baidu.com/69hwj/blog/item/f721673489262c3f5bb5f5a9.htmlRegExp对象JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。      使用RegExp的显式构造函数，

今天读John Resig的Pro Javascript Techniques时候看到他书上给的一个关于drag and drop的例子，我做的第二件事就是js模拟用鼠标拖出矩形框，代码很简单，如果不考虑把整个代码封装起来， 大约5分钟里也可以写出类似的效果，为了把整个代码封装成一个对象，稍微借鉴了Pro Javascript Techniques书中的代例子的风格。Pro Javascrip

今天读John Resig的Pro Javascript Techniques时候看到他书上给的一个关于drag and drop的例子, 合上书本自己写一个简化版本的。大约20分钟完成， 没有考虑兼容firefox。整个代码封装成一个对象 也是借鉴书中的风格。我觉得很好。Pro Javascript Techniques书中推荐的drag and drop 例子：http://boring.yo

那天 在http://bbs.51js.com/viewthread.php?tid=83582看到风云舞 (风云舞) 写的js真人行走,粗略读了一下，觉得代码写的不是很清晰，而且没有注释，对象封装也不是很好看， 所以就想了想，就自己也写了一个，把行走小人的各种属性和行为都封装在对象Man里面。代码没有优化，不过基本可以运行在ie和ff下. 需要注意的是, 不要手动拷贝下面的代码, 因为下面的代码

textrange是一个很有用的玩意，今天仔细研究了一下，弄了几个典型的例子，估计都是有可能被用到的情形。直接拷贝下面的代码到一个html文件就可以运行测试。写的比较粗。参考了1篇比较好的文章：http://blog.sina.com.cn/s/blog_4b8d35b70100a047.html~type=v5_one&label=rela_nextarticledocument.b

上下翻滚的js滚动广告效果， 通过js操作table的position来实现。运行代码运行代码<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html); page.document.

本文转载自[http://hi.baidu.com/lanxigang/blog/item/f5a54ac26833e53de4dd3b2b.html] 用js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目，用到数组的地方很多，自以为js高手的自己居然无从下手，一下狠心，我学！呵呵。学了之后才知道，js数组的功能强大很

兼容值类型的JavaScript对象Clone方法原贴地址在这里// Authors Birdshome, 麻袋@博客园 Object.prototype.Clone = function() { var objClone; if ( this.constructor == Object ) objClone = new this.constructor()

今天在这里看到一篇关于用js写一个单例模式，拿过来看了看，而且自己也写了写，觉得这种写法很trick， 很有新意， 拿过来放到自己的blog里面， 占个位置。function Singleton(){ if(!this.constructor.instance){ this.constructor.instance = this; } return this.constru

  有一个csdn的网友想要一个extjs的layout效果，原帖在：http://topic.youkuaiyun.com/u/20090316/15/5c3ded22-1903-488c-ac87-0ae72fe0722c.html ;我给他写了一个demo; 我主要做了这样一些改进：   1 对js文件作了拆分，即方便阅读， 也方便管理，我按照layout把js拆分为north.js, we

今天闲来无事用js写了个数学绘图包，还不算完整，不过总出现了雏形。绘图对象Plot，包含了JS画点，JS画线，JS画正弦sin，JS画余弦cos，tan，圆，多边形。可设置原点位置，画笔颜色，画笔粗细，坐标线颜色。其实原理很简单，用长1px宽1px的div模拟点，由点及线，由线及面。贴上来权当相互学习，以免JS新手觉得js画图是多神秘的事情。运行代码运行代码<!--function

原贴：http://www.blogjava.net/magicdoom/archive/2009/04/04/32555.html学习一下！1.传值(by value)变量的值被复制出一份,与原来的值将不相干,也就是说即使新的值被修改,原来的值也不会改变,在JavaScript中基本类型都是传值的.function testPassValue(){   var m=1;

javascript贪吃蛇完整版 注释完整，面向对象作者sunxing007 转载请注明来自：http://blog.youkuaiyun.com/sunxing007运行代码<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.writ

原贴地址：http://msdn.microsoft.com/zh-cn/magazine/cc163419.aspx使用面向对象的技术创建高级 Web 应用程序Ray Djajadinata本文讨论: JavaScript 是基于原型的语言 用 JavaScript 进行面向对象的编程 JavaScript 编码技巧 JavaScript 的未来

<!--function viewPage(html) { var page = window.open(, , ); page.opener = null; page.document.write(html); page.document.close();}// -->运行代码 (PS：如果你要拷贝代码下去测试，不要直接拷贝下面的代码，下面的代

今天看到有人问javascript放大镜效果， 觉得网上的代码组织的都不好， 琢磨了一下，自己写了一个，而且封装成对象，使用起来也方便。只是firefox的兼容性没有做好。废话少说，看代码。运行代码运行代码<!--function viewPage(html) { var page = window.open(, , ); page.opener

function Obj3(z){  this.z = z;  this.f3 = function(){alert(I was defined in Obj3)};  this.getZ = function(){alert(this.z)};}function Obj2(y,z){  this.y = y;  Obj3.call(this, z);  this.f2 = functio