-
直接写min-width:768px易导致“魔法数字”问题，应改用CSS变量统一管理断点，如--breakpoint-md:768px，并在:root中定义、媒体查询中以@media(min-width:var(--breakpoint-md))安全调用。
-
iframe不适合做布局，因其破坏语义、可访问性、SEO和响应式；应使用语义化标签配合CSSFlex/Grid，或fetch动态加载HTML片段。
-
响应式设计之所以在现代网页开发中不可或缺，是因为它能确保网站在不同设备上均呈现最佳效果，提升用户体验，适应移动优先的搜索引擎排名规则，并降低维护成本。1.通过添加viewport元标签使页面适配设备宽度；2.使用百分比、Flexbox或Grid等弹性布局替代固定像素单位；3.为图片和视频设置max-width:100%实现媒体响应；4.利用媒体查询根据屏幕特性调整样式；5.优先采用移动端优先策略优化代码结构。运行HTML文档除双击或拖拽外，还可使用VSCode的LiveServer、Node.js的htt
-
1、可通过浏览器直接打开HTML文件预览，右键选择用Chrome等浏览器打开即可；2、也可通过浏览器菜单的“打开文件”功能加载本地HTML文件；3、双击文件可利用系统默认程序快速查看，建议将浏览器设为默认打开工具；4、使用VSCode等编辑器配合“在浏览器中打开”或LiveServer插件实现边写边看；5、对于含JS、CSS或AJAX的复杂页面，应搭建本地服务器运行，如通过Node.js安装live-server工具，在命令行启动服务后访问localhost:8080查看效果。
-
Proxy实现响应式核心是通过get/set拦截建立依赖关系：get中用track()收集当前activeeffect到WeakMap管理的依赖集，set中用trigger()触发对应key的所有副作用；需递归代理、特殊处理数组、配合effect包装函数自动注册与清理依赖。
-
支持，但需初始态和悬停态的border-width均使用带单位的数值（如2px→6px），且保持border-style和border-color不变；若失效，可改用outline-width或box-shadow模拟。
-
模块化+状态驱动实现A/B测试的清晰切换与高可维护性，通过解耦变量、策略、渲染层并以统一状态控制行为流向。
-
HTML语义化不直接提升排名，但通过<header>、<main>、<article>等标签帮助搜索引擎精准识别内容结构与权重，从而影响排名；标题层级、图文语义组合及首屏静态语义完整性是关键。
-
:valid用于选中值合法的表单元素，需配合required、type（如email）或pattern使用；无约束时无效，空required初始为:invalid，非required空字段处于未验证状态。
-
JavaScript模块化历经从全局污染到IIFE、CommonJS、AMD、UMD，最终演进至ESModules（ESM），其核心是解决命名冲突、依赖管理与代码复用。ESM作为语言原生标准，支持静态分析、TreeShaking、异步加载与实时绑定，统一了前后端模块体系，成为当前最优解。迁移中需应对语法差异、路径处理、同步异步兼容及第三方库支持，建议通过构建工具逐步过渡。
-
帮助中心主结构应使用语义化标签：用<main>包裹全部内容，每个FAQ用<section>包裹并设唯一id，标题用<h2>，答案用<p>，折叠功能优先用<details><summary>；搜索框和分类导航置于<aside>中，确保SEO锚点与无障碍支持。
-
KeepAlive本身不会导致内存泄漏，问题在于被缓存组件未清理的全局事件、定时器、第三方实例、watch副作用及大型数据引用；需在deactivated或beforeUnmount中显式清除。
-
<address>标签仅用于标识当前文档或文章作者的联系信息，如博客文末邮箱；不可用于“联系我们”页面客服电话、商品发货地等场景，否则违反HTML5语义规范并损害可访问性。
-
清除浮动最稳妥方案是给父容器加.clearfix类，需确保::after伪元素正确生成（content:""必写）、display:table比block更稳、且必须作用于直接包裹浮动子项的父容器；现代项目可优先用display:flow-root或flex/grid布局替代。
-
根本原因是iOS系统在input等元素聚焦时检测到font-size＜16px触发辅助缩放，真正有效解法是统一设为≥16px，如input,textarea,select,[contenteditable]{font-size:16px!important}。
