-
JavaScript数组方法中，push、pop、shift、unshift、splice、sort、reverse、fill会修改原数组；filter、map、reduce、find、forEach等不修改原数组；includes/some/every用于布尔判断；flat()和扩展运算符需注意嵌套深度与性能。
-
多选框应使用<inputtype="checkbox">而非<selectmultiple>，因其支持单点切换、全选联动、键盘操作且语义明确；需确保DOM就绪后查询、过滤disabled元素、反选逻辑鲁棒、前后端均校验选中项并防重复提交。
-
HTML5中空格被合并是因空白字符处理规则，可用 、white-space:pre/pre-wrap、JS替换空格、<pre>标签或textarea空格可视化等方式保留。
-
::first-line伪元素用于为块级元素的首行文本添加特殊样式，如改变颜色、字体、加粗、缩进等，常用于文章排版以提升可读性和视觉效果；其基本语法为选择器后接::first-line并定义样式，例如p::first-line{color:#d44;font-weight:bold;font-variant:small-caps;}可使段落首行变红、加粗并使用小型大写字母；常用装饰技巧包括调整字体大小、颜色、背景、缩进和字母间距，如设置background-color、text-indent和letter
-
aria-readonly仅向辅助技术传达只读语义，不改变交互行为；必须与原生readonly或事件拦截配合使用，否则会导致语义与实际行为错位。
-
解决CSS延迟加载导致的FOUC闪屏，核心是让关键CSS尽早同步加载：优先内联首屏关键CSS；非关键CSS用preload+stylesheet组合或media="notall"+onload惰性加载，并做浏览器兼容检测。
-
flex-shrink:0加了仍变形，是因为未配合flex-basis或width:auto，导致浏览器fallback到不可控的固有尺寸；需同时设width:auto、height:auto和min-width:0，并确保外框稳定后再用object-fit控制内容填充。
-
打印边距必须用@page规则设置，body的margin对打印无效；@page需置于外部CSS文件中并用media="print"引入，单位用mm/cm，还需配合@mediaprint隐藏非内容元素及处理分页。
-
可通过CSStransform属性实现页面元素反转：一、rotate(180deg)绕中心旋转；二、scale(-1,-1)全镜像翻转；三、scaleX(-1)或scaleY(-1)单向翻转；四、结合CSS变量与:hover实现交互式反转；五、用@keyframes定义3D反转动画。
-
只有noopener和noreferrer会影响浏览器安全行为：noopener阻止新页面通过window.opener访问原页面，noreferrer还禁发Referer头；二者必须配合target="_blank"才生效，其他rel值如nofollow、external对安全无实质作用。
-
应优先使用localStorage存储用户手动选择的主题，并在首次加载时以prefers-color-scheme为默认值；切换时需同步更新data-theme属性、meta[name="color-scheme"]及CSS规则，按钮须用button元素+JS控制并支持aria-pressed与系统主题变更监听。
-
CSS原生不支持oklab颜色空间插值，transition无法在oklab中计算中间色；必须通过JavaScript手动计算oklab色阶并转为rgb/hsl，再用CSS变量和transition驱动才能实现真丝滑阶梯。
-
默认cluster.schedulingPolicy在macOS/Windows为SCHED_NONE，导致连接集中到首个worker；Linux为SCHED_RR故较均衡。应显式设置cluster.schedulingPolicy=cluster.SCHED_RR。
-
:first-child未生效是因为父元素首个子节点不是目标元素，如存在注释、空格或非li元素；:nth-child按所有子元素统一编号，非仅目标类型；建议用:first-of-type或:nth-of-type更可靠。
-
JavaScript函数分四类：函数声明（提升，可前置调用）、函数表达式（不提升，需先定义）、箭头函数（无this/arguments，不可构造）、方法简写（对象中this绑定调用者）。
