有段时间没有更新自己的阅读笔记了,抽空整理一下最近阅读的相关内容。
应对复杂的布尔表达式
分类:代码规范
提供了两种应对复杂的布尔表达式的代码改造建议:
使用中间变量:
- 将条件提取到一个命名良好的变量
- 将变量中的表达式拆分到各个命名良好的中间变量,直至不再出现&&和||
- 使用&&和||串联中间变量
使用函数
将判断逻辑隐藏在单独的方法中,并通过提前返回来减少跟踪中间状态的必要。
: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) {}