1章 课程介绍(了解本课程必看) 试看
本章节介绍整个课程的内容，让大家了解课程的核心和安排，了解什么是CSS架构，课程安排、学习方法等方面的介绍。

共 1 节 (7分钟)
收起列表
1-1 导学 (06:16)
试看
第2章 蘑菇街之 CSS 架构搭建
CSS 代码臃肿、难维护、难复用以成为前端头号难题。来，学完本章，解决痛点！！！

共 21 节 (249分钟)
收起列表
2-1 vue3创建与初始配置 (16:14)
2-2 vue3创建与初始配置 (18:00)
2-3 node版本选择小技巧
2-4 CSS设计模式完结（1） (18:05)
2-5 CSS设计模式完结（2） (23:42)
2-6 CSS设计模式完结（3） (17:35)
2-7 CSS架构方案 (16:41)
2-8 CSS架构之Settings层代码实现 (19:31)
2-9 CSS架构之Tools层代码实现（上） (07:07)
2-10 CSS架构之Tools层代码实现（下） (11:50)
2-11 CSS架构之Base层代码实现（1） (05:16)
2-12 CSS架构之Base层代码实现（2） (08:58)
2-13 CSS架构之Base层代码实现（3） (11:07)
2-14 CSS架构之Components层代码实现（上） (09:09)
2-15 CSS架构之Components层代码实现（中） (09:43)
2-16 CSS架构之Components层代码实现（下） (16:09)
2-17 CSS架构之Acss层代码实现（上） (07:48)
2-18 CSS架构之Acss层代码实现（下） (08:21)
2-19 CSS架构之Theme层代码实现（上） (04:43)
2-20 CSS架构之Theme层代码实现（中） (11:17)
2-21 CSS架构之Theme层代码实现（下） (07:44)
第3章 蘑菇街首页 试看
玩转 OOCSS，将抽象出复用性极高的组件

共 14 节 (158分钟)
收起列表
3-1 搭建本地 MockJs（上） (04:53)
试看
3-2 搭建本地 MockJs（下） (12:50)
3-3 响应式布局（上） (03:23)
3-4 响应式布局（下） (05:50)
3-5 首页设计稿构思 (03:28)
3-6 架构之Elements层扩展 (12:57)
3-7 架构之ACSS层扩展（上） (13:45)
3-8 架构之ACSS层扩展（下） (09:59)
3-9 架构之Components层扩展（上） (12:07)
3-10 架构之Components层扩展（下） (15:39)
3-11 多色图标 SvgIcon (12:40)
3-12 纯 CSS 实现轮播图 (14:04)
3-13 完成首页布局（上） (15:54)
3-14 完成首页布局（下） (20:29)
第4章 蘑菇街商城页
字蛛是性能优化最重要一环，却往往被人忽视

共 3 节 (23分钟)
收起列表
4-1 商城页设计稿构思 (03:52)
4-2 架构之 Components 层扩展 (08:59)
4-3 完成商城页布局 (09:20)
第5章 蘑菇街时快....

 

下载地址：https://www.feimaoke.com/9072.html