`
liuxinglanyue
  • 浏览: 561885 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

少走弯路 Web开发网站制作十八条心得

阅读更多

WEB网站制作当中不可或少的会碰到各种问题,以下是开发时碰到的一些问题以及心得经验,避免大家少走弯路。 

  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里设置,在firefox会有问题。 

  13、在onpropertychange事件时,注意使用event.propertyName对属性改变事件过滤,在设置本事件时,其实已经改变了onpropertychange这个属性,所以会自动的执行一次。 

  14、js5.6里的对XSL的支持版本较低,如document函数就不支持。 

15、slice函数比直接循环获取数组片断慢。 

  16、nextSibling获得下一个对象时,需要注意,两个节点间不要有空格,否则很容易获取不到正确得对象。 

  17、CreateTextFile在有中文时必须指定第三个参数为true,否则不能写入中文,表现为Write写时报错。 

  18、保存中文文本时使用ADODB.stream,不使用fso,因为FSO不支持utf-8格式。

转:http://john521.iteye.com/blog/759641

分享到:
评论

相关推荐

    Web前端知识框架思维导图(系统学习你需要用到它,少走弯路)

    这是整理的一份Web前端框架的思维导图,如果你要系统的学习前端,你需要搞清楚你的侧重点,你的知识体系属于前端哪一块,你要做到心中有数,因此整理出这个思维导图,为前端学者尽绵薄之力!

    少走弯路做PHP

    【标题】"少走弯路做PHP"是一个针对初学者和初级PHP开发者的教程资源,旨在帮助他们在PHP编程的学习和实践中更加高效、精准地提升技能。这个标题暗示了该资源可能包含了避免常见错误、优化学习路径和提升开发效率的...

    少走弯路的10条忠告

    涉世之初,年轻人往往充满了期待和憧憬,但也容易在职场的道路上走弯路。为了帮助他们更快地适应职场,提高工作效率,积累职场经验,前辈们总结了一...遵循这些忠告,不仅能帮助新人少走弯路,更是通往成功事业的起点。

    java技术-让学员少走弯路

    总之,Java技术是一个强大的工具,广泛应用于软件开发、Web应用、移动应用等领域。全面理解和掌握Java的基础知识,包括它的起源、设计理念、面向对象特性以及内存管理等,将使学员能够有效地编写出高效、稳定的代码...

    少走弯路.doc

    少走弯路.doc

    华杉直播第3课:晨光文具让企业少走弯路.pdf

    晨光文具,让企业少走弯路。华杉直播第3课中,晨光文具的发展史和包装设计被揭开。晨光文具的目标是成为全球最具创意、最时尚的笔,占据“书写创意”这一独特定位。 晨光文具的包装设计是非常独特的,它采用的是...

    Tomcat与Java Web开发技术详解(第2版) ,重新制作了完整书签目录,附勘误表

    根据提供的文件名“Tomcat与JavaWeb开发技术详解第二版勘误信息.doc”,这版书籍可能包含了作者或读者发现的错误,并提供了修正方案,这对于读者来说是非常有价值的参考资料,可以避免因误解或错误而走弯路。...

    在行旅行指导专家_让您的旅游少走弯路网站模板

    【在行旅行指导专家_让您的旅游少走弯路网站模板】是一款仿照在行平台设计的HTML网页模板,专为提供旅游咨询服务而构建。这款模板包含四个主要页面:首页、列表页、文章页和详情页,旨在为旅行者提供方便、直观的...

    给初学MAYA同胞的建议少走弯路.doc

    给初学MAYA同胞的建议少走弯路.doc

    java技术——让学院少走弯路

    Java技术中的Applet是一种小型Java程序,它可以嵌入到HTML网页中,通过Web浏览器进行下载和...对于初学者来说,理解并实践Applet编程,可以避免在学习其他Java GUI技术时走弯路,从而更好地构建基于Java的Web应用程序。

    u8b2字库制作,用于新手,少走弯路

    标题中的“u8b2字库制作”是指创建或定制特定的字库,特别是针对新手的一种教程或指南,旨在帮助初学者更容易地理解和操作字库生成过程,避免在学习过程中遇到困难。"u8g2"通常指的是u8g2库,这是一个广泛使用的开源...

    java技术——让学员少走弯路

    Java 技术是软件开发领域中的重要组成部分,尤其在企业级应用和桌面应用开发中有着广泛的应用。本课程主要关注 Java 的图形界面编程、Applet ...这将为学员的 Java 开发技能打下坚实的基础,避免在实际项目中走弯路。

    如何少走弯路的10条忠告

    如何少走弯路的10条忠告1、买个闹钟,以便按时叫醒你贪睡和不守时,都将成为你工作和事业上的绊脚石,任何时候都一样。不仅要学会准时,更要学会提前。  1、买个闹钟,以便按时叫醒你  贪睡和不守时,都将成为你工作和...

    单片机学习入门怎样才能少走弯路

    从事模拟硬件电路和单片机软硬件设计已多年,初期走了不少弯路,与现在的你一样,在许多的科技书中搜索,在众多的单片机徘徊。单片机种类较多,不知学那一种好,每种单片机都学,一个人的精力恐怕不够,怎样才能快速...

    unity3D游戏开发学习心得

    Unity3D游戏开发学习心得 1. Unity3D概述 Unity3D是一款强大的游戏开发引擎,支持2D和3D游戏的创建。...通过这样的学习心得,可以为其他人提供学习路线图,帮助他们少走弯路,更快地实现游戏开发梦想。

    注意细节!让你的软著申请少走弯路

    注意细节!让你的软著申请少走弯路,内附多年申请经验。

    一份详细的大数据开发资料,包括基础 _ 架构 _ 源码.zip

    秋招自学上岸,自学太难了,总结了一份详细的大数据开发资料,包括基础 | 架构 | 源码,让更多自学的伙伴少走弯路。 秋招自学上岸,自学太难了,总结了一份详细的大数据开发资料,包括基础 | 架构 | 源码,让更多...

    java技术—让学员少走弯路

    Java是一种广泛使用的高级编程语言,以其“一次编写,到处运行”的跨平台特性著称。它的设计目标是具有良好的可...通过深入理解和熟练掌握这些基础知识,学员可以避免在学习过程中走弯路,更好地投身于Java开发领域。

Global site tag (gtag.js) - Google Analytics