制作母版有感

本文详细记录了作者在制作母版页过程中的经验总结,包括命名及冲突问题、样式布局问题、封装问题等核心内容。通过这次实践,作者对CSS有了更深的理解,对JS也有了初步的认识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这次校园系统由我制作母版,本来对它没有太多了解,从最开始的一个框架,到后来的逐渐完善,以及应对大家的不同需求所进行的更改,让我感受颇多。

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

1、命名及冲突问题

命名问题:

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

css样式冲突问题:

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

js冲突问题:

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

2、样式布局问题

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

3、封装问题

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值