步骤1 - 设计稿审查

• 了解设计稿的开发友好性
• 了解设计稿的排版布局及内容构成

1. 跨页面可复用组件
2. 当前页面可复用组件

步骤2 - 编写页面骨骼框架

• 盒模型
• 布局
• 语义化

步骤3 - 填充网页血肉内容

Extract Assets 资源生成器

步骤4 - 润色

• BEM - 我个人并不是太喜欢这个
• 姓氏命名法
• 模块 + 简bem + 多class描述 这是我自己常用的

步骤5 - 兼容性测试

渐进增强与平稳退化