-
使用viewport单位和clamp()函数可解决文字在不同设备上显示不适的问题，font-size:clamp(1rem,2.5vw,2rem)能让字体在最小值和最大值间自适应，结合媒体查询微调断点，实现响应式排版。
-
浏览器按选择器权重（a,b,c,d）规则决定样式生效，而非书写顺序；a为内联样式数，b为ID数，c为类/属性/伪类数，d为标签/伪元素数，逐位比较如版本号。
-
font-weight设为600未变粗，是因为字体文件未提供该字重轮廓数据，浏览器只能模拟或降级；需用@font-face引入含600字重的Web字体并验证加载。
-
可行但需JS配合：::before仅作视觉增强，须用onerror添加class标记失败状态，再通过CSS控制显示占位内容，同时隐藏原图；伪元素生效需img设position:relative及宽高。
-
video标签无反应应先检查src路径和状态码，常见问题包括404、403、CORS、file://协议限制、MIME类型错误；MP4需H.264+AAC编码；多source兜底时mp4放首位；autoplay必须muted且服务端配置正确。
-
本文介绍如何通过监听keydown事件，将填字游戏的用户输入方式从弹出式虚拟键盘无缝切换为原生物理键盘输入，无需修改核心逻辑，兼容大小写与字母范围校验。
-
<p>HTML注释应使用<!---->语法，注明作用域、修改时间与兼容性信息，禁止暴露敏感内容，结合编辑器快捷键与自动化工具提升规范性与可维护性。</p>
-
history.pushState()通过向浏览器历史栈添加新记录来更新URL且不刷新页面，需传入可序列化state对象、非null标题及同源URL。
-
项目需先规划需求与目标设备，再选技术栈；2.使用语义化标签构建清晰结构；3.通过响应式设计适配多端；4.优化资源提升性能；5.多环境测试确保兼容；6.部署后持续维护更新。
-
轮播图左右箭头须手动添加button元素并绑定事件，实现currentIndex索引控制、边界处理、CSS/SVG绘制、a11y支持（aria-label、disabled）、touchstart兼容及焦点管理。
-
@warn不能直接拦截废弃CSS类名，因为它仅在Sass编译时触发，不检查HTML中硬编码的类名，且依赖编译流程和开发者关注终端输出，对纯CSS类名无感知，也无法捕获模板中class字符串。
-
HTML5History返回白屏的典型原因不是路由没注册，也不是history.pushState失效，而是页面刷新或返回时，服务端没正确响应静态资源路径，导致HTML文件没加载成功——浏览器拿到的是404或空响应，自然白屏。常见错误现象：Failedtoloadresource:theserverrespondedwithastatusof404()，但控制台没报JS错误；地址栏显示/user/profile，Network面板里却在请求这个路径的HTML
-
答案：JavaScript中变量声明有var、let、const三种方式，推荐使用let和const；数据类型包括Number、String、Boolean、Null、Undefined、Symbol、BigInt七种基本类型及Object、Array、Function等引用类型。
-
opacity过渡无反应的主因是初始值与目标值未发生实际数值变化，或transition未写在起始状态选择器中；须避免display:none、确保visibility和pointer-events协同控制交互，并注意JS触发时的状态同步与事件校验。
-
contenteditable="true"需满足父级未禁用、无干扰CSS（如user-select:none）、避免内联元素；ShadowDOM需显式设置；document.execCommand已废弃，应改用Selection/RangeAPI；粘贴需监听paste事件并DOMParser清洗；focus后需手动恢复选区。
