CSS:重构样式表 中文字幕

课程信息
英文名CSS: Refactoring Style Sheets
课程来源Lynda.com
讲师Morten Rand-Hendriksen
课程ID765405
课程时长1.6小时
下载所需积分50
所属类别CSS

随着网站和应用程序变得越来越复杂,样式表经常通过逐渐积累而增长 - 事物被添加并且事情得到调整,导致样式表变得不必要地复杂化

重构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,使其更简单,更高效,更易于维护。

让我们开始吧。

中文课程网 提供全网最全,中文翻译质量最高的国外课程视频资源(Lynda / Pluralsight)

请先登陆 如果还没有账号,请先注册