-
flex-grow按权重分配剩余空间，order改变子元素显示顺序。例如flex-grow:2的元素比flex-grow:1的多占一倍空间，order:-1的元素排在最前，二者结合可实现响应式布局调整。
-
选对工具并结构化实现可高效完成网页数据可视化。首先利用Chart.js、D3.js、ECharts或ApexCharts等库，通过CDN引入并在HTML中设置id为"chart-container"的容器；接着分离数据，用JavaScript动态绑定并调用chartInstance.update()更新视图；再通过响应式布局、交互事件和可读性优化提升体验；最后压缩资源、处理大数据、避免内存泄漏，并可部署于GitHubPages等平台。
-
JavaScript正则表达式核心是/pattern/flags字面量或newRegExp()创建，常用预定义字符类（如\d、\w、\s）、邮箱手机号等格式校验、捕获组提取、replace动态替换，并强调实践调试。
-
JavaScript垃圾回收采用标记-清除机制，从根对象出发标记可达对象，未标记者被清除；常见泄漏源包括未解绑事件监听器、未清除定时器、闭包过度捕获及缓存未释放，需用ChromeMemory面板分析堆快照定位悬空引用。
-
vertical-align用于内联或表格单元格元素的垂直对齐，常用值包括baseline、top、middle、bottom等；通过设置img{vertical-align:middle}可实现图文居中，inline-block元素可通过vertical-align统一对齐方式，table-cell元素可利用该属性实现内容垂直居中。
-
max-width和max-height可防止内容溢出与变形，提升响应式设计的适应性；2.图片设置max-width:100%配合height:auto保持比例，避免失真；3.文本容器通过max-width限制最佳阅读宽度，结合margin居中实现弹性布局；4.弹窗或下拉菜单使用max-height限制高度，配合overflow-y:auto防止垂直溢出；5.设置box-sizing:border-box确保padding和border不超出最大尺寸，使盒模型计算更直观。合理运用这些属性能增强页面的可读性
-
前端数据流模式需根据项目规模、团队习惯和技术栈选择；2.Flux提出单向数据流，流程清晰但样板代码多；3.Redux采用单一Store和不可变更新，适合大型团队协作；4.MobX基于响应式，开发高效但追踪变化较难；5.Zustand轻量简洁，适合现代React项目快速上手；6.Vue响应式系统内置集成，Pinia提升模块化与TypeScript支持。
-
Promise是对“未来值”的可组合抽象，本质为不可逆的状态机（pending→fulfilled/rejected），执行器同步运行，then/catch回调在微任务队列执行，需注意链式返回、错误捕获范围及状态继承特性。
-
:nth-child(n+k)按所有子节点（含文本、注释）计数，非仅目标标签；应优先用:nth-of-type()选同标签序号，或用data-index/JS打标规避DOM结构依赖。
-
折叠面板通过点击标题展开或收起内容，示例包含HTML、CSS和JavaScript实现，支持多面板独立操作，适用于FAQ等场景，代码可直接运行并扩展。
-
MutationObserver构造函数必须传入一个普通函数作为回调，且需显式调用observe()方法并正确配置options（如childList、subtree、attributes等），否则无法监听；回调中修改DOM易引发无限循环，应先disconnect再重新observe或使用标记位控制。
-
在Node.js+Express环境中，浏览器端的location.href无法直接用于服务端脚本；应改用res.redirect()进行服务端重定向，并配合res.sendFile()提供静态HTML文件。
-
设计JavaScript虚拟机指令集需围绕动态类型、闭包、对象属性访问等特性，采用栈式架构。1.指令分类包括常量加载（PUSH_CONST）、变量操作（LOAD/STORE_LOCAL/GLOBAL）、对象属性访问（GET/SET_PROP）、函数调用（MAKE_FUNCTION、CALL）、控制流（JUMP_IF_FALSE）和算术逻辑运算（ADD、EQ）。2.字节码示例中，函数add生成MAKE_FUNCTION并存入全局，调用时压入参数并执行CALL。3.优化方向包括索引替代字符串查找、内联缓存加速
-
Symbol.iterator是对象可被for...of遍历的必要条件，其返回值必须是含next()方法的迭代器，且next()每次调用须返回{value,done}；常见错误包括缺失done、this未实现next、箭头函数导致this绑定失效；Range类需确保[Symbol.iterator]是普通函数、每次返回新迭代器、done为true后仍稳定返回{done:true}。
-
推荐用[class^="icon-"]精确匹配以"icon-"开头的class属性值，但需注意它匹配整个class字符串开头；更稳妥的是添加统一前缀如btn-icon，再用.btn-icon.icon-search等组合选择器。
