cbwcwy - 博客园

2012年8月20日

摘要：终端用户响应的时间中，有 80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash 等。通过减少页面中的元素可以减少 HTTP 请求的次数。这是提高网页速度的要害步骤。减少页面组件的方法实在就是简化页面设计。那么有没有一种方法既能保持页面内容的丰硕性又能到达加快响应时间的目标呢？这里有几条减少 HTTP 请求次数同时又可能坚持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来减少 HTTP 请求的方法，如可以简略地把所有的 CSS 文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的修改，这可能会相对麻烦... 阅读全文

posted @ 2012-08-20 00:25 cbwcwy 阅读(3567) 评论(0) 推荐(0) 编辑

把所有背景图都集成在一张图片上，减少图片服务器请求次数

摘要：好象现在越来越流行这种玩法了，原来大家都是把背景切成单个小图片，要用背景的时候一个个定义，这样页面打开的时候，也会加载各个小图片，但是这种办法把所有小图片都集中在一张图中，定义背景时用坐标定位，再结合高度，宽度限制等手段，过到相同的效果，好处是:虽然下载的总K数不会有明显变化，但是图片的请求次数却明显减少了。废话不说，直接看代码吧:<styletype="text/css">.bg1{background:url(bg_v.png)no-repeat00;padding-left:20px;}.bg2{background:url(bg_v.png)no-rep 阅读全文

posted @ 2012-08-20 00:09 cbwcwy 阅读(291) 评论(0) 推荐(0) 编辑

CSS3 VS CSS2大PK

摘要：本文作者通过制作同样的页面对CSS2和CSS3进行了比较，我们来看一下谁更胜一筹。CSS3已经面世很久，目前仍处于开发完善阶段。不过网上关于CSS3的介绍、使用方法和夸奖已经传得沸沸扬扬了，建站学也有少关于CSS3的介绍。CSS3比CSS2到底是不是真的好？到底有什么优越之处呢？本文借鉴国外作者的文章（原文可以查看文章底部链接），从CSS3编写及作用原理以外的角度分析一下CSS3与CSS的差别。笔者利用自己制作的一个页面为例，分别使用CSS和CSS3?两个版本制作了相同的页面，使这两个页面效果几乎相同，然后对这两个CSS文件进行比较。制作时间首先，笔者在制作时间上进行对比，利用CSS3制作页面阅读全文

posted @ 2012-08-20 00:06 cbwcwy 阅读(745) 评论(0) 推荐(0) 编辑

2012年8月15日

js 事件绑定的方法

摘要：同时支持三种事件模型的javascript事件使得客户端的 JavaScript 有机会被激活，并得以运行。在一个 Web 页面装载之后，运行脚本的唯一方式，就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来，简单的事件被实现为 JavaScript 的一部分；但是大多数最近出现的浏览器都实现了强壮的事件模型，使脚本可以更加智能地处理事件。现在的问题在于：为了支持各种浏览器，您必须和多个先进的事件模型做斗争，准确地说，是三个。这三个事件模型分别和下面的文档对象模型（Document Object Model，即 DOM）三巨头结盟：Netscape Navigator 4 ( 阅读全文

posted @ 2012-08-15 12:39 cbwcwy 阅读(94569) 评论(1) 推荐(2) 编辑

2012年8月14日

javascript入门（4）

摘要： <!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=ut 阅读全文

posted @ 2012-08-14 17:35 cbwcwy 阅读(312) 评论(0) 推荐(0) 编辑

2012年8月13日

html css

摘要：去除chrome输入框和textarea右下角的小三角和外面黄色的虚框去除小三角：resize:none;去除黄色的框：outline:none;html em<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真正突出重要的部分。这与调味品一样，最好还是不要滥用强调。尽管现在 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使阅读全文

posted @ 2012-08-13 14:23 cbwcwy 阅读(254) 评论(0) 推荐(0) 编辑

html link

摘要： link 标签-- 当在文档中声明使用外接资源(比如CSS)时使用此标签link标签是单独出现的引用网址:http://www.dreamdu.com/xhtml/tag_link/属性href-- 指定需要加载的资源(CSS文件)的地址URImedia -- 媒体类型rel-- 指定链接类型rev-- 指定链接类型title-- 指定元素名称type-- 包含内容的类型,一般使用type="text/css" 阅读全文

posted @ 2012-08-13 12:15 cbwcwy 阅读(183) 评论(0) 推荐(0) 编辑

2012年8月8日

javascript 入门 (3)getElementByName, getElementById等用法

摘要： getElementByName不存在只有getElement__S__ByName和getElementByIdbyId的时候，会根据html元素的id属性，根据规范id应当是唯一的，用来标示一个element，比如<td>,<div>......。所以返回唯一元素句柄或者null。对于表单控件<input><select><textarea>等，在不指定id的时候，name也会被视作id，比如<inputtype="text"name="abc"value="123" 阅读全文

posted @ 2012-08-08 16:01 cbwcwy 阅读(9327) 评论(0) 推荐(1) 编辑

javascript 入门 code(2)

摘要： <!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=utf- 阅读全文

posted @ 2012-08-08 15:48 cbwcwy 阅读(279) 评论(0) 推荐(0) 编辑

javascript 入门 code(1)

摘要： <html><head><style type="text/css">#select1{background-color:blue;color:red;}</style><link rel="stylesheet" type="text/css" href="test.css"> <style type="text/css"> @import url(my.css); </style> <script sr 阅读全文

posted @ 2012-08-08 14:48 cbwcwy 阅读(466) 评论(0) 推荐(2) 编辑