做页面有感

前言: 

    今天看着页面的知识,突然想起来了之前项目中负责过首页部分,于是回想了下,跟大家分享下。


正题:

因为首页是为大家服务的,所以要尽可能想到大家可能出现的问题,考虑问题要全面:


1、命名及冲突问题

命名问题:

命名要尽可能言简意赅,使大家容易理解,由于是母版页,所以需要加上一些前缀,防止跟其他人可能的命名冲突,导致css样式的冲突。


css样式冲突问题:

在css中进行设置样式的时候,需要对要设置的属性名称路径尽量写全防止其他人的命名冲突,造成他人或母版页的样式出现问题


js冲突问题:

由于菜单的展开折叠效果及下拉菜单都是通过js来实现的,它相应的是ul的单击事件,所以在其他人也使用ul的时候会导致冲突,由于自己对js并不太了解,所以只能尽可能去避免这种事情的发生。


2、样式布局问题

在对整体进行布局的时候,要尽可能考虑到使用人员可能改变布局的情况,并将这些情况屏蔽掉,比如浮动可能会影响你的布局,那么就将浮动clear掉;或者整个布局的宽度,高度等需要设定的最好都设定,防止他人更改你的布局。


3、封装问题

这里所说的封装问题主要就是路径的问题,由于大家所在的文件夹的位置都不一样,所以相对路径就会出现问题,比如图片的不显示,用户控件的错误(因为js没有添加上)等等。

对于图片的不显示很好解决(直接添加runat="server"即可),对于js的路径问题我使用了一种方法就是使用绝对路径(之后的博客会有介绍)。


    虽然首页不是一个很大的东西,但是由于我对页面的不熟悉以及考虑的不周全,导致问题总是一个接一个的出现,但是通过这次经验使我对css有了一定的熟悉,并对js有了一些基本的了解,对自己寻找问题的方式也有了一些改变,总之挺开心的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值