tianyazjq110
- 浏览: 97738 次
- 性别:
- 来自: 深圳
-
最新评论
-
kakamimika：
貌似不行吧
jquery读取xml文件示例 -
momofiona：
第二版本：http://dl.dropbox.com/u/ ...
popBaseball拖动插件分析
文章列表
http://www.v-ec.com/nesting/
最近常听到同事诉苦，几十行几百行DIV标签，不知道哪里有一个没有闭合
......
还有什么比这样更惨的，大家一起讨论发现貌似最好的办法就是格式化代码结构后进行目测。
为了更方便找到可能出错的地方，JSLab实验室
写了一个Xhtml代码嵌套查看辅助工具。
该工具的使用流程如下：
1、复制要检查部分的代码，粘贴到Source代码框中
2、在标签框输入要检查的标签名
3、然后进行过滤、格式化结构、呈现
这个时候，该工具的作用结束，如果还不能更好的发现出错的地方，可以将结果代码复制到可格式化代码结构的编辑器中进 ...
- 2009-06-17 12:06
- 浏览 846
- 评论(0)
/**
* ADS Library from Advanced DOM Scripting
* http://advanceddomscripting.com
*
* This library is not compressed and is not recommended for production use in
* its current state. The code is excessively verbose and heavily commented
* as it was written as a teaching tool. It is recommen ...
- 2009-05-26 12:20
- 浏览 1277
- 评论(0)
三、margin的解析逻辑
目前我们已经了解到了margin的基本特性和基本写法，但对元素margin的基本解析逻辑还是很模糊，到底margin的top、right、bottom、left都是以什么为基准来促使box
model形成。为了形象，易懂的对margin的逻辑进行说明，下面讲解的过程中，将引入W3C上没有的参考线的说法。何谓参考线？参考线就是margin移动的基准点，此基准点相对于box是静止的。而margin的数值，就是box相对于参考线的位移量。
在margin中top、right、bottom、left的参考线并不一致为一类，而是分为了两类参考线，top和left的参 ...
- 2009-05-08 00:56
- 浏览 748
- 评论(0)
三、margin的解析逻辑
目前我们已经了解到了margin的基本特性和基本写法，但对元素margin的基本解析逻辑还是很模糊，到底margin的top、right、bottom、left都是以什么为基准来促使box
model形成。为了形象，易懂的对margin的逻辑进行说明，下面讲解的过程中，将引入W3C上没有的参考线的说法。何谓参考线？参考线就是margin移动的基准点，此基准点相对于box是静止的。而margin的数值，就是box相对于参考线的位移量。
在margin中top、right、bottom、left的参考线并不一致为一类，而是分为了两类参考线，top和left的参 ...
- 2009-05-08 00:54
- 浏览 802
- 评论(0)
边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的较大者。
当一 ...
- 2009-05-08 00:16
- 浏览 915
- 评论(0)
法则一：同辈元素定位方式相同，且无z-index设置时，html靠后者居上。
法则二：同辈元素同为动态定位时，且有z-index设置时，z-index值大者居上。
法则三：同辈元素定位方式不同时，动态定位居上。
法则四：非同辈元素，任意一者及其祖元素不具备动态布局时，html靠后者居上。
引用:
其实前四点都是基础，只有第五点比较难于理解，这里详细解释一下：
<div id="ab" style="position:absolute;"> <div id="a&q ...
- 2009-05-05 10:22
- 浏览 738
- 评论(0)
YSlow是Yahoo开发的一个用于测试分析网站优化的Firefox工具插
件，使用时您必须先安装有Firefox。YSlow针对网站速度体验上的优化，将其总结为13条，分别用F到A的指标来对你的网站速度做出评价并给出数
据，F代表最差，A代表最好。我们可以通过分析得到的数据对自己的网站和服务器做相应的优化。
这只是一样评测分析，改进还是要靠自己，这里要谈的就是实实在在的如何针对每一条进行优化：
1. Make fewer HTTP requests ( 减少Http请求数)
一个网页不可避免的要引入大量的外部文件：Javascript、css、背景图片……由于Http协议的无 ...
- 2009-05-04 17:56
- 浏览 1850
- 评论(0)
YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。
仔细研究了下YSlow跌评分规则。
主要有12条：
1. Make fewer HTTP requests
尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考了下，为什么把这个三种请求过多列为对页面加载的重要不利因素呢，而过多的IMG请求并没有列为不利因素呢？
发现原来这些请求都是可以避免的。
15个JS和3个CSS完全可以通过特殊的办法进 ...
- 2009-05-04 17:44
- 浏览 1259
- 评论(0)
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。
这篇文章中，我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。
1. CSS “float” 属性
获取给定对象的特定 CSS 属性的基本语法是 object.style 属性，而且有连字符的属性要用骆驼命名法来代替。例如，获取一个 ID 为 “header” 的 div 的 background-color 属性，我们要用如下语法：
...
- 2009-05-04 16:38
- 浏览 1175
- 评论(0)
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
- 2009-04-23 11:39
- 浏览 2354
- 评论(0)
ajax loading 图标在线制作及收藏
http://www.css88.com/archives/1182
- 2009-04-22 11:57
- 浏览 1351
- 评论(0)
1.其实现有是利用ul的overflow:hidden 再将li的margin-left:-1px的做法做出来的。这样的做法就可以同时避免以上的缺点了。
http://www.blueidea.com/tech/web/2007/5008.asp
2.圆角的做法.
为了这个圆角,前段开发们付出的努力是在是太多了.又要考虑http连接数,又要考虑css与html的代码量与语义.
贴出的是最近考虑替换现有圆角做法的方案,可能还有许多未考虑的状况.但是大体的编写方式便是如下.
好处是便于维护,只有一个图片.还可以某种程度上的任意缩放.缺点是多了无意义的html代码.
[co ...
- 2009-04-09 16:15
- 浏览 896
- 评论(0)
<fieldset>
<legend>哪些浏览器legend标签设定的宽度有效</legend>
<input type="checkbox" value="ie6" name="width" id="ie6" checked="checked" /><label for="ie6">IE6</label>
<input type="checkbox&q ...
- 2009-04-09 15:00
- 浏览 1023
- 评论(0)
上面的方法一般是比较通用的方法。短时间不会有问题
<script language="javascript">
function PollConn(){
TimeCounter=window.setTimeout('PollConn();',5000);
function StopPoll(){
window.clearTimeout(TimeCounter)
}
PollConn();
</script>
优化代码:
<script language="javascript" ...
- 2009-04-09 12:36
- 浏览 1214
- 评论(0)