2024年6月阅读清单

有段时间没有更新自己的阅读笔记了,抽空整理一下最近阅读的相关内容。

应对复杂的布尔表达式

分类:代码规范

文章链接

提供了两种应对复杂的布尔表达式的代码改造建议:

使用中间变量:

  1. 将条件提取到一个命名良好的变量
  2. 将变量中的表达式拆分到各个命名良好的中间变量,直至不再出现&&和||
  3. 使用&&和||串联中间变量

使用函数

将判断逻辑隐藏在单独的方法中,并通过提前返回来减少跟踪中间状态的必要。

:has选择器交互教程

分类:前端、CSS

文章链接

以交互式的形式讲解了:has选择器的使用技巧,使用:has选择器进行一些复杂的元素匹配,并提供实际的例子,以下摘录一些关键的使用方法。

选择特定元素前的单一/所有元素

选择.frame前的单一.book元素

.book:has(+ .frame) {}

选择.frame前的所有.book元素

.book:has(~ .frame) {}

选择包含n个元素的特定元素

选择包含3个及以上.book.box元素

.box:has(.book:nth-last-child(n + 3)) {}

:has选择器的逻辑运算

选择包含.book-purple.book-yellow.shelf元素

.shelf:has(.book-purple, .book-yellow) {}

选择包含.book-purple.book-yellow.shelf元素

.shelf:has(.book-purple):has(.book-yellow) {}

发布者

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注