-
获取元素位置最推荐使用element.getBoundingClientRect()，因为它提供元素相对于视口的精确位置和尺寸，适用于视口检测、滚动交互等场景；2.offsetTop和offsetLeft用于获取元素相对于其offsetParent的偏移，适合在定位容器内进行相对布局计算；3.元素相对于文档的绝对位置可通过getBoundingClientRect()的top/left加上window.scrollY/scrollX得到；4.元素尺寸获取有多种方式：getBoundingClientRec
-
掌握WebGL与Three.js结合使用，可高效构建沉浸式3D网页。首先创建Scene、Camera、Renderer构成基础场景，再添加几何体、光源（如DirectionalLight）和PBR材质提升真实感，通过OrbitControls实现视角交互，在requestAnimationFrame中实现动画，并优化性能如合并几何体、复用资源、使用LOD和压缩模型，确保多设备流畅体验。
-
十六进制颜色以#开头，用#RRGGBB或#RGB表示红绿蓝三色，如#FF0000为红色；八位格式#RRGGBBAA支持透明度，如#FF000080为半透明红，常用于CSS颜色设置。
-
颜色显示取决于元素的绘制层级和层叠上下文，浏览器按背景、边框、内容、子元素顺序绘制，后写的元素默认在上层；定位元素通过z-index改变层叠顺序，opacity或mix-blend-mode可创建新层叠上下文；透明色如rgba会产生视觉混合，但受父级层级限制；合理使用z-index与伪元素可精准控制颜色呈现。
-
JavaScript中事件与回调本质相同：事件是异步信号，回调是响应函数；addEventListener需传函数引用而非调用结果；循环中注意闭包问题；Promise需分层处理HTTP状态与解析错误；setTimeout/setInterval中this需手动绑定；异步操作后DOM更新须置于.then或await之后。
-
HTML5版心宽度=页面总宽度−左右边距，需依设计稿获取基准参数，用CSScalc()或JavaScript动态计算，并通过CSS自定义属性统一管理，最后实机验证误差≤±1px。
-
CSS选择器对动态插入元素不生效，因其依赖静态匹配机制，仅在首次渲染或重排时扫描DOM；新节点若未显式携带匹配所需class/id等属性，则无法触发样式计算。
-
border-radius支持1–4个值按顺时针设四角，双值为左上/右下、右上/左下；椭圆需用“/”分隔水平/垂直半径；百分比在flex中易失效；须配合overflow:hidden裁剪子元素。
-
Proxy是JavaScript中用于实现代理模式的核心机制，通过target和handler创建代理对象，用get/set等trap拦截属性访问与赋值，支持响应式、校验、默认值等场景，但仅适用于对象且为浅层代理。
-
