-
搜狗浏览器默认支持HTML5，关键在于关闭兼容模式、禁用干扰扩展、确保documentMode为undefined，并验证media.mediasource.enabled和media.mp4.enabled均为true。
-
应使用rgba()或hsla()直接设置border-color的alpha值，而非opacity或filter，以免影响元素内内容；rgba()和hsla()的第四个参数为0–1的小数，代表透明度；需注意父容器背景可能遮挡透明边框效果。
-
模块模式通过闭包封装私有状态，解决全局变量污染问题；观察者模式实现发布-订阅机制，降低组件耦合；工厂模式统一对象创建，隐藏实例化细节。合理使用这些模式可提升代码可维护性与团队协作效率，但应避免过度设计，优先选择清晰简单的实现，结合工具固化最佳实践，重点在于解决实际问题而非套用形式。
-
attr()函数主要用于在CSS的content属性中动态插入HTML属性值，典型场景包括打印样式中显示链接URL、提升可访问性、开发调试及创建轻量级工具提示。其语法为attr(attribute-name<type><fallback>)，支持获取任意HTML属性（如href、data-*、alt等），但目前主要局限于content属性使用，因浏览器对非content属性的attr()支持有限，且属性值多被当作字符串处理，难以直接用于width、color等需数值或颜色类型的CS
-
选择轻量级模型和高效推理引擎是关键。使用TensorFlow.js、ONNXRuntimeWeb或MediaPipeTasks等库，可在浏览器中实现实时人脸识别、手势控制、智能填充等功能，通过加载预训练模型、优化资源使用（如量化、WebGL加速、WebWorkers）和合理控制推理频率，实现低延迟、高隐私保护的前端AI应用。
-
Hoisting是指变量和函数声明被提升到作用域顶部：var声明提升并初始化为undefined，let/const声明提升但处于暂时性死区，函数声明完全提升而函数表达式不提升。
-
纯CSS实现按钮加载旋转菊花图：通过0宽高元素+三边实色一边透明的border配合border-radius:50%形成圆环，再用@keyframes定义rotate(360deg)动画实现旋转，结合display切换控制显隐，轻量易复用。
-
调整HTML页面边距的核心是使用CSS的margin属性，通常作用于body或容器元素；2.margin用于控制元素外部间距，而padding控制内容与边框之间的内部空间，二者不能混用；3.常见陷阱包括外边距合并和浏览器默认样式，可通过重置样式、使用box-sizing:border-box或Flexbox布局避免；4.实现响应式边距应采用rem、%、vw等相对单位，并结合媒体查询在不同屏幕尺寸下调整边距；5.Flexbox和Grid布局的gap属性可替代传统margin，提供更可控的子元素间距解决方案。
-
Chrome/Firefox中background-image边缘发虚源于非整数倍缩放时默认插值质量低；可用-webkit-optimize-contrast（Chrome）、crisp-edges（Firefox）、scale(1.001)触发GPU采样或改用img+srcset多分辨率方案。
-
background-clip控制背景绘制区域，与border-box（box-sizing的取值）无直接关系；前者决定背景画到边框、内边距或内容区外沿，后者仅影响宽高计算。
-
本文介绍使用JavaScript的JSON.stringify配合自定义replacer函数，递归移除JSON中值为null或空字符串（''）的键，并自动剔除因此变为空对象的嵌套对象，实现深度精简。
-
Babel是将新版本JavaScript（如ES2015+）转为向后兼容代码（如ES5）的编译器，解决浏览器对新特性支持不一的问题；它支持箭头函数、解构赋值、类、模块、async/await等语法转换，并可通过插件实现polyfill注入、JSX/TS支持及智能目标环境适配。
-
HTML5显示图片有两种主流方式：一是用<img>标签通过src嵌入，支持语义化、alt文本和懒加载；二是用CSS的background-image设置装饰性背景，不参与文档流；二者可混合使用以兼顾可访问性与视觉效果。
-
应使用复合选择器实现多条件同时满足的样式应用：如.btn.primary表示同时具备btn和primary类；button.submit:hover需同时满足button标签、submit类及hover状态；button[type="submit"]:disabled则要求button元素、type属性为submit且处于disabled状态。
-
用color:transparent实现占位符视觉隐藏，需配合::-webkit-input-placeholder、::-moz-placeholder、:-ms-input-placeholder等兼容写法，禁用display:none或visibility:hidden。
