CSS: Refactoring Style Sheets 中文字幕
CSS:重构样式表 中文字幕CSS: Refactoring Style Sheets
随着网站和应用程序变得越来越复杂,样式表经常通过逐渐积累而增长 - 事物被添加并且事情得到调整,导致样式表变得不必要地复杂 化
重构CSS不同于重构典型的编程语言,具有不同的优先级和工具集
在本课程中,学习如何使样式表更加精简,同时保持样式表的强大功能
了解如何优化新旧样式表
首先,Morten Rand-Hendriksen解释了重构的目标 - 重写CSS以简化,改进和优化代码而不改变其行为
然后他介绍了nmp,stylelint,Prettier,Visual Studio Code,Purgecss和Gulp等工具
他还展示了如何修复和重新格式化样式表的实际示例,然后分享最佳实践并演示如何通过自动化清理代码
主题包括:
CSS优化
重构许多样式表
构建CSS
自动重新排序属性
修复错误
忽略警告
使用Chrome审核样式表
隔离未使用的代码
模块化CSS
使用任务运行器
优化CSS以进行交付
- [Morten]所以你已经写了一些CSS,或者甚至交了一个现有的项目,别人写了一些CSS,或者打开了一个旧的项目,你写了一些CSS几周 ,几个月,几年或几十年前。
你看看它,你认为,嗯,这可能需要更新。
欢迎使用CSS Refactoring,它可以获取现有的CSS,使其更简单,更高效,更易于维护。
无论我们是否意识到,我们都会一直重构CSS。
将可能很容易变成令人沮丧和令人生畏的任务变成易于管理的任务的诀窍是以结构化方式进行重构并使用工具来帮助整个过程。
这就是我想在本课程中与大家分享的内容,如何准备,计划和使用各种工具来重构CSS,使其更简单,更高效,更易于维护。
让我们开始吧。
本课程视频下载地址:CSS:重构样式表