-
推荐使用link标签在head中引入外部CSS文件，设置rel="stylesheet"和href路径；也可用@import在CSS中导入、style标签嵌入或JavaScript动态创建link加载。
-
表单验证的核心目标是及时友好提示用户并保障数据有效性，前端验证提升体验但不能替代后端校验；需结合原生API、自定义样式与提示、防误提交机制及前后端职责协同。
-
text-shadow无法触发transition，因color属性属离散类型，不支持插值动画；应改用background-clip:text+background-position过渡实现渐变文字效果。
-
用:checked伪类替代:hover可实现移动端可控的点击展开/收起菜单，需将checkbox与菜单置于共同父容器内、菜单设position:absolute且父容器设position:relative，配合max-height过渡动画，并完善可访问性。
-
:focus没反应常因默认outline覆盖，需用outline:none清除并替换为可访问的焦点样式；:focus-within实现容器内任一子元素聚焦即响应；:focus-visible仅键盘操作生效，需配合:focus:not(:focus-visible)隔离样式；iOSSafari对:focus支持有限，需用JSfallback确保可用性。
-
浮动导致父容器塌陷需触发BFC，如overflow:hidden；左右栏高度不一致会引发错位，纯float无法等高；响应式下float清除易混乱，现代布局应优先用flex或grid。
-
WebComponents通过CustomElements和ShadowDOM实现跨框架复用，支持属性通信与事件交互，结合ES模块打包可构建稳定通用的企业级组件。
-
visibility:hidden隐藏元素但保留空间，不影响布局，子元素无法显示；2.display:none完全移除元素且不占空间，触发重排，子元素同步隐藏；3.关键区别在于空间占用、布局影响、继承性和过渡支持，根据是否需保留位置选择使用方式。
-
JavaScript是全栈开发的事实标准语言——贯穿前后端、构建工具、数据库驱动及部署脚本；必须掌握原生机制、运行时模型、工程配置与调试能力，否则无法定位和解决跨层问题。
-
Portal渲染是将组件内容逻辑保留在当前树、物理挂载到任意DOM节点的技术，用于解决全局弹窗的定位失效、层级截断、样式穿透难及无障碍受限等问题。
-
XMLHttpRequest.upload.onprogress不触发的根本原因是监听对象错误，必须绑定到xhr.upload而非xhr本身，且需在open()后、send()前设置；若后端未返回Content-Length或被代理截断，e.lengthComputable将为false，导致无法计算进度。
-
<p>data-*属性必须用小写连字符命名，如data-user-id；JS通过dataset访问时连字符转驼峰，但修改需用setAttribute；不可存敏感信息或大量数据；框架中需显式透传，且不具响应性。</p>
-
应该，但前提是项目实际使用CSS自定义属性；variables.css须仅含:root声明、在所有依赖它的CSS前引入，且避免与预处理器变量混淆。
-
无线鼠标在代码编辑器中光标跳动、点击失灵的主因是轮询率低与系统输入延迟叠加，尤其在VSCode、JetBrains等高频编辑器中表现为点不中行号、拖选断开、右键滞后；2.4G鼠标典型延迟20–40ms，蓝牙更不稳定；系统插值（如Windows指针精度、macOS鼠标加速）和VSCode光标动画会进一步恶化精确定位；实测需用240fps录像比对点击帧、光标变化帧与控制台时间戳帧，差值＞30ms可判定为外设瓶颈；调试悬停、条件断点设置、终端分割线拖拽、触控板协同等场景对延迟极敏感；优化应先关闭系统/编辑器层放
-
margin:auto在flex容器中能居中是因为它会吞噬主轴和交叉轴的剩余空间；前提是父容器为flex且子元素未设置flex-grow/shrink，且交叉轴尺寸必须可计算。
