-
QQ浏览器不支持单独安装HTML5插件，因其原生支持HTML5；新版（≥10.x）默认优先使用HTML5播放器，但受网站适配、UA检测、内核模式及脚本干扰等因素影响可能降级。
-
验证场景优先用test()，它返回布尔值、语义清晰、性能略优；match()返回数组或null，适合提取内容而非校验，全局模式下空数组易致误判。
-
rgb()不支持透明度，必须用rgba()；rgba()第四个参数为0–1的alpha值，如rgba(255,0,0,0.5)；替代方案有hsla()和#rrggbbaa（现代浏览器）；勿与opacity混用。
-
HTML与CSS通过link标签连接，浏览器解析后呈现网页。创建index.html和style.css文件并保存至同目录，HTML中用<link>引入CSS，双击HTML文件在浏览器中打开，可见标题居中蓝色、段落绿色18px，说明样式已生效。使用开发者工具可调试，配合LiveServer实现热更新，提升开发效率。
-
JavaScript学习应从console.log()开始建立反馈循环，用const/let替代var，严格使用===比较，优先选箭头函数但注意this和arguments限制。
-
使用CSSGrid布局可轻松实现整齐自适应的卡片排列。通过将父容器设置为display:grid，并使用grid-template-columns:repeat(auto-fit,minmax(250px,1fr))定义列宽，确保每列最小宽度为250px且自动换行填充容器。配合gap:16px属性统一设置卡片间的行与列间距，避免传统margin带来的对齐问题和外边距折叠。该方案天然支持响应式设计，在不同屏幕尺寸下自动调整每行卡片数量，无需额外媒体查询。可选justify-items:center实现内容居
-
使用position:relative可使元素相对于原位置偏移，通过top、left等属性调整位置，保留原有空间，常用于微调或作为绝对定位的参考容器。
-
防抖和节流是前端优化高频事件的常用手段。防抖通过延迟执行，仅触发最后一次操作，适用于搜索框输入等场景；节流则保证函数在固定时间间隔内至少执行一次，适合滚动监听等持续触发的事件。两者核心区别在于执行频率控制策略不同，防抖关注最终状态，节流注重规律响应。
-
实现JS物理引擎的核心是通过数学模型模拟物理规律，使用requestAnimationFrame循环持续更新物体状态；2.每帧依次施加力、积分更新位置速度、进行碰撞检测与响应；3.向量数学、积分方法、分离轴定理和冲量计算是实现基础2D引擎的关键数学基础；4.浏览器端实现可降低延迟、减轻服务器压力、节省带宽，适合互动性强的Web应用；5.Matter.js等库通过封装复杂算法、提供高级API、优化性能和内置调试工具大幅简化开发流程，提升稳定性与功能丰富性。
-
flex-grow实现列宽弹性分配需父容器display:flex且子项无固定宽度；flex-grow:1均分剩余空间，与flex-grow:2共存时按2:1分剩余空间；响应式需媒体查询配合flex-direction切换或flex-wrap+flex-basis控制；flex-basis比width更适合因它是初始尺寸可被伸缩；IE11兼容需显式写flex:110px并降级备用样式。
-
本文深入剖析fun1()与fun2()行为差异的本质：前者通过函数名重赋值实现单次初始化+闭包缓存，后者每次调用均创建全新数组；核心区别在于对象生命周期、作用域绑定及引用共享。
-
Chrome中margin-inline不生效通常因浏览器版本过低（需Chrome87+）或未正确设置writing-mode；其映射方向依赖书写模式，默认horizontal-tb下等价于margin-left/right，vertical-rl下则控制上下边距。
-
答案：float与position结合时，通过为浮动元素设置relative定位，使其成为absolute子元素的定位参照，从而在响应式布局中精准控制内部元素位置。具体描述：float负责元素的文档流排列，而position:relative为子元素建立定位上下文，position:absolute则让子元素脱离普通流并相对于该上下文精确定位，常用于徽章、覆盖层等效果；叠加时需注意z-index和堆叠顺序，确保视觉层级正确，最佳实践包括使用相对定位容器、绝对定位内容层及响应式样式配合，实现图片文字叠加等复
-
CSS的::before伪元素用于在HTML元素内容前插入装饰性内容或样式化文本，需配合content属性使用，支持纯文本、图标、定位装饰块及attr()动态绑定。
-
实现JavaScript颜色选择器的核心在于通过HTML、CSS和JavaScript结合鼠标事件与颜色模型转换实现交互式选色，1.可从原生inputtype="color"快速实现基础功能；2.自定义实现需构建色相条与饱和度/亮度面板的HTML结构并用CSS渲染渐变；3.利用JavaScript监听mousedown、mousemove、mouseup事件，根据鼠标位置计算HSL值并转换为RGB或Hex；4.使用canvas可绘制更复杂的颜色空间如色相环并实现像素级控制；5.高级交互包括拖拽指示器、颜色
