-
优酷App的自动小窗播放是客户端原生功能，需在“我的→设置→自动小窗播放”中关闭；网页端仅有浏览器画中画（PiP），与HTML5自动播放设置无关，禁用PiP需调整浏览器flag或about:config。
-
最快实现全图黑白反差应使用filter:grayscale(100%)contrast(200%)，而非invert(100%)；前者先去色再增强明暗对比，真正达成高对比黑白效果，后者仅为色彩反转。
-
使用代码编辑器自动格式化、在线工具处理、规范书写习惯、Prettier统一风格、手动优化关键结构，可提升HTML代码可读性与维护效率。
-
fixed侧边栏问题根源是父容器触发新包含块，导致定位基准异常；小屏需媒体查询降级为static；高度应设100vh+overflow-y:auto；iOS卡顿需GPU加速并简化样式。
-
利用CSS伪元素可高效创建提示图标，无需额外HTML。首先为容器设置relative定位，通过::before或::after添加content内容，结合position绝对定位将图标置于元素右上角；可使用文字或FontAwesome等字体图标（需指定font-family和Unicode），并用背景色、尺寸、圆角等样式美化；还可通过:hover触发::after显示提示文字框，注意设置z-index避免层级问题。该方法轻量且易维护，适用于表单标注等场景。
-
原生checkbox不能直接用CSS改样式，因其渲染由浏览器硬编码；需保留原生input并用伪元素覆盖视觉层，同时确保可访问性、焦点管理与状态同步。
-
split()方法有四大关键细节：空字符串分隔符逐字符拆分（IE8不支持）；分隔符未匹配时返回原字符串单元素数组；正则捕获组内容会插入结果数组；limit参数限制长度，0得空数组，负数等同不限制。
-
JavaScript压缩与混淆不改变运行逻辑但影响调试和错误定位；压缩仅减小体积且几乎不影响执行速度，混淆则可能降低性能并干扰API检测；应禁用高风险优化、生成SourceMap并进行端到端测试。
-
JavaScript中的静态函数是挂载在函数或类上的方法，无需实例化即可调用。通过函数属性或ES6的static关键字实现，用于工具函数、工厂模式等场景，如MathUtils.add或Validator.isEmail，区别于需实例调用的原型方法。
-
HTML中插入真正空格最常用的是 （不换行空格），需写成 ；其他如 、 为固定宽空格，适合对齐；优先用CSS的margin/padding或white-space属性控制空白。
-
纯HTML+CSS作品集只需index.html和style.css，结构分头部简介、作品网格、底部联系三块；图片用<img>直引路径，禁用JS；作品卡片统一用<articleclass="project">，CSS用Grid/Flex自动布局；响应式设两断点，字体用rem，必加viewportmeta、HTTPS资源、-webkit-前缀兼容Safari。
-
移动端JavaScript优化需从减体积、降开销、强缓存入手。1.通过代码压缩、按需加载、拆分长任务减少执行开销；2.配置HTTP缓存、ServiceWorker及localStorage提升加载速度；3.利用preload预加载关键资源，合理设置async/defer控制加载顺序；4.结合PerformanceAPI与DevTools持续监控并优化未使用代码与网络载荷；5.灰度发布验证性能影响。全链路协同优化可显著提升弱网与低端设备体验。
-
flexbox多栏布局核心在flex-wrap与flex-basis配合：设flex-wrap:wrap触发换行，flex-basis设理想宽度（如250px），min-width防过度压缩，禁用width避免冲突。
-
opacity会让背景越来越暗是因为它作用于整个元素及子节点，导致颜色、文字、边框等全部变淡，且多层叠加时透明度相乘（如0.5×0.5=0.25），使重叠区域明显发灰发暗；应改用rgba()仅控制背景色透明度，避免影响子元素。
-
JavaScript默认参数是函数定义时为形参指定的仅在实参为undefined时启用的后备值，支持动态求值、精准语义、与解构结合需防null/undefined报错，且影响length属性。
