《Web 重构笔记》

📄️ 为什么要写这个系列

出于兴趣，选择从事 Web 重构工作，也非常幸运，能够将兴趣与工作结合在一起，既保证了公司和个人的收入，又能倒腾爱好。

本篇主要从语言入门、规范、工具、构建、库、框架、版本控制等各方面展开，篇幅会有点长，涉及到的工具类，会另开博文详细介绍。

本篇讲重构前的分析。从“工作状态、工作环境和工作角色”和具体重构工作两方面分析。

本篇讲从设计稿中提取基础资源和信息：切图与标注。

Web 重构搭建工程目录，即是合理分布项目静态资源。

语义化概念：通过丰富的语义关系对数据进行逻辑化描述，便于数据人机可读、检索挖掘和共享交换，实现信息处理的自动化和智能化；即人类提供良好结构的、作为人能识别的数据给机器，让不同机器能准确高效的意会和处理数据反馈给人类。

Web 重构工作主要是语义化排版文档信息，排版文档信息的最佳实现就是基于 OOP、DDD 分离分割结构、样式、行为。

前面章节方法论，从本章节开始实践。

页面由几个主干结构支撑和区分，主干结构 (Site/Page) 内部由多个区块 (Section) 组成的布局，区块作为弹性布局或定宽布局的钩子，可以实现通栏背景。区块内部则是栅格列 (Grid)，格子列里是各模块 (Module) 和组件 (Component)，各模块和组件可有边框、内外边距。

主干和栅格是文档的骨骼，内容依赖组件进行呈现。

样式预处理

每篇写完，删了又删，只想再简单点、再少点，希望能快速看完，并能产生共鸣。