-
最稳妥方式是用CDN引入<link>标签，官方推荐且自动处理加载；注意选Free版、放<head>靠前位置、确保联网；图标类名须用fas/far/fab，禁用旧fa前缀；SVG方式更可靠但需JS支持。
-
必须为动态添加的路由显式设置唯一name才能用router.removeRoute()安全删除；它仅支持按name字符串精准移除，不识别path、组件或对象引用，且会级联清除其alias和children。
-
正确设置viewport是移动端开发的关键，需在HTML的head中添加meta标签：<metaname="viewport"content="width=device-width,initial-scale=1.0">，以实现设备自适应和初始无缩放；常用参数包括width、initial-scale、minimum-scale、maximum-scale和user-scalable，可组合使用以控制布局与交互行为；为兼顾适配与可访问性，推荐基础配置，避
-
font的face属性已被HTML5彻底废弃，现代浏览器忽略其样式解析，必须改用CSSfont-family控制字体；中文字体名需加引号，末尾须保留通用字体族，推荐使用<span>或类选择器替代<font>标签。
-
HTML5中禁用按钮应优先使用disabled属性，配合:disabled伪类自定义样式、JavaScript动态控制，并在必要时用aria-disabled替代，同时须通过可访问性工具验证是否符合WCAG标准。
-
SRI不是“开了就安全”的开关，它仅在脚本URL固定、哈希值正确且浏览器支持时生效；用错会阻断加载致白屏。
-
使用CSS的float属性可实现图片环绕文本效果，通过设置float:left或right使文字围绕图片排列，并用margin控制间距；为避免布局错乱，需添加clear:both清除浮动影响；在响应式设计中，可通过媒体查询在小屏设备上取消浮动，使图片独占一行，确保排版美观。
-
new.target无法防止异步构造函数被劫持，因JavaScript不支持asyncconstructor；它仅能防护new调用路径的入口伪造，需结合静态工厂冻结、环境校验、懒初始化和代码完整性校验等多层策略。
-
当表单存在多Tab结构且各Tab含required字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。当表单存在多Tab结构且各Tab含`required`字段时，提交前需自动检测首个含未填写必填项的Tab并切换过去；本文提供健壮的DOM遍历逻辑、事件驱动验证方案及可维护的CSS样式控制。在多Tab表单中实现“提交时自动跳转
-
Flex布局实现按钮组对齐需设容器display:flex，用justify-content控制主轴分布（如center、flex-end等），推荐用gap代替margin，配合align-items可垂直居中。
-
无法靠统一色域配置文件解决Safari与Chrome颜色差异，因CSS不读取ICC/DisplayP3文件；根因是浏览器对未声明色彩空间的颜色（如#FF6B6B）按各自策略解释：Safari默认映射到DisplayP3，Chrome倾向保持sRGB；唯一可控方式是显式使用color(srgb10.41960.4196)并配fallback。
-
navigator.share仅支持Chromium内核浏览器（Chrome76+、Edge79+、SamsungInternet12.2+）和iOS/iPadOSSafari16.4+；Firefox、旧版Safari及桌面Safari不支持，且须HTTPS/localhost安全上下文。
-
可通过JavaScript检测CapsLock状态并提示用户。利用event.getModifierState('CapsLock')判断是否开启，并显示警告信息，结合CSS样式或JS自动转换输入为小写，提升密码等输入场景的用户体验。
-
iframe是HTML层面唯一真正的JS沙箱隔离方案，因其拥有独立window、document、history、location及事件循环，同域about:blank可安全注入脚本并仅通过postMessage通信。
-
基础选择器所有浏览器均支持，伪类和属性选择器在IE6-8中存在兼容性问题，建议通过降级方案、条件注释或Modernizr应对，现代开发可放心使用CSS3但需根据目标用户选择适配策略。
