2011年6月29日
高性能JavaScript
摘要： 学习过程中写的笔记，有误请指正。性能并不是唯一的考虑因素，在对性能要求并非苛刻的环境中，性能也可让位于：团队编码规范，个人编码习惯，代码可读性，模块可扩展性等因素。以下提到的对性能的优化，仅仅提供了从性能的角度去阐释一些设计思路，但实际上，浏览器本身会逐步优化自身的性能问题，而我们那些提高性能的hack，可能会因为浏览器的版本更新，导致成为一种无用的hack，甚至让性能更慢，所以不要无谓的使用一些hack，去优化一些执行次数很少的代码，而降低代码的可读性，或增加代码量，，一句话：如非必要，请勿hack。一 javascript加载和执行1 无论是外链还是内联，script标签都会阻塞页面的渲染 阅读全文
posted @ 2011-06-29 21:16 pansly 阅读(1982) 评论(0) 推荐(1) 编辑
e不缓存背景图片的解决办法
摘要： 高性能web开发中，一张小小的图片请求能省的就省，可IE6存在不缓存背景图的bug.如果重复使用了一个图片作为背景，那么每用一次就会重新去服务器拉一次。。。给服务器带来巨大的压力。解决方法有两种，1：采用JSvar ua = navigator.userAgent.toLowerCase();var isIE6 = ua.indexOf("msie 6") > -1;//判断是否为IE6// remove css image flicker//IE6下默认不缓存背景图片，CSS里每次更改图片的位置时都会重新发起请求，用这个方法告诉IE6缓存背景图片if(isIE6){ 阅读全文
posted @ 2011-06-29 20:50 pansly 阅读(239) 评论(0) 推荐(0) 编辑
IE7/IE8缓存问题
摘要： 使用ajax删除页面上的记录时，会有这种情况出现：第一次删除操作后，将光标定位在地址栏中，回车，页面正常显示（删除的记录消失），当我们再次删除其他记录时，地址栏回车，此时，删除的记录又会重现。这就是IE缓存在作怪。大致有两种解决方案：1、给ajax请求添加随机数，如： new Ajax.Request('/common/inputphrase/inputPhraseDelete.html', { method: 'post', parameters: "参数名=" + 参数值 + "&time=" + new Da 阅读全文
posted @ 2011-06-29 20:37 pansly 阅读(481) 评论(0) 推荐(0) 编辑
2011年6月23日
让绝对定位的DIV绝对居中
摘要： 前不久，网站2周年。同事叫我在首页放个FLASH广告。参考了很多代码。觉得实在麻烦。效果也就一般。还不如自己就弄个绝对定位的DIV。可现在用户分辨率，五花八门。1024*768 1360*768 等等。去CSDN也看了。什么javascript都来了。还好最后还是被我找到了最简单的方法。下面贴上代码。#myDIV{ left: 50%; top: 50%; margin-left:-390px; //你的div宽度一半margin-top:-250px; //你的div高度一半 width: 780px; height:500px; position:absolute; background- 阅读全文
posted @ 2011-06-23 09:46 pansly 阅读(638) 评论(0) 推荐(0) 编辑
2011年6月20日
JQ之 offset 和 position 的用法与区别
摘要： offset:获取元素相对于文档（document）的当前坐标注意使用offset()方法不管该元素如何定位，也不管其父元素如何定位，都是获取的该元素相对于当前视口的偏移。 postion : 获取元素相对父元素的偏移注意:1，使用position()方法时事实上是把该元素当绝对定位来处理，获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。2，使用position()方法时如果其所有的父元素都为默认定位（static）方式，则其处理方式和offset()一样，是当前窗口的相对偏移。用法:如 var position=$(this).position() 定义当前元素 而且当 阅读全文
posted @ 2011-06-20 06:26 pansly 阅读(1462) 评论(0) 推荐(0) 编辑
2011年6月13日
IE博客：jQuery 1.5.1 支持 IE9
摘要： 来自微软IE官方博客的文章表示：jQuery 1.5.1 完全支持 IE 9 浏览器：上周，jQuery 发布了补丁版本 1.5.1 ，该版本更新记录中最值得关注的一句话是：“jQuery now supports Internet Explorer 9 as a top level browser.”这意味着所有 IE9 上发现的 jQuery 的问题都已经得以解决，而新的问题（编者：不晓得还有什么新问题）将在下一个版本中解决。作为 IE 开发团队来说，我们非常感谢 jQuery 团队和他们努力的工作，为大家提供这么优秀的一个 JavaScript 库。更多关于jQuery的详细信息，或者下 阅读全文
posted @ 2011-06-13 21:38 pansly 阅读(169) 评论(0) 推荐(0) 编辑
2011年6月12日
【荐】JS+CSS实现的漂亮圆角可拖拽的弹出框
摘要： <title>【荐】JS+CSS实现的漂亮圆角可拖拽的弹出框_网页代码站(www.webdm.cn)</title><style>body{ margin:0px; padding:0px; font-size:14px;}#t { position:absolute; float:left; left:0px; top:0px;}#a { float:left;}.al { opacity: 0.80; filter : progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80,finishOpa 阅读全文
posted @ 2011-06-12 10:59 pansly 阅读(598) 评论(0) 推荐(0) 编辑
Jquery判断IE6等浏览器的代码
摘要： jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，如果不想使用jquery，稍为修改下代码就可以为自己所用Jquery判断IE6的代码：复制代码 代码如下:if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {//代码}jquery 判断浏览器方法jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，如果不想使用jquery，稍为修改下代码就 阅读全文
posted @ 2011-06-12 09:45 pansly 阅读(7132) 评论(0) 推荐(0) 编辑
2011年5月26日
隔行换色+鼠标经过变色(ie6,ie7,ff)
摘要： <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <meta name="author" content="盛飞, SenFe&qu 阅读全文
posted @ 2011-05-26 07:43 pansly 阅读(260) 评论(0) 推荐(0) 编辑
拖动DIV如何保存的问题
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=g 阅读全文
posted @ 2011-05-26 07:40 pansly 阅读(207) 评论(0) 推荐(0) 编辑