摘要:
使用DD_belatedPNG让IE6支持PNG透明图片众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上,具有其它图形格式所达不到的效果,IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性。而使用DD_belatedPNG.js可完美的解决IE6下PNG图片透明问题,并且支持backgrond-positio 阅读全文
摘要:
网站加载速度的快慢,直接影响用户的去留。这里为大家持续更新我的经验,帮你解决网页速度很慢,慢在哪里,该怎么优化的问题。希望对你有所帮助!1. 网站空间要好:网站需要一个稳定的服务器或者虚拟机,可以到一些idc评测网去找一家实力较强的idc来购买,具体的搜索“idc评测”。2. 减少数据库调用:页面数据调用(数据库查询)方面原因,程序尽量减少访问数据库次数,数据库使用连接池,最好能使用静态化的方式,或者用CDN,没有CDN的可以使用缓存的方式将动态数据缓存下来。3. iframe不要用:页面引用过多,会影响页面加载速度,同时搜索引擎不建议使用iframe,影响爬虫抓取。4. JS文件放在HTML 阅读全文
摘要:
Ajax2012-02-14 13:26:47|分类:js|字号订阅 ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题? Ajax是多种技术组合起来的一种浏览器和服务器交互技术,基本思想是允许一个互联网浏览器向一个远程页面/服务做异步的http调用,并且用收到的数据来更新一个当前web页面而不必刷新整个页面。该技术能够改进客户端的体验。包含的技术: XHTML:对应W3C的XHTML规范,目前是XHTML1.0。 CSS:对应W3C的CSS规范,目前是CSS2.0 DOM:这里的DOM主要是指HTML DOM,XML DOM包括在下面的XML中 Java... 阅读全文
摘要:
//var eles=document.getElementsByTagName('*')//function fn(e){//alert(this.tagName)//e||window.event;//if(e.stopProgration){//e.stopProgration()//}else{//e.cancelBubble=true;//}//}//for(var i=0;i<eles.length;i++){//eles.item(i).onclick=fn;////} //document.onclick=function(e){// e||window. 阅读全文
摘要:
无标题文档 第一级第一个 第一级第二个 第二级第一个 第二级第二个 第二级第三个 第三级第一个 第三级第二个 第三级第三个 第三级第四个 第二级第四个 第一级第三个 第一级第四个 第二级第一个 第二级第二个 第二级第三个 第二级第四个 var DOM={};//命名空间,起分类的作用。单例模式BOM={};DOM.children=function (parent,nodeName){console.log(arguments.callee.caller)//var a=[];var childNodes=parent.childNodes;for(var i=0;i<... 阅读全文
摘要:
px和em的区别2012-06-21 23:01:06|分类:CSS|字号订阅在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免,那就是使用em单位作为字体显示单位。所有浏览器的默认字体大小都是16px,所以未经调整的浏览器在显示1em=16px。换算过来的话也就是说1px=0.0625em,也就是12px=0.75em, 10px=0.6. 阅读全文
摘要:
在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因 为有一部法律来约束他们—例如美国的Section 508,强制网站达到一定的易用性。 关键点: 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使... 阅读全文
摘要:
YSLOW编辑目 录1概述2Yslow-23条规则1概述什么是YSlow?YSlow[1]是Yahoo发布的一款基于FireFox的插件。如何安装YSlow?安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。YSlow有什么用?YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。YSLOW[2]2Yslow-23条规则[3]1. 减少HTTP请求次数合并图片、CSS、JS,改进首次访问用户等待时间。2. 使用CDN 阅读全文
摘要:
HTML技巧: 语义化你的代码Posted by Mr.Think on 12/30/2010分类于@CSS+HTML最近在读阿当的《Web前端开发修炼之道》, 其中有不少东西值得前端路上的朋友学习. 结合自己日常编码的一些经验, 我将陆陆续续将一些从书中学到的以及自己总结的一些前端方面的技巧分享给大家.HTML语义化, 似乎是一个老生常谈的问题. Google一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样认为的:HTML的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签, 以更好的让人和机器(机器可理解为浏览器可理解为搜索引擎)都一目了然.如果我的解. 阅读全文
摘要:
css sprite编辑目 录1CSS Sprites简介2CSS Sprites原理3CSS Sprites优缺点4CSS Sprites的使用5CSS Sprite的例子6CSS Sprites的问题1CSS Sprites简介CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。加速的关键,不是降低质量,而是减少个数。传统切图. 阅读全文