-
:first-child要求元素必须是父容器的第一个子节点，而:first-of-type只匹配同类型元素中首个出现的；前者易受注释、空格或前置标签影响，后者更适用于找某类元素的第一个实例。
-
合理组织数据、减少GPU调用并利用硬件能力是WebGL高性能渲染的关键。1.着色器应简洁，避免片元着色器复杂计算与分支；2.静态数据一次性上传，动态数据局部更新，合并缓冲减少drawcall；3.按材质分组渲染，使用纹理图集，缓存状态减少切换；4.正确启用深度测试，关闭不必要的混合；5.利用FBO进行离屏渲染，复用中间结果；6.使用开发者工具监控性能，结合视锥剔除与LOD优化绘制量。
-
HTML中直接敲空格会被浏览器折叠为一个，需用 保留空格、<pre>或white-space:pre-wrap等CSS属性控制空白显示，语义与表现层需区分使用。
-
使用HTML5Audio标签或WebAudioAPI实现网页语音播放，支持通过JavaScript控制播放、预加载资源及处理跨浏览器兼容性问题。
-
使用float实现两列布局需设置左右浮动及宽度，通过overflow:hidden清除浮动，避免父容器塌陷，适用于旧项目维护。
-
HTML5本身不提供高斯模糊原生API，需依赖CSSfilter:blur()（快捷但粒度粗、近似模拟）或Canvas手动实现（可控但开销大），二者均受限于性能、跨域、精度与导出质量。
-
应使用transform:scale()实现购物车数量变化的微缩放动画，配合will-change:transform或translateZ(0)升层，避免width/height触发重排；用CSS类名控制动画、transitionend清理、pointer-events锁定交互，并为iOS12.0及以下提供opacityfallback。
-
使用Grid划分整体结构，Flex处理内部对齐。通过grid-template-areas定义区域，flex实现链接与图标排列，配合媒体查询适配移动端，提升可访问性，实现响应式页脚布局。
-
用border设置实线边框最直接，需显式声明solid（如border:1pxsolid#000），否则默认为none；其伸缩性由display类型、box-sizing和内容存在与否共同决定，空元素塌陷是主因。
-
使用video标签的poster属性可设置视频海报图，提升视觉体验。通过poster="图片路径"指定静态封面，建议图片与视频比例一致、大小适配、主题突出，并优化加载性能，增强用户体验。
-
同一CSS颜色值在不同屏幕显示效果不同，因其RGB数值需映射到各设备独有的色彩空间（如sRGB、DCI-P3），而设备色域、白点、gamma等参数各异，且浏览器色彩管理支持不一。
-
浅拷贝只复制第一层，嵌套对象共享引用；深拷贝需处理循环引用、类型判断及特殊对象，推荐structuredClone()或lodash.cloneDeep()。
-
本文介绍如何高效统计JavaScript对象中值严格等于undefined的属性个数，涵盖原生方法与Lodash两种实现方式，并强调严格相等判断、避免类型误判等关键细节。
-
小屏破版的核心解法是采用width:100%+max-width+box-sizing:border-box组合：百分比宽度实现弹性缩放，max-width限定最大宽度防止过度拉伸，box-sizing:border-box确保padding/border不撑宽容器。
-
设计可扩展的jQuery插件需结合模块化、配置化与事件驱动，首先通过$.extend()合并用户配置，利用回调函数或自定义事件（如beforeSlide、afterSlide）实现行为扩展，并通过$.data()暴露方法供外部调用；为避免插件冲突，应使用IIFE创建私有作用域，采用命名空间管理变量，或借助Webpack等模块化工具隔离依赖，确保插件间互不干扰。
