• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > Web开发时碰到的问题以及心得经验

Web开发时碰到的问题以及心得经验

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含心得,经验,以及,问题,开发,碰到,<,设置,",使用等相关知识,佚名 希望在学习及工作中可以帮助到您

  以下是我开发时碰到的问题以及心得经验,花了些时间调试,贴出来避免大家少走弯路。
  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格式。

您可能想查找下面的文章:

  • 网页设计心得:页面布局的简单规则
  • Web开发时碰到的问题以及心得经验

相关文章

  • 2018-08-23趁着节假日,不如看这6部电影学学艺术史
  • 2018-08-23优设×汉仪字库:适合母亲节使用的中文字体打包下载(个人非商用)
  • 2018-08-23超过10亿人使用的Facebook改版了,新版的设计细节都在这儿!
  • 2018-08-23基础知识科普!目标导向设计之“情景场景”与“设计需求”
  • 2017-08-06窗口中的各种距离/滚动距离的精确计算汇总
  • 2017-08-06页面设计中table和div的合理应用简要说明
  • 2018-08-23挂墙上每天背!7种主流设计风格的制作心得
  • 2017-08-06你好 对话框 对话框的设计经验分享
  • 2017-08-06图片动态加载技术应用及jquery.lazyload插件使用实例
  • 2018-08-23单手操作不方便?来看这两个新颖的交互方式是怎么做的!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 表单元素垂直居中完美解决方案
    • AI+AE教程!制作骑电动车的小熊!
    • 静态页面与动态页面各自的执行机制说明
    • 怎么设计响应式WEB?响应式WEB设计的优缺点
    • 描边风设计中,最容易犯的8种问题分析
    • 赶紧收下!连BAT设计师都在使用的视觉动线技巧(上)
    • 基础小技巧!5个简单直观的设计对比方法
    • 我花了五个小时,完成了iOS 11新版App Store的交互探索
    • 条件注释判断浏览器(ie系列)
    • 小小的「置灰」功能背后,有这么多的细节知识!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有