在Angular模板驱动表单中，若多个<select>元素共用相同的name属性值，Angular会将它们视为同一表单控件，导致后渲染的下拉框覆盖前者的绑定值，从而出现仅最后一个下拉框显示默认选中、其余重置为空的问题。

JavaScript中所有数字都是Number类型，底层用IEEE754双精度浮点数表示，因此无法精确表示大多数十进制小数，如0.1+0.2!==0.3是设计所致而非bug。

项目列表错位主因是父容器未设flex或grid布局，应加display:flex、flex-wrap:wrap和gap；width与min-width混用致响应失效，推荐flex:11280px配合max-width和媒体查询；卡片高度不一需固定容器高并用object-fit和多行省略统一视觉。

使用.parent:hover.child可在父元素悬停时修改任意嵌套层级的子元素样式；误用>仅匹配直接子元素，+则为兄弟选择器；需注意移动端hover不可靠、伪类顺序（LVHA）及性能问题。

Node.js通过设置响应头或使用中间件解决跨域问题。1.使用CORS设置响应头，通过Access-Control-Allow-Origin等字段允许跨域请求，需注意预检请求处理；2.Express框架可集成cors中间件，支持全局或自定义跨域配置，提升开发效率；3.前端开发环境可通过代理转发请求，如Vite配置proxy将/api指向后端服务，避免跨域；4.复杂请求触发OPTIONS预检，服务端需正确响应以确保跨域能力。推荐开发阶段使用前端代理，生产环境由后端统一配置CORS，兼顾安全与灵活性。

可通过CSS媒体查询orientation特性检测横竖屏：orientation:landscape匹配横屏（宽≥高），portrait匹配竖屏（高＞宽），判断基于视口尺寸而非物理传感器；可叠加min-width等条件提升精度；JavaScript可用matchMedia或resize事件动态监听，需配合viewportmeta标签确保生效。

clearfix仍值得用，因其是局部浮动+不可改结构场景下最轻量、兼容性最佳的方案，通过伪元素触发BFC且不裁剪溢出内容，优于overflow:hidden。

动态导入是使用import()语法异步加载模块的技术，返回Promise，支持按需加载。它不同于静态import，可在运行时条件加载，如用户点击按钮时才加载模块，实现懒加载。在单页应用中，结合React.lazy和Suspense，可根据路由分割代码，访问对应路由时才加载组件，减少首屏体积。此外，还可按功能分割，如仅在需要时加载大型库（如xlsx、moment等）。构建工具如Webpack、Vite等原生支持动态导入，自动拆分代码块，可通过webpackChunkName注释优化chunk命名，提升可维护

表单控件需统一重置样式：box-sizing:border-box；显式设置padding、border、border-radius；用box-shadow模拟focus状态并兼顾:focus-visible；iOS下确保font-size≥16px、line-height明确、-webkit-appearance:none；select需伪元素自定义箭头；所有控件加vertical-align:middle。

Canvas.getContext('2d')是唯一绘图入口，漏调用则所有绘图方法报错；需先获取上下文对象才能调用fillRect、arc等方法，并注意路径管理、状态机特性及图片加载完成后再绘制。

1、通过Win+Tab打开TaskView，拖动浏览器窗口实现左右分屏布局；2、使用HTML的PostMessageAPI与window.open()建立同源页面间通信，主控页发送指令，辅助页监听并更新DOM；3、利用localStorage存储共享状态，通过storage事件监听跨窗口变化，确保viewMode等数据同步；4、采用CSSGrid与Flexbox构建响应式界面，设置min-width与媒体查询优化窄屏显示，提升分屏协作体验。

:hover伪类用于鼠标悬停时改变元素样式，语法为selector:hover{property:value;}，常用于链接变色、图片放大、显示隐藏内容等场景。例如通过.button:hover设置按钮悬停效果，结合transition实现平滑动画，还可与子元素选择器组合使用如.card:hover.card-title改变特定子元素样式，提升交互体验。

使用position:sticky实现导航栏吸顶时，必须设置top值并确保其有可滚动的后续内容；父容器的overflow:hidden通常不是根本原因。

直接输入!+Tab即可生成标准HTML5结构，无需选模板；VSCode无内置HTML5模板，!是Emmet提供的最快最稳起手式，依赖语言模式为HTML且Emmet启用。

HTML5页面分块应优先使用语义化标签：一、用<section>划分带标题的逻辑区块；二、用<article>封装可独立分发的内容；三、用<nav>标识主要导航；四、用<aside>标记附属信息；五、仅在无语义需求时用<div>布局。