wxclover
- 浏览: 24804 次
- 性别:
- 来自: 北京
-
最新评论
-
ah孙玉红：
我就是搞不清楚，变为变得离奇哈
css 继承与组合 -
just4you：
没错，楼上说的对
JavaScript encode -
flynofry：
是转的就标明，gg下全是一样的文章。
JavaScript encode
文章列表
根据yahoo的经验,web前端性能的优化,应该有下面几条：
1、减少http请求
（1）尽量将图片放在一个大图片里面。
（2）使用3-4个js脚本和1-2个样式表，全部集合在一个文件的话，不方便管理。
2、使用内容发布网络（CDN）
CDN是指一组 ...
- 2009-05-08 17:54
- 浏览 890
- 评论(0)
继承是 css中经常要用到的技术，好处是可以尽量让页面的代码减少重复利用，但是随时项目越来越大，需求的不断变化，css代码就会变得越来越臃肿，后期难以控制和维护。其实，css代码和普通程序代码在编写的时候有很多的相似之处，下面我们就用试试用组合的方式是不是能更好的解决这个问题。
下面是一段普通的代码:
1. .box{
2. border:1px solid #ccc;
3. font-size:12px;
4. background:#f1f1f1;
5. padding:10px;
6. }
1. &l ...
- 2009-05-07 15:22
- 浏览 1660
- 评论(1)
a 元素伪类的修饰
要遵循L-V-H-A link-visted-hover-active顺序；
图片下划线修饰
a:link,a:visted{
color:#666666;
text-decoration:none;
background:url(images/underline.gif) repeat-x left bottom;
}
/*主要是靠图片的定位做到的*/
css3.0可以做到的
a[href ...
- 2009-05-07 14:19
- 浏览 702
- 评论(0)
body {background: #efefef url(./images/dashboard/bg.png) repeat-y scroll; padding: 0px; margin: 0px}
ul, li {margin: 0px; padding: 0px}
body, ul, td, div, h1, h2, h3, h4, h5 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif}
img {border: 0px}
/*头部 没有用浮动定位 是用的绝对定位 + 偏移*/
d ...
- 2009-05-07 10:56
- 浏览 1208
- 评论(0)
CSS去除表格td默认间距及制作1px细线表格
现在在所谓“div+css”的风气下，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，所以我们通常开头是这样写的：
以下是引用片段：
<table border="0" cellspacing="0" cellpadding="0">
在页面内，通过cellspacing="0"将这个间距消除，合并边框。现在 ...
- 2008-12-24 00:42
- 浏览 4041
- 评论(0)
网页申明类型为严格型
offsetLeft = margin-left;
offsetTop = margin-top;
offsetWidth = width +padding-left+border-left+padding-right+border-right;
offsetHeight = height + padding-top+border-top+padding-bottom+border-bottom;
clientLeft = border;
clientTop = border;
clientHeight = width + padding-top + padding- ...
- 2008-12-20 22:22
- 浏览 1153
- 评论(0)
javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。
escape() 方法：
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。
不会被此方法编码的字符： @ * / +
encodeURI() 方法：
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
不 ...
- 2008-12-20 17:28
- 浏览 3912
- 评论(2)
在ie和FF中 insertRow和insertCell有着一个小小的区别，
有ie中可以这样调用：
var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow();
nowTD = nowTR.insertCell();
但在ff中，上面这样调用就会报错了：
FF和ie都可以这要调用：
var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow(-1);
nowTD ...
- 2008-12-20 17:27
- 浏览 1000
- 评论(0)
<body>
//通过透明处理..实现flash遮罩的问题.
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=400>
<PARAM NAME=movie value="/terminal/page/flash.swf&q ...
- 2008-12-12 20:03
- 浏览 1554
- 评论(0)
<html>
<head>
<title>pageX\pageY & layerX\layerY example</title>
<script type="text/javascript">
function showCoords(evt){
var form = document.forms.form_coords;
var parent_id = evt.target.parentNode.id;
form.parentId.value = parent_id;
...
- 2008-07-27 15:39
- 浏览 2733
- 评论(0)
本篇主要讨论了IE和FireFox在层的拖动实现过程中的一些不同和一些常见问题，其他元件的拖动也是同样的道理，这里以使用较多的层元件为例进行解释。
层的拖动涉及了以下三个鼠标事件：
onmousedown：点下鼠标
onmousemove：移动鼠标
onmouseup：松开鼠标
拖动基本过程：
点下鼠标时，开始拖动，记下鼠标指针位置与被拖动元件的相对位置x；
鼠标移动时，根据鼠标指针的位置和相对元件位置x计算出元件的位置，并设置元件位置；
松开鼠标时，要销毁鼠标移动的事件处理程序，停止拖动。
<html>
<head>
<title> Drag D ...
- 2008-07-27 13:39
- 浏览 2689
- 评论(0)
1.
十六进制的颜色值对位数与大小写
编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位 ...
- 2008-07-21 15:17
- 浏览 918
- 评论(0)
WEB标准
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：
1．结构标准语言
（1）XML
X ...
- 2008-07-21 13:24
- 浏览 877
- 评论(0)
常用的CSS命名规则
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志 ...
- 2008-07-21 13:06
- 浏览 1467
- 评论(0)