-
box-shadow看不出层次主因是blur-radius过大、offset为0、背景对比不足；需结合明度差≥15%的色阶、差异化阴影参数、z-index及参照关系协同构建视觉深度。
-
答案：搭建HTML5开发环境只需文本编辑器和现代浏览器。推荐使用VSCode、SublimeText或Atom等编辑器编写代码，通过Chrome或Firefox运行调试，创建包含标准结构的html文件并保存为index.html即可在浏览器中查看效果。
-
浏览器显示乱码是因为没声明正确的字符编码HTML页面出现中文变方块、问号或拉丁字母混排，大概率是浏览器猜错了编码格式。现代浏览器默认按UTF-8解析，但如果你的文件实际保存为GBK或ISO-8859-1，又没显式告诉浏览器该用什么解码，就必然乱码。关键不是“怎么修复已乱码的页面”，而是“从源头让浏览器拿到正确提示”：确保HTML文件本身以UTF-8无BOM格式保存（编辑器里选“SaveasUTF-8withoutBOM”，Notepad++、VSCode都有此选
-
使用CSS伪元素::before和::after可为元素添加提示图标或文字，无需额外HTML标签。1.::before和::after通过content属性在元素前后插入内容，常用于添加装饰性图标或提示信息；2.必须设置content属性，否则伪元素不显示；3.利用::before可创建圆形问号图标，样式由CSS控制，保持HTML语义清晰；4.使用::after结合:hover可实现悬停显示提示框，需配合position定位；5.可引入字体图标如FontAwesome，通过Unicode字符显示专业图标，
-
静态方法和属性属于类本身，通过static定义并直接用类名调用。如MathUtils.add()和Counter.count，不依赖实例，this指向类，适用于工具函数、计数器等场景，提升代码组织性。
-
伪类顺序错误会导致选择器不匹配而非样式覆盖；正确顺序应为状态类（:disabled）在前、交互类（:hover/:focus）在后，且需兼顾特异性、浏览器兼容性与设备环境。
-
能，但需用得对、选得准、管得住；工具通过规则约束CSS弱约束缺陷，提升可预测性与可追溯性，而非消除Bug。
-
HTML表单无版本概念，所谓“HTML5表单”仅指HTML5新增特性（如type="email"、required等），旧浏览器会静默忽略不支持的属性但仍可提交；需JS检测能力并polyfill，服务端必须重校验且处理enctype变化。
-
HTML页面显示异常等问题可按五步调试：一、用开发者工具检查DOM结构与样式；二、用W3C验证器检测语法错误；三、隔离第三方资源排查干扰；四、启用严格模式并查看控制台报错；五、用Lighthouse等工具校验语义化与可访问性。
-
本文详解在Next.js类组件中监听URL查询参数变化的正确方法，指出pushState不触发popstate的原因，并提供兼容性好、无需Hooks的纯JavaScript解决方案。
-
JavaScript数组创建有字面量、构造函数、Array.of()和Array.from()四种方式；length属性可写，修改会截断或扩展数组，其值为最大整数索引加1，不等于元素个数。
-
JavaScript浮点数精度问题源于IEEE754标准导致0.1等小数无法精确表示，如0.1+0.2!==0.3；解决方法包括：使用toFixed()转字符串后解析、整数化运算（如金额用分）、封装精度校正函数，关键根据场景选择方案。
-
影子DOM是WebComponents标准的一部分，通过attachShadow方法为元素挂载独立DOM树，实现样式与结构的隔离；其内部CSS仅作用于影子根内，支持slot内容分发和::part()样式定制；常与自定义元素结合，用于构建高封装性的可复用组件，适用于设计系统、微前端等需避免样式冲突的场景。
-
本文详解在启用scroll-snap-type的滚动容器中，如何通过IntersectionObserver替代冗余的jQuery滚动监听，安全、高效地实现背景色渐变过渡，彻底解决height:100vh与transition冲突导致的动画失效问题。
-
transition必须写在基础样式里，否则首次hover无动画；应避免all，优先用transform和opacity实现GPU加速；移动端需处理300ms点击延迟。
