-
具有标签名称的类别或ID规则,例如
a.primary-link
-
通用选择器使用不当。
Stylelint
Stylelint是一个雄心勃勃的CSS小工具,可与PostCSS一起使用,PostCSS是一种编写最新CSS的开源工具。linter是一个程序,它遍历您的代码并捕获任何潜在的错误。
Stylelint可以
-
标记错误,例如错别字,无效的十六进制颜色,重复的选择器等。
-
实施最佳做法
-
在每个CSS规则中强制执行编码样式约定,例如一致的间距等。
-
提供对新的尖端CSS语法的支持
-
使用stylefmt(一种用于格式化CSS规则的工具)自动修复一些次要警告……
… 和更多。
Stylelint非常通用,可以与
-
Stylelint CLI(命令行界面)
-
用于您选择的构建工具的插件,例如,webpack,gulp等。
-
可供您选择的文本编辑器的插件,例如Atom,Sublime Text等。
-
Stylelint节点API
-
Stylelint PostCSS插件。
您可以在《 Stylelint 用户指南》和《开发人员指南》中找到有关如何入门的更多详细信息。
CSS触发器
CSS触发器是一个在线资源,可通知您哪些CSS属性会导致在哪些浏览器中进行布局,绘制和复合操作。这些是浏览器在渲染网页时执行的过程。
尤其是:
-
布局:浏览器生成每个元素的几何形状和位置
-
画图:浏览器将每个元素的像素分解为图层
-
复合:浏览器在屏幕上绘制图层。
如果您对网络上的元素进行动画处理,则此信息特别宝贵。对于浏览器而言,复合操作最便宜。如果您的CSS代码对反复触发布局和绘画操作的属性进行动画处理,则很难保持60fps(每秒帧数)的速度,这对于平滑Web动画来说是至关重要的数字。
csnano
当您认为CSS 在页面呈现过程的关键路径上时,使用精简且结构良好的样式表文档就变得很重要。换句话说,默认情况下,浏览器会延迟网页的呈现,直到加载,解析和执行样式表为止。因此,如果您的CSS文档又大又杂乱,那么访问者更有可能需要稍等片刻才能使用您网站上的内容。
新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
cssnano是一个CSS优化和微小插件PostCSS。尤其是,
cssnano会采用格式良好的CSS并通过许多有针对性的优化来运行它,以确保最终结果对于生产环境而言尽可能小。
该工具具有大量功能,以查找它可以为您做的所有事情,请访问cssnano网站。
危急
关键是我在上一节中提到的使用CSS解决关键路径问题的另一种工具。
在PageSpeed Insights的规则和建议中,您会发现以下提示:
为了获得最佳性能,您可能需要考虑将关键CSS直接内联到HTML文档中。这消除了关键路径中的其他往返行程。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
*如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!**](https://bbs.csdn.net/topics/618191877)
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!