WEB标准心得之网页重构的思路
重构心得分享
在我最近的重构工作中,我学习了一些行业标准的做法,并尝试将其应用于实践中。以下是我重构过程中的一些主要思路和体验,希望对同行们有所启发。
一、CSS文件的组织
在重构过程中,我采用了Rest的设计理念来组织CSS文件。例如,对于用户相关的样式,我会创建一个user.css文件。如果某个资源较为复杂,我会进一步分解,如user_new.css和user_edit.css等。对于共用的组件,如工具栏样式,我会单独创建一个toolbar.css文件。这种组织方式使得代码更易于维护和查找。
二、选择器的使用
三 文本标签的使用
在重构过程中,我注意到很多网站大量使用span标签。为了避免过度使用class,我尽量在同一层级只使用一次span标签。我也使用了、、、等标签来丰富文本的展示。在CSS中,可以直接针对这些标签进行样式定义,使得代码更加简洁明了。
四、class的使用情境
我主要在以下情况下使用class:当某个块是Grid系统中的基本块时、当需要供javascript调用时、以及万不得已的情况下。也就是说,如果可以利用原生选择器解决问题,就不轻易使用class。这样有助于保持代码的清晰和易于维护。
五、美工与程序员的协作
在重构过程中,美工和程序员的协作至关重要。我提倡美工只负责调整CSS中的大括号内容,而程序员则负责大括号前的内容。由于不轻易引入class,这使得双方沟通更加容易。工作流程包括美工根据Grid系统设计出设计图,然后程序员根据设计图中的基本块命名来编写HTML和CSS,最后由美工调整CSS中的样式直至满意。
以上就是我在重构过程中的一些心得体会。欢迎各位同行指出问题和缺点,共同学习进步。通过采用这些行业标准的做法,我能够提高工作效率,使得代码更易于维护和沟通。这些做法也使得CSS文件更易于理解,无论后端使用何种技术(如asp、jsp、php等),美工都能轻松应对。这些实践使我在重构工作中取得了良好的效果。
网站设计
- WEB标准心得之网页重构的思路
- HTML5中的Scoped属性使用实例
- CSS3 不定高宽垂直水平居中的几种方式
- 微星PL62怎么样?微星PL62 MX150高性能版游戏本详细
- 全球首款高清变焦无人机航拍器问世
- maya怎么使用3s材质球贴图-
- 电脑桌面右下角如何设置显示自己的名字-
- 区分IE6,IE7和firefox的CSS hack
- pwdump的使用方法
- win8桌面图标设置:更换主题但不换桌面图标的图
- Mac笔记本电池保养注意事项介绍
- 怎么让win10中的微软小娜只听你的话?
- 一列固定宽度布局和背景图片绝对定位的实现代
- nclaunch.exe - nclaunch进程有什么用 是什么意思
- 松下g7无反相机怎么样 松下g7无反相机配置参数
- ThinkPad L490笔记本值得买吗 ThinkPad L490笔记本详细