素材牛VIP会员
怎样进行页面重构?
 Su***er  分类:Html5  人气:580  回帖:1  发布于6年前 收藏

比如这样的一个模板,想要用这个模板的样式来写别的页面,但又怕会因为原来css的优先级,名字等问题导致失败(页面样式变得很奇怪),应该怎样写自己的css而又不会产生这种问题呢?js又该怎么写呢?如果需要用js操作类来更改样式,又怎样避免效率低下的问题呢》(原来的CSS大概10000行)

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv7 码师
to***09 PHP开发工程师 6年前#1

考虑项目的复杂性和复用性。

1.复杂性,如果原项目很庞大很复杂,重构的成本就很大,呈正相关关系。

2.复用性。如果原始css做了具体的分类,每个功能做了相应的css模块分类,公用样式都做了分离,那么重构css就简单易用。如果js同样是模块化,面向对象开发,复用起来也就越容易。如果js按照面向过程的写法来写就不容易重构。
关于你说的class是否重复的问题。新项目建议完全采用新的class命名规范,比如wx-页面名-模块名-具体功能名称,虽然写起来比较麻烦,但是利于维护,或者你可以使用sass/less来嵌套css也是可行的。

ps:仅仅针对你说的这个cms网站来说,为何不直接使用,重构是因为需要加上新功能?改变原有功能?重构的好处是什么呢?

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取