前言:
今天看着页面的知识,突然想起来了之前项目中负责过首页部分,于是回想了下,跟大家分享下。
正题:
因为首页是为大家服务的,所以要尽可能想到大家可能出现的问题,考虑问题要全面:
1、命名及冲突问题
命名问题:
命名要尽可能言简意赅,使大家容易理解,由于是母版页,所以需要加上一些前缀,防止跟其他人可能的命名冲突,导致css样式的冲突。
css样式冲突问题:
在css中进行设置样式的时候,需要对要设置的属性名称路径尽量写全防止其他人的命名冲突,造成他人或母版页的样式出现问题
js冲突问题:
由于菜单的展开折叠效果及下拉菜单都是通过js来实现的,它相应的是ul的单击事件,所以在其他人也使用ul的时候会导致冲突,由于自己对js并不太了解,所以只能尽可能去避免这种事情的发生。
2、样式布局问题
在对整体进行布局的时候,要尽可能考虑到使用人员可能改变布局的情况,并将这些情况屏蔽掉,比如浮动可能会影响你的布局,那么就将浮动clear掉;或者整个布局的宽度,高度等需要设定的最好都设定,防止他人更改你的布局。
3、封装问题
这里所说的封装问题主要就是路径的问题,由于大家所在的文件夹的位置都不一样,所以相对路径就会出现问题,比如图片的不显示,用户控件的错误(因为js没有添加上)等等。
对于图片的不显示很好解决(直接添加runat="server"即可),对于js的路径问题我使用了一种方法就是使用绝对路径(之后的博客会有介绍)。
虽然首页不是一个很大的东西,但是由于我对页面的不熟悉以及考虑的不周全,导致问题总是一个接一个的出现,但是通过这次经验使我对css有了一定的熟悉,并对js有了一些基本的了解,对自己寻找问题的方式也有了一些改变,总之挺开心的。