-
兼容性最好的CSS颜色写法是十六进制（#ff0000）和rgb()函数，二者均支持IE6+；应避免3位简写、rgba()、命名色及hsl等低兼容性写法。
-
base标签通过定义基准URL统一管理HTML文档中的相对路径，简化资源引用并支持多环境部署，其href属性直接影响相对路径解析和SEO，需确保指向规范URL以避免爬虫解析错误和重复内容问题，使用时应结合中心化配置与自动化构建流程，防止路径混乱和兼容性风险。
-
使用visibility与opacity结合可实现元素的淡入淡出动画，解决display:none无法触发动画的问题。通过animation控制visibility和opacity属性，在视觉隐藏的同时避免交互响应，常用于提示框、弹窗等需要平滑显示隐藏的场景。关键在于利用visibility控制元素是否参与渲染，opacity实现透明度变化，配合forwards保持动画终态，从而达到“真正隐藏”的效果。
-
系统掌握HTML5需分三阶段：一、掌握语义化标签如<header>、<nav>等及与<div>的区别；二、用CSS3实现响应式布局与媒体查询；三、用原生JS通过事件监听、DOM操作增强交互。
-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
React中应使用DOMParser解析XML字符串再递归生成JSX元素，以安全保留结构、属性和命名空间；需捕获parsererror错误，并区分ELEMENT_NODE与TEXT_NODE处理。
-
使用CSS设置网页背景最有效，包括纯色、渐变和图片。通过background-color设置颜色，linear-gradient实现渐变，background-image添加图片，并结合background-repeat、background-size等属性控制显示效果，推荐使用简写属性综合设置，如background:colorurl()no-repeatcenter/coverfixed，提升页面视觉表现。
-
最稳妥的静态HTML托管方式是GitHubPages，零成本免备案且自带HTTPS；需将项目放仓库根目录或docs子目录，通过Settings→Pages启用，访问地址为https://username.github.io或https://username.github.io/repo-name。
-
柯里化是将多参数函数转换为一系列单参数函数的过程，核心是参数分步传递和闭包记忆已传参数，支持部分应用、复用及函数组合，适用于配置预设、事件处理等场景。
-
用Tailwind更优，因其支持PurgeCSS精准剔除未用样式；Bootstrap需手动引入SCSS子模块或第三方插件压缩；Bulma/Foundation因嵌套选择器、无ESM、不可按需提取而拖慢首屏；CSS-in-JS有运行时开销，应慎用于高频交互场景。
-
依赖注入通过外部传入依赖降低耦合，提升可测试性与可维护性。JavaScript中可通过构造函数注入、工厂函数或DI容器实现：构造函数注入将依赖作为参数传递，便于替换和测试；工厂函数集中管理对象创建，减少重复代码；DI容器自动解析依赖，进一步解耦。关键优势包括依赖清晰、易于测试、灵活替换实现和减少硬编码，有效提升代码质量。
-
<footer>标签语义上表示父容器的页脚内容，不限于页面底部；可嵌套在<article><section>等元素内，多个<footer>合法且互不影响；其语义与视觉位置无关，应通过CSS布局而非HTML顺序控制显示位置。
-
浮动导致父容器高度塌陷，使背景图视觉错位；需用clearfix清除浮动、设background-origin为content-box或padding-box并配box-sizing:border-box。
-
答案：通过设置初始边框和transition属性可实现border-width平滑过渡，避免使用border:none导致动画失效。
-
JavaScript引擎通过解析、编译、执行三步处理代码，V8采用Ignition解释字节码+TurboFan对热点函数JIT编译；JS执行会阻塞DOM解析与渲染，async脚本下载后立即执行，defer则延迟至DOM解析完成前按序执行。
