-
减少DOM操作可降低重排与重绘开销，建议批量处理并使用DocumentFragment；2.合理使用事件委托能减少内存占用并提升动态元素管理效率；3.避免内存泄漏需及时清理定时器、解绑事件及控制全局变量；4.优化循环应缓存数组长度并降低算法复杂度以提升执行效率。
-
弹性单位替代px是解决CSS跨设备显示不一致的核心方法，关键在于理解rem（根字体）、em（父字体）、vw/vh（视口）、%（包含块）的参照基准与适用场景，并配合viewport、媒体查询等综合使用。
-
React是用JavaScript编写的前端UI库，非JS原生部分，专注声明式UI渲染；核心概念包括JSX、组件、Props、State和虚拟DOM，进阶需掌握Effects、Refs、Context与Hooks，底层依赖扎实的JavaScript基础。
-
AGM三防手机HTML5适配核心是viewport精准配置与touch事件修复。需设置user-scalable=no、max/min-scale=1及target-densitydpi；touch事件须设touch-action:manipulation、preventDefault()并避免passive；Canvas需按screen.width/window.innerWidth计算DPR并scale渲染。
-
针对HTML5页面结构化数据提取，应采用五类方法：一、用BeautifulSoup4+html5lib精准解析宽松语法；二、用Playwright/Selenium处理JS动态渲染；三、用语义化CSS选择器提升鲁棒性；四、提取JSON-LD/microdata等嵌入元数据；五、模拟设备环境应对响应式DOM差异。
-
grid-auto-flow控制网格中未定位元素的排列方式，默认按行填充，可设为column或dense模式实现纵向或紧凑布局，配合隐式轨道定义实现灵活自适应效果。
-
<details>的open属性是反映初始状态的反射属性，无法直接赋值控制开关，应使用toggleAttribute('open')；需用::marker或::after自定义图标；多<details>联动须监听toggle事件并手动处理兄弟节点。
-
弹性盒子与网格布局混合使用错位的根本原因是容器层级职责不清、display属性覆盖或尺寸计算冲突；应由Grid负责整体二维结构划分，Flexbox负责内部一维内容对齐，并通过语义化wrapper隔离职责、合理设置min-width和轨道函数避免拉伸干扰。
-
yield用于暂停生成器函数并返回单个值，调用next()继续执行；yield*委托给其他生成器或可迭代对象，逐个产出其值。
-
Flex多列布局核心是设容器display:flex，用flex-direction、flex-wrap和子项flex属性控制排列；三栏等宽用flex:1而非width百分比；两栏自适应推荐flex简写组合；响应式切换需配合flex-wrap和媒体查询。
