![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
ciray
这个作者很懒,什么都没留下…
展开
-
十二种jQuery性能优化方法解析
jQuery是目前非常流行的Javascript库之一,随着jQuery应用程序的逐渐增多,其性能优化问题是程序员们不可忽视的,我们知道在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码: 1.总是从ID选择器开始继承以下是引用片段:交通信号灯 红色 黄色原创 2010-06-30 13:30:00 · 393 阅读 · 0 评论 -
解决IE6下超链接导致GIF动画停止的bug
<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原创 2011-01-31 18:46:00 · 1053 阅读 · 0 评论 -
解决ubuntu下firefox动态统计中文字数的方法
<br />通常,我们实现动态统计字数的方法是在textarea上绑定keyup事件,这样处理在windows下的浏览器打开中文输入法,输入汉字时字数会立即更新,而在ubuntu系统下的firefox中打开中文输入法,发现字数不会发生变化。恰好firefox有一个input变化的事件就是oninput,我们只需在textarea上绑定input事件即可实现在ubuntu下的firefox里输入中文能够动态统计字数的效果。<br /> <br />来一段jquery的代码:<br />$(selector).原创 2011-01-25 16:43:00 · 822 阅读 · 0 评论 -
灵活运用ajax的方法beforeSend改善用户体验
<br />我们知道,开源框架jquery的API—— jquery.ajax中有一个方法beforeSend,用于在向服务器发送请求前添加一些处理函数。这是一个ajax事件,在ajax请求开始之前就被触发,通常允许用户修改XMLHttpRequest对象(比如说设置附加的头部信息),关于ajax事件的解释可参考文档:http://docs.jquery.com/Ajax_Events<br /> <br />这里我们讨论的,是如何改善Web应用程序交互体验的问题。通常由于网络等客观因素导致当浏览器向服务器原创 2010-10-27 10:50:00 · 16881 阅读 · 0 评论 -
IE和Firefox在JavaScript方面的兼容性问题
<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-转载 2010-09-04 17:59:00 · 607 阅读 · 0 评论 -
jquery 执行效率问题
代码优化分多个方面,而性能是主要的优化目标。本文将从对象缓存、DOM操作等12个方面讲解如何优化jQuery代码的执行效率,从而总体提升代码性能。1、总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器,因为它直接来自 于JavaScript的getElementById()方法。例如有一段HTML代码:交通信号灯 红色 黄色 绿色转载 2010-06-10 16:57:00 · 624 阅读 · 0 评论 -
控制 Flash Player 的 JavaScript 方法一览表
控制 Flash Player 的 JavaScript 方法一览表【收集纠正】说明:播放动画:Play() 例:(网页中的 Flash id).Play();停止动画:StopPlay()动画是否正在播放:IsPlaying()跳转到某帧:GotoFrame(frame_number)获取动画总帧数:TotalFrames()回传当前动画所在帧数:CurrentFrame()使动画返回第一帧:Re转载 2010-06-08 11:53:00 · 1243 阅读 · 0 评论 -
jquery代码优化笔记
<br /> 使用jquery编写前端应用有将近4个月的时间了,之前一直专注于系统功能的实现,却忽略了代码的质量和效率。近期对之前写过的代码进行优化和重构,参考了网上一些资料,发现自己之前写的那些代码执行效率很低。遂整理了这篇笔记,希望以此作为今后编码的规范和标准,逐步提高代码质量。<br /> <br /> <br />1.在jQuery中最快的选择器是ID选择器,请尽量使用ID代替Class,而且选择器应从最近的ID开始继承。<br />2.在jQuery中第二快的选择器是tag(标签)选择器原创 2010-07-27 18:18:00 · 631 阅读 · 0 评论 -
浅谈js对json_encode(PHP)后的对象处理方法
为了减小服务端请求的数据,通常不会采用刷新页面的方式获取新数据,尤其是增量数据,采用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原创 2010-07-24 09:33:00 · 10774 阅读 · 0 评论 -
AJAX POST和GET区别
<br /><br />1:GET访问 浏览器 认为 是等幂的 <br />就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] <br />所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果<br /> <br />POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的)<br /> <br />防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,[总之就是使每次访问的URL字符串不一样的]转载 2010-07-22 16:26:00 · 541 阅读 · 0 评论 -
嵌入JS应该放在什么位置
1、放在底部,虽然放在底部照样会阻塞所有呈现,但不会阻塞资源下载。2、如果嵌入JS放在head中,请把嵌入JS放在CSS头部。3、使用defer4、不要在嵌入的JS中调用运行时间较长的函数,如果一定要用,可以用setTimeout来调用转载 2010-07-20 15:48:00 · 1516 阅读 · 0 评论 -
一个Date对象引发的诡异bug
本文阐述了一个javascript Date对象引发的诡异bug,并且给出了修复的方案。原创 2014-03-31 18:34:33 · 1101 阅读 · 0 评论