-
<p>box-sizing:border-box使width/height包含content、padding和border，避免布局撑开；全局启用推荐{box-sizing:border-box;}或更精确的,::before,::after{box-sizing:border-box;}。</p>
-
图片模糊主因是浏览器缩放插值，默认平滑导致发虚；用image-rendering可强制切换渲染策略：crisp-edges保边缘锐度（推荐像素风/图标），pixelated呈块状（复古/调试），auto为默认平滑。
-
Sass不支持运行时动态换主题，本质是编译期预生成多主题CSS，靠data-theme属性匹配；@function全在编译时求值，无法运行时调用；themeifymixin需用!global和[data-theme]&嵌套确保作用域与变量可达；主题map必须扁平、键名统一；JS切换仅改data-theme并持久化。
-
原生<selectmultiple>不能直接用Choices.js是因为Choices.js完全接管渲染：它读取原<select>的<option>数据后隐藏原生元素，再用div+ul+input重建交互层，故必须确保原生<select>合法（含multiple属性、每个<option>有明确value）、name不可省略，且初始化需在DOM就绪后执行。
-
首先确认Apache服务已启动，打开XAMPP控制面板并启动Apache，状态显示Running后将HTML文件放入htdocs目录，通过http://localhost/文件名访问，避免使用file协议双击打开，确保路径正确且包含UTF-8编码声明以防乱码。
-
HTML5不提供数据加密能力，加密必须由服务端完成；前端可配合密钥管理与解密，但密钥不得硬编码，须通过HTTPS安全信道动态获取，并依托WebCryptoAPI安全解密，HTTPS是所有加密落地的基础保障。
-
多行文字省略号不能只用text-overflow:ellipsis，因其仅支持单行且需white-space:nowrap和overflow:hidden，会阻止换行；多行截断应使用display:-webkit-box、-webkit-box-orient:vertical和-webkit-line-clamp组合方案。
-
一个能实际提交的HTML登录页面必须包含：<formaction="/login"method="POST">骨架；name="username"和name="password"的对应输入框；type="submit"按钮；密码框必须用type="password"；关键autocomplete、autocapitalize等语义属性不可省。
-
position:sticky须同时满足设置top/bottom、父容器不破坏滚动上下文、浏览器支持三条件，缺一不可；常见失效原因是未设top/bottom或父级存在overflow/transform等干扰属性。
-
滚动监听必须用节流+闭包，因滚动事件高频触发易致卡顿，闭包可持久化保存previous时间戳和timeout状态，实现自包含、可复用、隔离的节流逻辑。
-
模块预加载加剧内存碎片是因为加载后未统一管理生命周期，导致各插件独立堆分配器、符号表和TLS区频繁映射/卸载，产生大量零散mmap空洞；需通过预分配固定内存池并重定向malloc/new调用，配合munmap整块回收、Dex预解析与ClassLoader隔离、内存水位联动及madvise归还等手段综合治理。
-
Animations面板为空主因是页面未真正触发动画，需确保Chrome≥98、元素已绑定animation/transition、状态已变化或手动触发重绘；修改duration等属性须暂停重播或清空重输才生效。
-
:focus-within不能直接实现“点击任意处关闭弹窗”，因为它仅响应焦点进出，不监听点击事件或鼠标位置；其关闭效果实为焦点流失所致，且在Firefox中存在兼容性问题，无法可靠响应空白区域点击。
-
Safari中sticky失效主因是父容器无显式高度且含overflow:hidden等属性，需设min-height、避免干扰overflow，并按position:-webkit-sticky;position:sticky;顺序声明。
-
background-position动画比background-image重绘更高效，因其属合成层属性，可由GPU加速；而直接替换background-image会触发全背景重绘，易掉帧。
