-
HTML5调用摄像头需用navigator.mediaDevices.getUserMedia()获取MediaStream，必须在HTTPS或localhost下运行；成功后通过video.srcObject绑定预览，用canvas.drawImag截帧拍照，MediaRecorderAPI录制视频，注意兼容性与权限管理。
-
本文详解如何仅用纯CSS为<progress>元素添加平滑动画效果，指出关键限制与跨浏览器适配要点，并提供可直接运行的代码示例。
-
当使用position:absolute或fixed的元素被遮挡时，需结合overflow属性解决显示问题。2.父容器设置overflow:hidden会裁剪脱离文档流的定位元素，应改为visible防止截断下拉菜单等组件。3.在可滚动容器中，overflow:auto或scroll会导致浮层面板被隐藏，可通过将浮层移出父级（如使用Portal）、临时修改overflow或改用position:fixed解决。4.必须合理设置z-index并避免祖先元素意外创建层叠上下文，确保定位元素正确显示在顶层。5.
-
display:none彻底移除元素、不占空间、不响应事件、子元素失效，触发重排，SEO不索引；visibility:hidden保留占位、仅重绘、屏幕阅读器可读；opacity:0仍占位可交互，需pointer-events:none禁用点击。
-
不能用<progress>实现环形进度，必须用CSSconic-gradient或SVG；CSS方案轻量但兼容性差（IE不支持），SVG方案兼容性好、可控性强，推荐生产环境使用。
-
z-index不生效的根本原因是元素未处于层叠上下文中；只有在层叠上下文内部，z-index才决定子元素堆叠顺序，跨上下文时父级整体层级优先。
-
JavaScript迭代器核心是next()方法，返回{value,done}对象；实现[Symbol.iterator]()的对象为可迭代对象，供for...of等消费；生成器函数可简化迭代器创建。
-
transition适合两态平滑变化，需触发条件且仅作用于可计算属性；@keyframes适用于多阶段、循环或精确控制的复杂动画；二者混用时animation覆盖transition，应避免冲突。
-
watchEffect的核心优势是自动追踪依赖并提供onInvalidate机制，在副作用重新执行前清理上一次未完成操作，如定时器、请求或事件监听；首次执行不触发onInvalidate，后续依赖变化前及组件卸载时均会触发。
-
横屏适配需用@media(orientation:landscape)与@media(min-aspect-ratio:1280/720)双重判断，禁用orientationchange事件，改用matchMedia监听；width避免100vw改用100%或100dvw；viewport加text-size-adjust:100%防字体缩放。
-
Bootstrap5+默认将.page-link的border-radius设为0，需用更具体选择器（如.pagination>li:first-child.page-link）实现首尾圆角、中间无圆角，并同步调整focus状态的box-shadow和border-radius以避免视觉毛边。
-
Grid磁贴布局需用grid-template-columns:repeat(auto-fill,minmax(240px,1fr))和grid-auto-rows:1fr实现等宽不等高；hover吸附动画应分层transition-delay，Safari兼容需加translateZ(0)和-webkit前缀；移动端用@media(hover:none)禁用hover并设min-block-size保点击区域。
-
通过组合选择器与Flex布局结合，可精准控制子元素样式与对齐。使用.container>.item选中直接子元素，.container.header+.content选择相邻兄弟，.navli:first-child结合伪类设置首项样式；Flex容器通过justify-content和align-items控制主轴与交叉轴对齐，子项用align-self单独调整，flex-grow与flex-shrink管理空间分配；实战中导航栏两端对齐用space-between，中间菜单居中通过margin:0
-
顶部公告横幅需用bodypadding-top“推下”内容防遮挡，动态读取高度并存localStorage实现关闭持久化，响应式用flex控制文字与按钮布局，iOS加transform优化重绘。
-
JavaScript支持函数式编程，核心是纯函数（相同输入恒得相同输出、无副作用）和高阶函数（接收或返回函数），二者结合提升可预测性、可测试性与组合能力。
