-
appearance:none在iOSSafari上对select、date、number等控件基本无效，是Apple的系统级限制，旨在保障可访问性；仅text、search、textarea、button、checkbox、radio等基础控件在iOS≥16.4且配合-webkit-appearance:none时部分生效。327 收藏 -
0b是纯语法糖，仅改变数值书写形式，编译期即转换为等价整型常量，不影响位运算逻辑、执行耗时及生成的机器码，与十进制或十六进制写法行为完全一致。327 收藏 -
justify-content在flex换行后并非失效，而是仅作用于每行内部；末行对齐需用grid、gap+margin、占位符或JS动态补全等方案实现。327 收藏 -
原生popover是布尔属性，仅通过是否存在生效，不可赋值；必须静态存在于DOM中且ID匹配popovertarget；需显式设置z-index避免被原生控件遮挡；JS调用前须确保属性已存在并检测浏览器支持。326 收藏 -
canvas.width/height设绘图缓冲区分辨率，style.width/height仅控制CSS显示尺寸；二者不一致会导致缩放失真；正确做法是按devicePixelRatio动态设置缓冲区并用CSS匹配显示尺寸。326 收藏 -
trigger是Vue3响应式系统中负责派发更新的核心机制，由Proxy的set拦截器隐式调用，根据操作类型（SET/ADD/DELETE）触发对应依赖；它与triggerRef的区别在于：前者是内部函数作用于reactive/ref，后者是供开发者手动唤醒shallowRef响应的API。326 收藏 -
事件冒泡与捕获是 JavaScript 中处理事件的两种机制，理解它们有助于更好地控制事件行为。以下是详细解释：一、事件冒泡（Event Bubbling）定义： 当一个元素上的事件被触发时，该事件会从该元素开始，向上传播到其父元素，直到传播到 document 或 window。示例： 假设有一个嵌套结构：
事件冒泡和捕获的本质区别是传播方向不同：捕获阶段从document向下传递至目标元素，冒泡阶段从目标元素向上传递回document；两者是浏览器固定执行的两个连续阶段，非互斥模式。325 收藏
银行卡号掩码处理保留前4位和后4位，中间用星号替代；正则模式为^(\d{4})\d{7,15}(\d{4})$，配合代码动态计算星号数量，兼顾15–19位卡号兼容性。325 收藏
纯CSS无法直接美化原生单选框，需隐藏input并用label+伪元素模拟；批量“选中所有”单选框在逻辑上不可行，因同name单选框组天然互斥。325 收藏
Chrome105+、Safari15.4+、Firefox121+已默认支持:has()伪类，可实现子元素反选父元素，需用>、+、~等关系符精确控制层级，且不可用于选择器中间或与伪元素连用。324 收藏
生成器函数调用后返回一个Generator对象，它既是迭代器（含next()方法）又是可迭代对象（支持for...of和展开运算符），内部维护执行上下文，仅在调用next()时推进并暂停于yield。324 收藏
background-attachment:fixed失效主因是body未占满视口，需同时设置html,body{height:100%;margin:0;padding:0;}且background-attachment必须写在body上。324 收藏
scroll-snap-type必须配合scroll-snap-align才生效；仅设容器scroll-snap-type:ymandatory不触发吸附，需在每个子元素上显式声明scroll-snap-align:start/center/end，且容器须有溢出滚动（overflow-y:auto）和固定高度。323 收藏
HTML结构本身不参与关键词排名计算，但错误结构会导致搜索引擎无法识别内容重点；真正起效的是语义标签、内容层级与位置信号共同构建的「可理解性」。323 收藏
分片迭代通过将大任务切分为小块并用setTimeout让出主线程，保障页面响应性。它避免单线程阻塞导致UI假死，适用于顺序不敏感、中等数据量场景，核心是固定块大小、索引控制范围、setTimeout(…,0)调度。323 收藏
