-
align-items:baseline让flex子元素按文本基线对齐，适用于不同字号文字的垂直对齐，如导航栏图标与文字、表单标签等场景，提升视觉一致性，需注意子元素应包含可渲染文本以确保基线正确计算。
-
HTML5中实线边框必须用CSS显式声明border-style:solid，如border:1pxsolid#ccc；锯齿源于亚像素渲染，需用整数宽度、translateZ(0)、font-smoothing等协同优化。
-
答案：JavaScript实现依赖注入的核心是通过DI容器解耦组件与其依赖，提升可测试性、可维护性和模块独立性。容器通过register注册依赖，resolve递归解析并注入依赖，支持构造函数注入等模式，适用于中大型项目以集中管理复杂依赖，但需权衡学习成本与实际需求，避免过度设计。
-
创建Web项目并添加HTML文件至WebRoot目录；2.配置Tomcat等服务器并将项目部署其中；3.启动服务器后通过“RunonServer”在浏览器中访问HTML页面，地址为http://localhost:8080/项目名/文件名.html。
-
XML解析报notwell-formed错误主因是内容不合法：编码声明与实际不符、含非法字符或未转义符号、XML声明位置错误或含BOM。应检查响应头与XML声明一致性，用TextDecoder手动转码，清除BOM，转义特殊字符，并借助在线校验工具定位问题。
-
Grid适合二维布局，Flexbox擅长一维排列，二者结合可高效构建响应式页面。用Grid定义整体结构，如通过grid-template-areas划分头部、侧栏等区域，并利用fr单位和媒体查询实现自适应；在Grid区域内使用Flexbox处理导航、卡片等子元素的对齐与分布；不同断点下可切换布局模式，如桌面端用Grid三栏，移动端转Flexbox堆叠；核心原则是Grid管全局、Flexbox管局部，按需组合以提升代码语义与维护性。
-
为解决浏览器间元素显示不一致问题，需统一CSS默认样式。一、使用CSSReset清除默认样式，如引入EricMeyerReset并设置全局margin、padding为0，配合box-sizing:border-box；二、采用Normalize.css修复浏览器差异，保留有用默认值，通过CDN引入并在自定义样式前加载；三、自定义基础样式规则，统一标题段落行高、移除列表符号、规范图片显示；四、利用TailwindCSS的@tailwindbase或Bootstrap的reboot模块等框架内置机制实现样式
-
hover时translateY浮起无效，主因是未启用硬件加速、被overflow/inline等样式压制或触发重排；阴影不同步需统一transition属性；移动端应避免依赖:hover；文字模糊优先用backface-visibility:hidden而非translateZ(0)。
-
通用兄弟选择器~可选中同一父元素内A之后所有同级B元素，解决传统相邻选择器无法跨节点样式联动的难题，适用于表单提示控制、radio内容切换等场景。
-
vertical-align对数字滚动无效，因其仅作用于行内元素或表格单元格，而数字滚动依赖transform:translateY()精确控制位移，与行高对齐逻辑无关；真正关键的是单行实测高度与transform像素值的严格匹配。
-
:nth-last-child仅匹配父元素的直接子元素，按DOM顺序从后往前计数，所有子节点参与计数（文本/注释节点在旧版Safari中行为不一致），不区分类型；与:nth-last-of-type不同，后者只计同类型元素；参数an+b中b必须为非负整数；它基于结构位置而非视觉位置，无法响应display:none或属性条件，复杂逻辑需JS配合。
-
JSONArray是表示JSON数组结构的对象，用于存储有序的多种类型元素，常用于API数据传输、配置文件及系统间数据交换。
-
用animation而非transition，当需多关键帧、自动触发、循环播放、控制方向或延迟时；transition仅支持两态插值且依赖属性变化，无法实现首帧动画或离散属性过渡。
-
JavaScript需要BigInt是因为Number类型基于IEEE754双精度浮点数，仅能安全表示≤2⁵³−1的整数，超出则精度丢失；BigInt提供任意精度整数运算，支持大整数精确计算，适用于金融、密码学、高精度时间戳等场景。
-
三步搞定本地HTML页面：写文件→浏览器打开→调整内容；关键在UTF-8编码保存和DOCTYPE+html+body基础结构，避免file:///下路径错误与编码乱码。
