ciray的专栏

　　jQuery是目前非常流行的Javascript库之一，随着jQuery应用程序的逐渐增多，其性能优化问题是程序员们不可忽视的，我们知道在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码： 　　1.总是从ID选择器开始继承 以下是引用片段：交通信号灯 红色 黄色

<br />最近遇到了一个IE6下关于GIF动画的bug，超链接的javascript事件会导致IE6中GIF动画停止播放，在IE7、IE8中都能正常显示。<br /> <br />试验表明，导致此问题的原因通常是将事件绑定在超链接的a标签上，监听a标签的click事件改变其子节点img的src属性。<br /> <br />经过尝试，得出如下的解决方案：<br /> <br />1. 去掉超链接a标签上的onclick事件，修改为绑定img标签的onclick事件，并在事件末尾加上return false

<br />通常，我们实现动态统计字数的方法是在textarea上绑定keyup事件，这样处理在windows下的浏览器打开中文输入法，输入汉字时字数会立即更新，而在ubuntu系统下的firefox中打开中文输入法，发现字数不会发生变化。恰好firefox有一个input变化的事件就是oninput，我们只需在textarea上绑定input事件即可实现在ubuntu下的firefox里输入中文能够动态统计字数的效果。<br /> <br />来一段jquery的代码：<br />$(selector).

<br />我们知道，开源框架jquery的API—— jquery.ajax中有一个方法beforeSend，用于在向服务器发送请求前添加一些处理函数。这是一个ajax事件，在ajax请求开始之前就被触发，通常允许用户修改XMLHttpRequest对象（比如说设置附加的头部信息），关于ajax事件的解释可参考文档：http://docs.jquery.com/Ajax_Events<br /> <br />这里我们讨论的，是如何改善Web应用程序交互体验的问题。通常由于网络等客观因素导致当浏览器向服务器

<br />1.padding 的问题<br /> 大家可以搜索一下关于padding在ff中的问题，为什么IE和firefox对padding有不同的效果?firefox会减去横向的padding，而ie确不减去。<br /> 下面是从别的地方看到的：在Firefox/Mozilla 浏览器中，对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-

代码优化分多个方面，而性能是主要的优化目标。本文将从对象缓存、DOM操作等12个方面讲解如何优化jQuery代码的执行效率，从而总体提升代码性能。1、总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自 于JavaScript的getElementById()方法。例如有一段HTML代码：交通信号灯 红色 黄色 绿色

控制 Flash Player 的 JavaScript 方法一览表【收集纠正】 说明： 播放动画：Play() 　　例：(网页中的 Flash id).Play(); 停止动画：StopPlay() 动画是否正在播放：IsPlaying() 跳转到某帧：GotoFrame(frame_number) 获取动画总帧数：TotalFrames() 回传当前动画所在帧数：CurrentFrame() 使动画返回第一帧：Re

<br />    使用jquery编写前端应用有将近4个月的时间了，之前一直专注于系统功能的实现，却忽略了代码的质量和效率。近期对之前写过的代码进行优化和重构，参考了网上一些资料，发现自己之前写的那些代码执行效率很低。遂整理了这篇笔记，希望以此作为今后编码的规范和标准，逐步提高代码质量。<br /> <br /> <br />1.在jQuery中最快的选择器是ID选择器，请尽量使用ID代替Class，而且选择器应从最近的ID开始继承。<br /> 2.在jQuery中第二快的选择器是tag(标签)选择器

为了减小服务端请求的数据，通常不会采用刷新页面的方式获取新数据，尤其是增量数据，采用ajax请求，服务器端返回一个json类型的数组的方式。这里以PHP的json_encode()函数为例，简述其交互过程。前端：使用ajax请求PHP页面(这里用jquery.ajax的GET方法）$.ajax({ type: "GET", url: "/index.php?mod=xxx&p="+id+"&tm="+Math.random(), dataType:"json", success: f

<br /><br />1:GET访问 浏览器 认为 是等幂的 <br />就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] <br />所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果<br /> <br />POST则 认为是一个 变动性 访问 （浏览器 认为 POST的提交 必定是 有改变的）<br /> <br />防止 GET 的 等幂 访问 就在URL后面加上 ？+new Date();，[总之就是使每次访问的URL字符串不一样的]

1、放在底部，虽然放在底部照样会阻塞所有呈现，但不会阻塞资源下载。 2、如果嵌入JS放在head中，请把嵌入JS放在CSS头部。 3、使用defer 4、不要在嵌入的JS中调用运行时间较长的函数，如果一定要用，可以用setTimeout来调用

本文阐述了一个javascript Date对象引发的诡异bug，并且给出了修复的方案。