- 博客(14)
- 收藏
- 关注
RSS订阅原创 web前端优化
根据yahoo的经验,web前端性能的优化,应该有下面几条：1、减少http请求（1）尽量将图片放在一个大图片里面。（2）使用3-4个js脚本和1-2个样式表，全部集合在一个文件的话，不方便管理。2、使用内容发布网络（CDN）CDN是指一组分布在多个不同地理位置的web服务器，用于更加快速有效的向用户发布内容。3、添加expires头（1）expires的局限因为他...
2009-05-08 17:54:11
139
原创 css 继承与组合
继承是 css中经常要用到的技术，好处是可以尽量让页面的代码减少重复利用，但是随时项目越来越大，需求的不断变化，css代码就会变得越来越臃肿，后期难以控制和维护。其实，css代码和普通程序代码在编写的时候有很多的相似之处，下面我们就用试试用组合的方式是不是能更好的解决这个问题。下面是一段普通的代码:[code="css"] 1. .box{ 2. border:...
2009-05-07 15:22:00
254
原创 css 随笔
[b]a 元素伪类的修饰[/b]要遵循L-V-H-A link-visted-hover-active顺序；[b]图片下划线修饰[/b][code="css"]a:link,a:visted{ color:#666666; text-decoration:none; background:url(images/underline.gif) repeat-x le...
2009-05-07 14:19:22
150
原创 css 随便看看
[code="css"]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-fami...
2009-05-07 10:56:15
165
原创 td之间的缝隙
CSS去除表格td默认间距及制作1px细线表格 现在在所谓“div+css”的风气下，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，所以我们通常开头是这样写的：以下是引用片段： 在页面内，通过cellspacing="0"将这...
2008-12-24 00:42:12
899
原创 offset client scroll
网页申明类型为严格型offsetLeft = margin-left;offsetTop = margin-top;offsetWidth = width +padding-left+border-left+padding-right+border-right;offsetHeight = height + padding-top+border-top+padding-botto...
2008-12-20 22:22:29
98
原创 JavaScript encode
javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。 escape() 方法： 采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16...
2008-12-20 17:28:27
200
原创 if ff 操作表格的区别
在ie和FF中 insertRow和insertCell有着一个小小的区别，有ie中可以这样调用：var bgame_table = document.getElementById('game_table'); nowTR = bgame_table.insertRow();nowTD = nowTR.insertCell();但在ff中，上面这样调用就会报错了：FF和ie...
2008-12-20 17:27:35
313
z-index
//通过透明处理..实现flash遮罩的问题. //此方式能显示svg,但是不能实现遮罩. //ie6上不能显示svg格式的图片,在ie7上可以, 但是在div上有遮罩的问题..用这种方式可以时间.透明.. ...
2008-12-12 20:03:48
138
1
pageX\pageY & layerX\layerY
[code="html"]pageX\pageY & layerX\layerY examplefunction showCoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentNode.id; form.parentId.value = ...
2008-07-27 15:39:01
227
原创 IE和FireFox中层的拖动详解。
本篇主要讨论了IE和FireFox在层的拖动实现过程中的一些不同和一些常见问题，其他元件的拖动也是同样的道理，这里以使用较多的层元件为例进行解释。层的拖动涉及了以下三个鼠标事件：onmousedown：点下鼠标onmousemove：移动鼠标onmouseup：松开鼠标拖动基本过程：点下鼠标时，开始拖动，记下鼠标指针位置与被拖动元件的相对位置x；鼠标移动时，根据...
2008-07-27 13:39:13
117
原创 CSS的渲染效率
1. 十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a; * 建议用 - color:#F...
2008-07-21 15:17:13
311
原创 web 标准
WEB标准WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订...
2008-07-21 13:24:51
110
原创 CSS的class、id、css文件名的常用命名
常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告...
2008-07-21 13:06:52
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人