-
绝对定位多列不重叠需按内容最大宽度设列宽并加间隙，left用累计偏移计算，父容器须设height防塌陷，IE11避免混合单位calc()。
-
Redux适合中大型应用，强调可预测性与调试能力；ContextAPI轻量灵活，适用于低频简单共享状态。二者核心差异在于设计目标、性能机制与学习成本。
-
逗号运算符是返回最后一个表达式值的表达式运算符，常用于for循环更新部分；在声明中逗号仅为语法分隔符，赋值时需括号包裹才生效，但可读性差应慎用。
-
优先用document.execCommand('fontName',false,'MicrosoftYaHei')控制字体，需确保选区有效、字体名完整准确，Firefox已禁用该命令须降级处理，框架中避免v-model绑定contenteditable并手动同步状态。
-
auto-fit会“撑开”容器：它折叠空轨道后将剩余空间重新分配给有内容的列，而auto-fill坚持按最小尺寸占满整行，保留空轨道位置。
-
本文详解为何onclick="del(this.id)"返回undefined，并提供基于事件委托与DOM层级关系的可靠解决方案，包括代码修正、原理说明及现代替代实践。
-
在JavaScript中删除HTML元素可以使用remove()方法或removeChild()方法。1.remove()方法简洁直接，但不兼容旧版浏览器。2.removeChild()方法通过父节点删除元素，兼容性更好。3.删除多元素时需从后往前删除，避免DOM动态变化导致跳过元素。使用虚拟DOM技术可提升性能。
-
通过CSS可轻松修改ul列表样式，1.用list-style-type更换符号为square、circle或none；2.用list-style-image设置自定义图片符号；3.调整margin和padding控制缩进；4.使用background模拟符号实现更灵活布局。
-
crypto.randomUUID()符合安全规范，因其底层调用操作系统加密随机源（如/dev/urandom），生成RFC4122v4UUID，122位真随机，碰撞概率低于1/2¹²²，且需运行在HTTPS/localhost安全上下文。
-
最实用的响应式断点封装是用map定义断点变量、@mixin+@content实现可嵌套的媒体查询，键名推荐xs/sm/md/lg/xl，值带单位，调用时必须用大括号包裹内容块。
-
实现视差滚动需结合HTML5、CSS与JavaScript：一、纯CSS用background-attachment:fixed；二、JS监听scroll+transform位移；三、requestAnimationFrame优化性能；四、will-change与contain启用硬件加速；五、IntersectionObserver按需激活。
-
WebBundle目前无法用于离线分发大型Web应用，因其仍处实验阶段：Chrome仅支持通过file://或拖入方式加载本地.wbn文件，需启用flag，且不支持ServiceWorker拦截、动态import()、跨origin解析等关键能力。
-
应使用addEventListener绑定click事件，避免onclick行内属性；需preventDefault防止跳转，用display切换菜单并动态定位，监听document点击空白处关闭时排除图标和菜单元素，移动端优先touchstart并兼顾无障碍焦点管理。
-
MobileFirst是以移动设备为默认设计基线，基础样式适配小屏，桌面端用@media(min-width)增量增强；不是先写手机再适配桌面，更非滥用max-width断点。
-
移动端click事件300ms延迟源于浏览器为识别双击缩放而设的等待机制；禁用缩放（如viewport中设user-scalable=no）可消除延迟，但牺牲双指缩放功能；现代浏览器在width=device-width+initial-scale=1.0下部分优化延迟；FastClick需挂载document.body实现事件委托；自定义tap必须判断touchmove以区分点击与拖拽。
