样式冲突,js函数名冲突,html复选框name冲突问题处理

这两天一直在改bug,要么是前台样式问题,要么是后台代码不规范,比如变量命名不规范引发的问题,我负责的这块接收的人最多,代码随着需求的变动改动也大,而且之前代码都是紧耦合,从当前项目的其他地方粘贴复制过来的,代码几乎没有工程性复用,改得很难受。来说一个样式冲突和js变量命名冲突的问题的解决吧。

由于是内容管理系统,很多台帐页面都是查询以及表格分页展示。我就遇到表格的th样式之间互相影响,定位的时候极其恶心,好吧,定位出来了。解决的方法,就是在th的父级加一个唯一的id,也可以是样式,但要保证命名唯一。这个唯一命名相当于一个命名空间。

<table id="iTable" class="table temporary" width="100%" layoutH="163">
.temporary table thead tr th{
        text-align: center !important;
    }
    .temporary table tbody tr td{
        text-align: center !important;
    }

js函数名冲突的处理思路类似,在当前文件中设置一个全局对象,然后其他函数绑定这个对象

var proTemporaryAccess = {};
proTemporaryAccess.exp_extract(_this){
};


复选框name冲突,将复选框name命名改成和当前文件相关的唯一命名。

顺便记一下,这个项目使用的是dwz。。。。。。。。==



猜你喜欢

转载自blog.csdn.net/jinxin70/article/details/78716428