-
必须显式声明transition:background-color0.3sease，避免用all；初始和目标色值需同类型（如均用十六进制），且元素必须有明确background-color声明；移动端需设-webkit-tap-highlight-color:transparent。
-
filter:invert()不能真正“自动反转颜色”，因为它无差别逐像素取反，导致彩色文本消失、图标模糊、对比度崩坏，且不区分语义与背景/前景。
-
BEM通过单一顶层类名和显式子元素类名（如card__title）切断CSS对DOM结构的依赖，避免样式污染与定位漂移；禁止深层嵌套、伪类驱动状态及语义类名复用，强调类名即结构契约。
-
<p>标签是HTML中语义正确、无障碍友好、浏览器原生支持的唯一段落标记，禁止嵌套块级元素，不可用于地址/标语等非自然语言内容，需注意margin折叠与移动端换行问题。
-
直接写vw或rem在CSS-in-JS中易出错，因库默认为数字值自动添加px单位；须显式传字符串（如"16vw"）或使用clamp()等原生方案确保单位生效。
-
border-radius:50%只有在元素宽高相等时才是正圆；若宽高不等（如400×300图片未设正方形容器），则呈现椭圆。需显式设置相等宽高、配合object-fit:cover或overflow:hidden+父容器裁剪，兼顾兼容性与响应式。
-
依赖收集是Vue在读取响应式数据时自动记录依赖关系的过程，通过Observer、Dep和Watcher协同工作，确保数据变化时精准通知对应组件或计算属性更新。
-
CSS不生效主因是路径解析错误：file://协议下./指HTML所在目录，而http://服务器中./或/的基准取决于documentroot；应通过Network面板查404请求的实际URL，并统一用构建工具的base配置或相对路径确保一致性。
-
Reflect是JavaScript正式引入的与Proxy配套的底层操作集合，提供统一、可拦截、返回布尔值的标准接口；其方法一一对应Proxytrap，支持receiver控制、优雅失败、完整键枚举及纯语义访问。
-
HTML转PDF慢在渲染而非转换，核心耗时源于CSS/JS加载、排版绘制；需用waitForFunction代替networkidle2，禁用setTimeout，配置字体嵌入与本地文件访问。
-
真正起作用的验证码必须服务端生成并比对；PHP可用GD扩展+Session实现，或采用GooglereCAPTCHAv3后台打分验证。
-
首先确认HTML文件已保存且路径正确，再通过安装LiveServer扩展并右键选择“OpenwithLiveServer”运行；若未保存或文件不存在则会导致找不到文件；也可手动在浏览器中打开文件验证路径；同时确保项目以文件夹形式打开，并检查launch.json和settings.json配置是否正确。
-
在Vue3（OptionsAPI）中实现带数量限制的复选框组：用户最多可选3项，超出后未选中的选项自动禁用，而已选中的仍保持可取消状态，确保交互逻辑合理、体验流畅。
-
XSS防护需多层防御，核心是不信任用户输入并转义输出；使用白名单验证数据，优先用textContent避免innerHTML，必要时结合DOMPurify等库；模板引擎启用自动转义；配置CSP响应头限制脚本来源，禁用unsafe-inline和unsafe-eval，采用nonce或hash机制授权内联脚本；避免eval、document.write等危险API；通过report-uri监控违规行为；全链路控制输入、输出与浏览器策略，确保各环节安全。
-
本文讲解如何通过PHP动态构造$_POST键名，安全、准确地获取形如hargautama123的表单输入值，适用于循环生成的带ID后缀的input字段。
