- 博客(74)
- 收藏
- 关注
转载 IE6不能用gzip压缩脚本,一个流毒甚广的谣言
<br />很多人遇到IE6下面脚本不运行的问题,在网上搜索一番后,都会遭遇到这篇流毒甚广的文章<br /><br />文章作者说“跑到微软那一查,给的答复让我吐血:Do not enable HTTP compression for the script files 请不要对脚本文件开启http压缩 只好在服务器端增加对浏览器的识别代码,如果是ie6,就不压缩脚本文件了 虽然脚本能运行了,可是用户体验就... 哎,我恨ie 6”<br />唉,说啥好呢?<br />真相是,微软的答复(http://
2011-03-09 17:39:00 1296
转载 IE和Firefox对同一域名进行请求的并发连接数限制
IE8的并发连接数限制为10;Firefox 3.6.8和chrome 5.0的并发连接数都为6。
2011-02-11 11:12:00 3297
转载 高性能的Ajax应用-Julien Lecomte
第1部分 高性能的开发1.为高性能计划和设计-从每一天开始就要计划高性能-跟产品经理和设计师紧密的合作-理解设计的基本原理-设计和性能之前做解释和权衡-提供选择和展示各种可能(原型)-挑战自己,实现有挑战性的设计(不要只说“不”)-为了简化设计和交互,有时候需要妥协2.高性能工程开发:一些基本规则-少就是多。不要做任何不必要的事。直到变得绝对重要,否则不要做。-打破规则。只能在迫不得以的情况下,才能妥协并打破最佳做法。-在提升可以感觉到的性能上下功夫。3.
2011-01-19 18:22:00 613
转载 利用HTTP-only Cookie缓解XSS之痛
<br />在Web安全领域,跨站脚本攻击时最为常见的一种攻击形式,也是长久以来的一个老大难问题,而本文将向读者介绍的是一种用以缓解这种压力的技术,即HTTP-only cookie。<br />我们首先对HTTP-only cookie和跨站脚本攻击做了简单的解释,然后详细说明了如何利用HTTP-only cookie来保护敏感数据,最后介绍了实现HTTP-only cookie时确定浏览器版本的具体问题。<br />一、XSS与HTTP-only Cookie简介<br />跨站点脚本攻击是困扰We
2011-01-06 14:22:00 635
转载 javascript拖拽
了提高用户体验,让操作更便捷化,拖拽操作会很常见,比如操作系统里面,你要删除一个文件,你可以直接把它拖入回收站,wordpress也有类型的功能,你想在侧边栏增加一个板块,可以直接拖一个小工具过去就行了,这的确方便了很多。如何在网页里面实现拖拽,本文做一个简单的解析。首先说一下拖拽的原理:鼠标在目标上按下(mousedown)——>摁住鼠标不放,然后移动鼠标(mousemove)——>获取鼠标的坐标位置,让目标跟随鼠标——>鼠标释放(mouseup),让目标停止跟随。(示意图)基本原理就是这样的,具体一些扩
2011-01-01 22:47:00 1109 1
转载 maven安装
1.配制maven2.0.9 Home Page: http://maven.apache.org/ Downloads: http://maven.apache.org/downloads.html Mailing Lists: http://maven.apache.org/mail-lists.html Source Code: http://svn.apache.org/repos/asf/maven/ Issue Tracki
2010-12-18 20:26:00 436
转载 PHP中$_SERVER的详细用法
<br />$_SERVER['PHP_SELF'] #当前正在执行脚本的文件名,与 document root相关。<br />$_SERVER['argv'] #传递给该脚本的参数。 <br />$_SERVER['argc'] #包含传递给程序的命令行参数的个数(如果运行在命令行模式)。 <br />$_SERVER['GATEWAY_INTERFACE'] #服务器使用的 CGI 规范的版本。例如,“CGI/1.1”。<br />$_SERVER['SERVER_NAME'] #当前运行脚本所在服务
2010-12-17 15:12:00 552
原创 Unsafe JavaScript attempt to access frame with URL(window.open 子窗体得不到父窗体的句柄)
<br />前几天在调试的时候 发现用window.open方法打开一个页面之后 在子窗体无法得到父窗体的句柄; 并且在chrome js即时窗口下输入地址报<br /> <br /> <br />Unsafe JavaScript attempt to access frame with URL<br /> <br /><br /><br /> <br />2Unsafe JavaScript attempt to access frame with URL http://live.beta.v.sin
2010-12-14 11:25:00 15773 1
转载 Aptana2.x 快捷键
<br />All Aptana EditorsFormatCtrl+Shift+FAptana Editors All Aptana EditorsOpen DeclarationF3Aptana Editors All Aptana EditorsShow DocumentationF2Aptana Editors All Aptana EditorsShow WhitespaceCtrl+.Aptana Editors All Aptana EditorsToggle JS CommentsCtrl+
2010-12-11 19:25:00 609
转载 Cometd & Jetty Continuations
Posted in Java - 7 七月 2010 - 1 commentContents一.Cometd1.Cometd Server BayeuxClientChannelContinuationCometdServlet2.Cometd Client二.Jetty NIO & Continuation1.Jetty Server With NIO2.Jetty Continuation 前言:随着web的不断发展,出现了诸如ajax,comet等技术,其实都是为了提高用户体验。在web并发量越来
2010-12-07 15:35:00 967
转载 未来互联网四大趋势:无线、多设备、多媒体、社会媒体
<br />美国科技博客Mashable发表编辑本帕尔(Ben Parr)的文章称,不断发展的互联网将有四大方面的变化。 <br /><br />以下是文章全文: <br /><br />你是否知道,第一个上线的网站距今已经20年?你是否考虑过互联网和网络究竟会如何演变? <br /><br />请仔细考虑一下:互联网,是由互相连通的网络、协议、服务器、电缆和电脑组成的复杂组合,早期是作为美国国防部的研究项目,而后演变成万维网,也就是今天我们使用的浏览器、电子邮件、Twitter、Skype和成千上万个与他
2010-12-07 14:21:00 514
转载 Bayeux协议
Bayeux 协议-- Bayeux 1.0草案1 本备忘录状态This document specifies a protocol for the Internet community, and requests discussion and suggestions for improvement. This memo is written in the style and spirit of an IETF RFC but is not, as of yet, an official IETF RF
2010-12-07 10:01:00 1008
转载 offsetWidth clientWidth scrollWidth scrollTop scrollLeft等属性的细微区别
<br /><br />通过对IE DevToolbar和Firebug的观察,画出了这两幅图,以区别offsetWidth clientWidth scrollWidth scrollTop scrollLeft等属性的细微差别,希望对各位写js有所帮助!<br />第一幅图中oEvent是一个时间发生时的一个参数对象,在IE和FF中的获得方法就不用多说了吧。整个大背景是这个网页的全部尺寸,中间的小框才是浏览器中的可见尺寸。 这幅图就是针对为文档(document)的各个height、width、top、
2010-12-01 15:41:00 460
原创 javascript Node nodeType
<br /><br />Returns an integer that corresponds to a node type as specified in the W3C DOM. This is the preferred property to use to test a node object for its type (rather than the nodeName property values). Every node type has a value, but not all browse
2010-12-01 14:28:00 1285
转载 escape、encodeURI、encodeURIComponent等方法的区别
<br />对于ASCII字符,这三个函数的作用都是将字符转换成百分比编码(Percent-encoding ),区别是各自排除编码的字符不同:<br /><br />escape() will not encode: @*/+<br /><br />encodeURI() will not encode: ~!@#$&*()=:/,;?+'<br /><br />encodeURIComponent() will not encode: ~!*()'<br /><br />此外,escap
2010-11-25 15:10:00 347
原创 得到IFrame中的内容
// 在同域下得到iframe种的内容; document.getElementById('loadingIframe_thread5036').contentWindow.document.body.innerHTML// 如果是不同域 IE下将会出现拒绝访问;
2010-11-15 11:37:00 496
转载 JavaScript 全半角转换
<br /><br />规律:半角空格的 charCode 为 32, 全角空格为 12288. 其他半角字符 ( 33 – 126 ) 与全角 ( 65281 – 65374 ) 的对应关系是:均相差 65248.<br />找好规律,代码就好写了:var hash = {'32' : '/u3000'};// 半角转全角function sbc2dbc(str) { var ret = [], i = 0, len = str.length, code, chr; for (
2010-11-10 13:46:00 549
转载 catch(ex) and window.onerror
<br />Only IE and Firefox support window.onerror. Webkit, please catch up:<br /><br />javascript-exception-handling-techniques.html<br /> <br /> <br />测试结果:<br />Summary所有浏览器都有:ex.message除了 Opera, 都有:ex.nameex 的其它属性,各有千秋目前只有 IE 和 Firefox 支持 window.onerror
2010-11-10 13:39:00 655
转载 addEventListener在各个浏览器中的区别
<br />IE9 beta has supported addEventListener, but still has some bizarreness:<br /> <br /> <br />非 ie 下,onxxx 相当于 addEventListener, 顺序严格遵守 FIFO (First In, First Out)ie 下执行顺序为:onxxx 添加的先执行,接着再执行 addEventListener/attachEvent 添加的ie9 beta: attachEvent 等同 addE
2010-11-10 13:37:00 737
转载 学习jquery的简单方法
<br /><br />学习复杂代码的最好方法是简化:(function(win, undefined) { var jQuery = function(selector, context) { // jQuery 对象就是 init 函数的一个实例 return new jQuery.fn.init(selector, context); }, document = window.document,
2010-11-10 13:25:00 492
转载 Concat string using join without push
<br /><br />Summary:<br />随着 IE 7- 的份额下降,join 法将逐步退出舞台。Chrome 的 push 明显优化过。join-without-push 方法,除了在 Chrome 下无优势,在其他浏览器下都挺不错,推荐。
2010-11-10 13:21:00 351
转载 parseInt 小陷阱
<br /><br />看代码:alert(parseInt(0.000001));alert(parseInt(0.0000001));<br />第一条语句输出 0, 第二条语句输出 1, 囧。<br />继续看代码:alert(parseInt('0.000001'));alert(parseInt('0.0000001'));<br />都输出 0, 这才符合预期。<br />查看 ECMA-262 规范,parseInt 会先调用 toString 方法。问题已逐渐清晰:alert
2010-11-10 13:20:00 507
转载 为什么不压缩 HTML
<br />CSS 和 JavaScript 的压缩已经很成熟,各大网站都在使用。HTML 的压缩(特指去除空白字符和注释),除了 Google 等搜索页面,在其它网页上基本见不到踪迹。<br />原因很简单:HTML 文档中,多个空白字符等价为一个空白字符。也就是说换行等空白字符的删除是不安全的,有可能导致部分元素的样式产生差异。HTML 元素中,有一个pre, 表示 preformatted text. 里面的任何空白,都不能被删除。HTML 中有可能有 IE 条件注释。这些条件注释是文档逻辑的一部
2010-11-08 16:01:00 562
原创 ajax基本知识
ajax创建XmlhttpRequest对象发出ajax请求:ajax同步和异步的区别处理服务器响应:1.浏览器状态的不一致性;2.获取安全数据深入了解HTTP状态码:1.检查有效状态吗.2 重定向和重新路由.有用的HEAD请求部分ajax伪代码 老技术新应用在谈到 Ajax 时,实际上涉及到多种技术,要灵活地运用它必须深入了解这些不同的技术(本系列的头几篇文章将分别讨论这些技术)。好消息是您可能已经非常熟悉其中的大部分技术,更好的是这些技术都很容易学习,并不像完整的编程语言(如 Java 或 Ruby)
2010-11-08 15:56:00 523
原创 eval和window.eval的区别
<br /><br /> eval 方法在各浏览器都按照规范定义,根据当前代码上下文执行 eval 方法中的脚本,如果没有指定上下文,该脚本将在全局上下文中执行。<br /> window.eval 方法,在 IE6 IE7 IE8 中依然在脚本所在上下文中执行,而 Firefox Chrome Safari Opera 中则将该脚本会在全局上下文中执行。<br /> <br /> 造成的影响<br /> window.eval 方法执行一段代码时,若在指定上下文中定义了变量, IE6 IE7 IE
2010-11-08 15:33:00 689
原创 JavaScript中运算符的优先级
<br />运算符优先级<br />JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如,乘法的执行先于加法。<br /><br />下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。<br /> <br /> <br />运算符描述<br />. [] ()字段访问、数组下标、函数调用以及表达式分组<br />++ -- - ~ ! delete new
2010-11-03 10:07:00 676
转载 可能被你忽略的 JavaScript 代码陷阱
下面这段代码,你知道有哪些错误吗:var g_bar = "bar";function foo(container, config) { var container = container || document, name = config.name || "无名氏", isLive = config.isLive || true; var g_bar = g_bar || ""; if(g_foo) { /* y
2010-11-02 22:45:00 405
转载 关于函数声明表达式的一道题目
lifesinger 出了个题目:f=function(){returntrue;};g=function(){returnfalse;};(function(){if(g()&&[]==![]){f=functionf(){returnfalse;};functiong(){returntrue;};}})();f();// What's the result?本人测试结果:IE 6,7,8: trueFirefox 3.6.8: trueChrome 6, IE9 beta, Safari 5: f
2010-11-02 22:13:00 560
转载 命名函数表达式探秘
JScript的bug令人讨厌的是,JScript(也就是IE的ECMAScript实现)严重混淆了命名函数表达式。JScript搞得现如今很多人都站出来反对命名函数表达式。而且,直到JScript的最近一版——IE8中使用的5.8版——仍然存在下列的所有怪异问题。下面我们就来看看IE在它的这个“破”实现中到底都搞出了哪些花样。唉,只有知已知彼,才能百战不殆嘛。请注意,为了清晰起见,我会通过一个个相对独立的小例子来说明这些问题,虽然这些问题很可能是一个主bug引起的一连串的后果。例1:函数表达式的标识符
2010-11-02 22:06:00 452
转载 在线Html编辑器粘贴过滤技术详解
最近在解决数据粘贴方面取得了不少进展,作为Html在线编辑器所必须具备的技术,在这里详细给大家介绍并提供实现参考。在研究过程中,我也确实走了不少弯路,尝试了n种方式,由于美国的PM始终觉得有些影响用户体验的东西无法接受,导致好几个提案被否定,不过收获还是很丰富的。我现在写code喜欢需求驱动,让我们来看看这项技术的主要需求* 能够过滤用户贴进来的纯文本数据 * 能够过滤用户贴进来的html数据(未经Html编码) * 能够过滤用户贴进来的Word数据,并能把大部分Word格式保留下来。 * 在这一过程中
2010-11-01 21:48:00 648
转载 event.keycode值大全
<br />event.keycode值大全<br /> 1 keycode 8 = BackSpace BackSpace <br /> 2 keycode 9 = Tab Tab <br /> 3 keycode 12 = Clear <br /> 4 keycode 13 = Enter <br /> 5 keycode 16 = Shift_L <br /> 6 keycode 17 = Control_L <br /> 7 keycode 18 = Alt_L <br /> 8 k
2010-11-01 17:01:00 376
原创 setTimeout,xhr,event线程问题
由 http://lifesinger.org/blog/?p=1568 所想1. javascript 是单线程的,其实只有xhr是新开了一个线程而已。第一段代码: Js代码 setTimeout(function () { alert(1); }, 0); setTimeout(function () { alert(2); }, 0); Ext.ajax.request({ url: 'xx.不存在', failture: funct
2010-10-31 21:05:00 597
转载 setTimout 0间隔问题
关于 setTimeout 相关的文章:setTimeout ,xhr,event 线程问题使用 javascript Workers 进行计算Analyzing Timer PerformanceRevenge of the TimersOn JavaScript, EDP, and 0ms timeouts总结:1.由于javascript属于事件驱动编程(EDP Event Driven Programming),运行在浏览器中,则同其他 gui 程序一样要依赖于事件队列,并且界面操作为单线程。2.在
2010-10-31 20:59:00 572
原创 W3C Javascript 最新Chm格式下载
<br />http://code.google.com/p/mootoolstools/downloads/list<br /> <br />
2010-10-31 12:26:00 766
转载 javascript线程解释(setTimeout,setInterval你不知道的事)(2)
今天看到这篇文章,学到了不少东西 特此发出来 和大家分享JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确
2010-10-31 12:23:00 667
原创 Google HTML5+Rock Music :《The Wilderness Downtown》
2010年9月5日<br /><br />The Wilderness Downtown<br />如果你从没听说过互动电影,那就真的要点击这里开开眼界了。这个页面以灰白色调为主,页面上的动画效果皆由 HTML5 技术制作,官方推荐最好使用 Chrome 浏览器,经过我们的试用,IE8 与 Opera 均无法启动这个页面,而 Firefox 4.0 Beta 4 和 Safari 都能体验这个互动电影。<br /><br />谷歌在间接“鄙视”IE8 与 Opera 对 HTML5 的支
2010-10-31 12:05:00 1009
转载 js中匿名函数的那些事儿
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 关于匿名函数写法,很发散~ 最常见的用法:(function() { aler
2010-10-31 12:01:00 363
原创 js创建自定义标签
In my JSP i am using a custom tag <showDateFormat/><br /><br />function addDateFormatInfo(){<br /> var dateFormatHolder = document.getElementsByTagName("showDateFormat"); <br /> if( dateFormatHolder ){ <br /> for( i =0;
2010-10-21 22:16:00 1021
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人