代码改变世界

随笔档案-2011年12月

Clone a file input element in Javascript

2011-12-28 18:16 by sniper007, 470 阅读, 收藏,
摘要: I have a file input element that needs to be cloned after the user has browsed and selected a file to upload. I started by using obj.cloneNode() and everything worked fine, that is until I tried using it in IE.I've since tried using jQuery's clone method as follows:var tmp = jQuery('#cat 阅读全文

jquery iframe操作

2011-12-28 17:58 by sniper007, 5697 阅读, 收藏,
摘要: 使用jquery操作iframe 去掉iframe 的边界 frameborder="0" 1 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.baidu 阅读全文

sizzle源代码注释

2011-12-27 16:29 by sniper007, 715 阅读, 收藏,
摘要: /*!* Sizzle CSS Selector Engine* Copyright 2011, The Dojo Foundation* Released under the MIT, BSD, and GPL Licenses.* More information: http://sizzlejs.com/*/(function(){var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]| 阅读全文

CSS selectors and pseudo selectors browser compatibility

2011-12-27 14:16 by sniper007, 186 阅读, 收藏,
摘要: CSS 1 ↓ Selector / Browser → IE6 IE7 IE8 IE9 preview FF 3 FF 3.5 FF 3.6 Safari 3 Safari 4 Chrome 5 beta Opera Opera 10.5 beta... 阅读全文

IE和火狐的兼容性问题

2011-12-27 12:22 by sniper007, 1225 阅读, 收藏,
摘要: 转载自 liccajing最终编辑 huahua0351. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行 (2)解决方法: 改用 document.formName.elements["elementName"] (3)其它 参见 2 2. 集合类对象问题 (1)现有问题: 现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能。 (2)解决方法: 改用 [] 作为下标运算。 阅读全文

【javascript基础】之document.body和document.documentElement比较

2011-12-27 11:25 by sniper007, 324 阅读, 收藏,
摘要: document.body和document.documentElement比较: document.body是DOM中Document对象里的body节点, document.documentElement是文档对象根节点(html)的引用。 IE在怪异模型(quick mode)下document.documentElement无法正确取到clietHeight scrollHeight等值,比如clietHeight=0。可以见IE的怪异模型并没有把html作为盒子模型的一部分,好在现在很少使用怪异模 型。(注:如果页面没写DTD或写的不对,IE6默认使用怪异模型解析页面... 阅读全文

css1-css3提供非常丰富的选择器

2011-12-23 12:55 by sniper007, 295 阅读, 收藏,
摘要: css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器,匹配任何元素* { margin:0; padding:0; }E标签选择器,匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器,匹配所有class属性中包含info的元素.info { background:#ff0; }p.info { background:#ff0; }#info和E#infoid选择器,匹配所有id属性等于footer的元素#info { 阅读全文

UNICODE编码

2011-12-23 11:03 by sniper007, 452 阅读, 收藏,
摘要: Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发,1994年正式公布。随着计算机工作能力的增强,Unicode也在面世以来的十多年里得到普及。 Unicode 是基于通用字符集(Universal Character Set)的标准来发展,并且同时也以书本的形式(The Unicode Standard,目前第五版由Addison-Wesley Professional出版,ISBN-10: 0321480910)对外发表。 2006年6月的最新版.. 阅读全文

【Sizzle学习】之chunker表达式

2011-12-20 19:08 by sniper007, 609 阅读, 收藏,
摘要: 【题记】在彻底搞懂chunker之前,每当遇到Sizzle都很蛋疼,尼玛,一大串正则我竟然看不懂,杯具啊,baidu了,也google了,还是不懂,其实对于正则这破比玩样,哥们蛋疼,压根不愿意接触这东东,可是没办法啊,想彻底了解jQuery必须搞懂它的选择器,搞懂选择器呢,第一行就是这个正则,要搞懂这个,必须搞懂'?:'是什么东西,http://deerchao.net/tutorials/regex/regex.htm,通过这篇文章,懂了,匹配exp,不捕获匹配的文本,也不给此分组分配组号,尼玛,同时呢,之前在weibo面试,有一道面试题,题目是,“用正则去掉字符串中重复的字 阅读全文

RegExp.lastIndex

2011-12-19 18:11 by sniper007, 590 阅读, 收藏,
摘要: 下次匹配的起始位置 摘要 regexp.lastIndex 描述 RegExp对象的属性lastIndex是一个可读写的值。对于设置了g性质的正则表 达式来说,该属性存放的是一个整数,它声明了紧接着上次找到的匹配文本的字符的位置。上次匹配的结果是由方法RegExp.exec()或 RegExp.test()找到的,它们都以lastIndex属性所指定的位置作为下... 阅读全文

IE和Firefox对同一域名进行请求的并发连接数限制

2011-12-16 11:52 by sniper007, 332 阅读, 收藏,
摘要: 从Yahoo!关于网站优化的经典14条建议,在V2版中,已经更新到35条了,其中有需要减少请求连接数和减少DNS解析次数,由于在http协 议中有对浏览器并发请求连接数的限制,1.1版本中规定了是2个(相关资料可以查看文章的结尾),于是通常的优化网站加载速度的方法是采用多个域名增加浏 览器对同一网页的请求并发连接数。 如淘宝网的图片会出现在如下众多域名下: img01.taobaocdn.com,mg02.taobaocdn.com,img03.taobaocdn.com 。。。 ping一下上述地址,就会发现img01,img03,img04的IP都是:121.14.63.250,说明它们. 阅读全文

长连接与短连接

2011-12-16 11:48 by sniper007, 337 阅读, 收藏,
摘要: 长连接与短连接 所谓长连接,指在一个TCP连接上可以连续发送多个数据包,在TCP连接保持期间,如果没有数据包发送,需要双方发检测包以维持此连接,一般需要自己做在线维持。 短连接是指通信双方有数据交互时,就建立一个TCP连接,数据发送完成后,则断开此TCP连接,一般银行都使用短连接。 比如http的,只是连接、请求、关闭,过程时间较短,服务器若是一段时间内没有收到请求即可关闭连接。 其实长连接是相对于通常的短连接而说的,也就是长时间保持客户端与服务端的连接状态。 长连接与短连接的操作过程 通常的短连接操作步骤是: 连接→数据传输→关闭连接; 而长连接通常就是: ... 阅读全文

使用svn开发,目录的约定与开发流程

2011-12-15 14:17 by sniper007, 523 阅读, 收藏,
摘要: Subversion有一个很标准的目录结构,是这样的。 比如项目是proj,svn地址为svn://proj/,那么标准的svn布局是 svn://proj/ | +-trunk +-branches +-tags 这是一个标准的布局,trunk为主开发目录,branches为分支开发目录,tags为tag存档目录(不允许修改)。但是具体这几个目录应该如何使用,svn并没有明确的规范,更多的还是用户自己的习惯。 对于这几个开发目录,一般的使用方法有两种。我更多的是从软件产品的角度出发(比如freebsd),因为互联网的开发模式是完全不一样的。 第一种方法,使用trunk作为主要的开发目录。 . 阅读全文