DooIT
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
  47 随笔 :: 16 文章 :: 1376 评论 :: 27 引用
经验几则
以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路，如有错误欢迎指正，持续更新ing
  1. xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如©,就算能存也需要转换，比较麻烦，utf-8也符合国际规范
  2. CSS中:hover这个伪类，如果放在:visited前面则会失效
  3. <a>标签如果没有href属性，所有对它的css的伪类如:hover均失效
  4. js文件中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用，其file相对路径均为引用该js的html的路径。

    如：a.htm 引用x\b.js,b.js引用x\c.js,则file应该为x\c.js而不是相对b.js的直接路径c.js，而css中的@import,url()引用不存在这个问题
  5. 在页面中，有时talbe的宽设置为100%右边也会留下一个滚动条的空白，请设置<body style="overflow:auto">
  6. 对于常用的图片不要用img标签，使用<span><a>并用css指定其背景和宽高，对于做动态的（移上去变背景），使用<a>最好，不需要额外编写代码，只要利用伪类:hover就好了，使用css好处是一次改变全部改变，这点可以很好的利用在换皮肤的应用中
  7. @font-face {
    font-family:comic;
    src:url(http://valid_url/some_font_file.eot);
    }
    定义一种在本地没有的字体名称，调用<span style="font-family:comic;font-size:18pt>aa</span>
  8. 几个CSS
    div { overflow: hidden;text-overflow:ellipsis; }
    td { vertical-align : middle; }
    要强制溢出发生并且应用 ellipsis 值，作者必须设置对象的     white-space 属性值为 nowrap 。
    假如没有换行机会(例如，对象容器的宽度是狭窄的，而内有很长的没有合理断行的文本)，没有应用 nowrap 也有可能溢出。
    为了使 ellipsis 值被应用，此属性必须被设置到具有不可视区域的对象。最好的选择是设置     overflow 属性为 hidden
  9. firefox的document.createElement不支持内容里有HTML标签,也不支持innerText，但是支持innerHTML,可以用innerHTML指定其内容
  10. .net控件里DropDownList在firefox下的宽度不着色，需要直接定义style='width:10px;'
  11. firefox中css的cursor不支持hand,使用pointer代替
  12. iframe里的滚动条需要在iframe标签里设置style='overflow:hidden',不能紧紧在body里设置
  13. 在onpropertychange事件时，注意使用event.propertyName对属性改变事件过滤，在设置本事件时，其实已经改变了onpropertychange这个属性，所以会自动的执行一次
  14. js5.6里的对XSL的支持版本较低，如document函数就不支持
  15. slice函数比直接循环获取数组片断慢
  16. nextSibling获得下一个对象时，需要注意，两个节点间不要有空格，否则很容易获取不到正确得对象，你将获得一个nodeName为#text的对象
  17. CreateTextFile在有中文时必须指定第三个参数为true,否则不能写入中文，表现为Write写时报错
  18. 保存中文文本时使用ADODB.stream,不使用fso,因为FSO不支持utf-8格式
  19. IE中尽量使用execScript代替eval,因为有时eval会失效
  20. 字符串中\结尾为换行字符
  21. JS里设置控件的属性，有几个特殊的，如:style要转换为style.cssText属性,class要转换为className属性
  22. 经常碰到脚本测试是正常的，但是复制到IDE里保存却不正常（莫名其妙的报错），则你可能要查查脚本文件和ASP，ASPX文件的编码是否一致（GB2312、UTF-8），可以使用记事本另存为一致的编码或者你也可以在调用脚本的时候指定其编码,如：<script language="javascript" src="a.js" charset="gb2312"></script>
posted on 2005-03-31 10:37 ttyp 阅读(3745) 评论(11)  编辑 收藏 所属分类: 脚本

评论

#1楼  2005-03-31 10:53 Adex [未注册用户]
2. 是:visited放在:hover之后会失效。
  回复  引用    

#2楼  2005-03-31 10:55 bobo [未注册用户]
不错，这些我在之前的开发中也遇到过，不过都解决了。
有一个比较郁闷的就是在windows下默认建的都文本都不是以utf-8来存的，每次都要用记事本打开再另存为utf-8太麻烦了，不就有没有什么好办法呢。
  回复  引用    

#3楼 [楼主] 2005-03-31 10:59 ttyp      
1楼，是写错了，呵呵:)
  回复  引用  查看    

#4楼 [楼主] 2005-03-31 11:04 ttyp      
现在改了，CSS中:hover这个伪类，如果放在:visited前面则会失效
2楼，可能修改区域设置的默认语言有用，我没测试
  回复  引用  查看    

#5楼  2005-03-31 11:17 birdshome      
CSS手册不但要常备，还要仔细看:)

2.　　锚的伪类
我们最常用的是4种a（锚）元素的伪类，它表示动态链接在4种不同的状态：link、visited、active、hover（未访问的链接、已访问的链接、激活链接和鼠标停留在链接上）。我们把它们分别定义不同的效果：
a:link{color:#FF0000;text-decoration:none}/*未访问的链接*/
a:visited{color:#00FF00;text-decoration:none}/*已访问的链接*/
a:hover{color:#FF00FF;text-decoration:underline}/*鼠标在链接上*/
a:active{color:#0000FF;text-decoration:underline}/*激活链接*/
（上面这个例子中，这个链接未访问时的颜色是红色并无下划线，访问后是绿色并无下划线，激活链接时为蓝色并有下划线，鼠标在链接上时为紫色并有下划线）
注意：有时这个链接访问前鼠标指向链接时有效果，而链接访问后鼠标再次指向链接时却无效果了。这是因为你把a:hover放在了a:visited的前面，这样的话由于后面的优先级高，当访问链接后就忽略了a:hover的效果。所以根据叠层顺序，我们在定义这些链接样式时，一定要按照a:link，a:visited，a:hover，a:actived的顺序书写。


  回复  引用  查看    

#6楼 [楼主] 2005-03-31 11:24 ttyp      
你看的是哪本，我看的是苏沈小雨的css2.chm,还一本网页制作完全手册.chm(微软的msdn)都没提到，错了次，印象就深了，呵呵
  回复  引用  查看    

#7楼  2005-04-03 21:35 dawave [未注册用户]
既然提到伪类的问题，插一句。因为最近在和一个Firefox的开发者讨论这个问题，其实伪类的应用不止是在锚上，图片上也是可以的。具体的说就是你可以写：IMG:Hover的效果。可惜M$老大哥的IE不支持（CSS2的支持不完全？），Firefox就没有问题。另外，关于这一点还引发了Firefox的另一个bug。哈哈，没有最好，只有更好。
  回复  引用    

#8楼 [楼主] 2005-04-03 22:01 ttyp      
像伪类我认为对任何对象都应该提供,就像很多对象都有moseover,mouemove事件一样,正是由于IE里img不提供:hover,所以建议用a代替,其实a可以代替很多标签
  回复  引用  查看    

#9楼  2005-09-07 13:06 uu [未注册用户]
老大！你把document.write写成了wirte，害得我搞了半天……
  回复  引用    

#10楼 [楼主] 2005-09-07 13:14 ttyp      
抱歉，已经修改
  回复  引用  查看    

#11楼  2006-11-06 15:13 xk [未注册用户]
谢谢了，正需要
  回复  引用    


标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

闪存

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-02-02 09:15 编辑过


相关链接:

最新IT新闻:
Google开拓美政府机构市场 微软业务受冲击
消息称苹果正在开发iTunes网络电视
微软周一开电话会议 预计将发布Silverlight2.0
开心网即将启用”shejiao.com”?
Google股价跌破329美元 61%员工期权价值归零