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等），美工都能轻松应对。这些实践使我在重构工作中取得了良好的效果。