-
for...in用于遍历对象可枚举属性，包括继承属性，需用hasOwnProperty过滤自身属性；遍历数组时不保证顺序且会遍历非数字键，建议使用for...of或forEach；key始终为字符串类型，Symbol属性不会被遍历。
-
用参数化混合器+border技巧生成Popover箭头最稳定，通过控制三边透明、一边有色形成三角形，支持top/bottom/left/right方向及尺寸、颜色、偏移量配置。
-
应使用URL.createObjectURL()获取预览URL，比FileReader.readAsDataURL()更高效；需在更换图片前调用URL.revokeObjectURL()释放旧引用，避免内存泄漏，并用CSS的max-width/max-height和object-fit控制显示效果。
-
全屏滚动页面的核心是CSSmin-height:100dvh+scroll-snap-type:ymandatory，需配合scroll-snap-align:start、禁用overscroll-behavior及用IntersectionObserver监听页面切换，避免JS模拟滚动性能问题。
-
Suspense是Vue3内置组件，用于协调异步依赖加载状态，通过虚拟DOM层占位机制在子组件就绪前渲染fallback内容，需显式声明default/fallback插槽且异步组件必须为直接子级。
-
现代报纸布局首选column-count+column-gap配合break-inside:avoid；它原生支持、语义清晰、响应式友好、打印适配佳，直接对文本流分栏，避免float清浮动和grid手动切块问题。
-
应在32位系统使用Node.js32位长期支持版、Parcel等轻量构建工具、pnpm离线依赖管理、Babel降级编译及PaleMoon调试浏览器。
-
transition-property用于指定参与过渡的CSS属性，可选值为none、all或具体属性名，如width、opacity等。通过精确控制属性，避免不必要的动画，提升性能。例如设置transition-property:width,background-color，仅这两项属性会触发过渡效果。实际开发中常与transition简写结合使用，如transition:transform0.3sease，确保只有transform产生动画，其他属性如color即时生效。需注意仅可动画属性（如tran
-
alert()是最轻量的原生提示方案，但无法自定义样式且移动端体验差；需封装toast函数实现自动创建、定时隐藏和防堆叠，才能兼顾简洁性与可用性。
-
标准盒模型中width仅含content，怪异模型中width包含padding和border；box-sizing:content-box为默认值，border-box使width直接等于元素总宽（含padding与border）。
-
Konva不能将HTML元素直接转为舞台，需用<canvas>初始化Konva.Stage；必须显式传入container、width和height，再添加Layer和Shape并调用draw()才能显示内容。
-
可通过BlobAPI、FileAPI或FileSystemAccessAPI在HTML5中创建本地文件：BlobAPI生成临时URL触发下载；FileAPI可构造File对象用于上传；FileSystemAccessAPI支持直接读写用户授权的本地文件系统。
-
拖放功能不生效需检查：1.draggable="true"属性必须显式设置为字符串；2.dragstart中调用dataTransfer.setData()；3.dragover和drop均需preventDefault()；4.传对象须JSON序列化；5.移动端需用touch事件模拟；6.drop时用composedPath().[0].closest()定位真实目标。
-
答案：JavaScript中迭代器模式与函数式编程结合，通过惰性求值和纯函数组合构建高效、可维护的数据处理流水线。迭代器按需提供数据，支持内存友好型流式处理；函数式编程以无副作用的纯函数实现过滤、映射等转换，确保逻辑清晰且可组合。两者协同实现声明式数据流控制，适用于大数据场景。自定义迭代器可通过Symbol.iterator或生成器函数构建，灵活适配复杂数据源。异步操作借助async/await与异步生成器整合，错误处理可在迭代层捕获或通过Either等函子传递，保障管道健壮性。
-
应抽离公共样式为base.css顶部同步加载，页面专属样式用preload异步加载，禁用内联style；用CSS变量统一管理主题，构建时按页面拆包并hash命名，服务端注入带版本号的CSS链接并设置fallback。
