-
内边距应遵循设计系统间距规范，优先使用12px、16px等规律值，分方向精细调整，配合border-box盒模型与DevTools实时验证，确保视觉节奏稳、准、匀。
-
HTML5本身不提供投票组件或统计功能，纯前端仅能实现表单呈现，必须依赖后端处理提交、防重、存储与统计；localStorage等客户端存储无法实现真实多人投票。
-
JSDoc通过标准注释提升JavaScript代码可读性与维护性，支持类型标注、参数说明、示例及异常描述，广泛用于前端与Node.js开发。
-
浅拷贝只复制第一层，嵌套对象共享引用；深拷贝需处理循环引用、类型判断及特殊对象，推荐structuredClone()或lodash.cloneDeep()。
-
clamp()是原生CSS函数，非JS函数或预处理器指令，语法为clamp(min,preferred,max)，按“取中间值”逻辑计算且纯CSS运行时求值。
-
CSS全局生效因无作用域，import仅触发加载注入head；路由隔离需useEffect动态增删link并加data-route标识；构建阶段须禁用CSS合并，优先用CSSModules避免样式冲突。
-
通过@keyframes定义动画序列并结合background-image与background-position实现按钮颜色渐变，利用伪元素和transition增强hover交互效果，优先动画transform、opacity等可GPU加速属性以优化性能，避免直接切换background-image；通过多层渐变叠加、conic-gradient旋转或组合animation参数创造复杂艺术效果，提升视觉吸引力。
-
iOS原生App需在WKWebView加载完成后再注入水印JS脚本，通过动态创建fixed定位div实现倾斜透明文字覆盖，须适配背景色、缩放及滚动优化，并规避CSP、iframe沙箱等限制。
-
过渡动画卡顿主因是避开重排重绘，需设≥200ms的transition-duration、仅过渡transform/opacity、用translateZ(0)开启硬件加速、避免transition:all及覆盖失效，并选用合适cubic-bezier缓动曲线。
-
在AndroidStudio中运行HTML文件需将其放入assets目录，并通过WebView加载。首先创建assets文件夹并放入HTML文件，然后在布局中添加WebView组件，接着在Activity中启用JavaScript并使用loadUrl加载本地HTML文件，若HTML涉及网络请求还需在AndroidManifest.xml中添加互联网权限，最后运行项目即可在设备或模拟器中显示页面内容。此方法适用于基于WebView的混合开发场景。
-
边框被遮挡主因是父容器overflow:hidden裁剪或margin误用导致溢出；需检查overflow设置、改margin为padding、排查层叠上下文干扰，并对table元素加background-clip:padding-box。
-
使用float实现两列布局需设置左右浮动及宽度，通过overflow:hidden清除浮动，避免父容器塌陷，适用于旧项目维护。
-
::after伪元素清除浮动的本质是让父容器重新建立包含块并感知浮动子元素：通过插入display:table/block且clear:both的匿名元素撑开高度，现代推荐flow-root替代。
-
HTML5原生不支持RTSP，浏览器video标签无法解析rtsp://地址；实际播放依赖服务端转流（如FLV/HLS/WebRTC）或JS库（flv.js/mpegts.js），抓包看到的是HTTP/WS/DTLS等协议而非RTSP。
-
transform会创建新的局部坐标系，其原点默认在transform-origin（默认50%50%），旋转、缩放、倾斜会改变坐标轴方向和单位长度，translate仅平移原点，且复合顺序影响最终坐标系方向。
