-
字符串不可变性导致频繁拼接开销大，应使用Array.join()或模板字符串提升性能；2.正则表达式需复用实例并简化模式以降低执行成本；3.截取方法slice和substring选择语义清晰者即可，避免高频调用；4.处理长字符串宜分块或流式处理，结合生成器减少内存占用；5.核心是根据场景避免低效操作，尤其在热路径中优化拼接与正则匹配。
-
通过设置animation-fill-mode:forwards，可让CSS动画在播放完毕后保留最后一帧的样式，从而实现元素（如块级元素）在点击按钮上升并永久停留在目标位置（如margin-top:-25px）的效果。
-
本文介绍在Joi中高效复用已有对象Schema字段（如a、b）的方法：通过schema.keys()动态扩展属性，避免误继承.xor()、.messages()等顶层配置，实现清晰、可维护的Schema分层设计。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量层，避免频繁重排重绘，支持批量更新与跨平台；React.createElement等返回虚拟DOM对象，diff算法仅同层级同type比较，key用于标识可复用节点，列表渲染须用稳定唯一key。
-
JavaScript是实现网页交互的核心语言，通过内联、内部脚本或外部引入三种方式嵌入HTML，推荐外部引入；脚本应置于body底部或head中加defer属性以确保元素就绪；可用Console验证执行。
-
通过opacity和transition实现淡入淡出效果，结合visibility控制元素显示状态，利用类切换触发动画，避免使用display以保证过渡平滑，适用于提示框、模态窗等场景。
-
ReflectAPI提供统一的函数化对象操作接口，补全JavaScript元操作，与Proxy配合实现可靠拦截和转发，提升可预测性与可编程性。
-
掌握CSSGrid对齐需理解四组属性：1.justify-items与align-items控制所有子元素在网格区域内的横向与纵向对齐，如center居中、stretch拉伸；2.justify-self与align-self用于单个子元素独立对齐，优先级高于容器属性；3.justify-content与align-content调节整个网格轨道在容器中的分布，适用于存在剩余空间时的布局，如space-between实现两端对齐；4.实际应用中可组合使用，如整体居中用justify-items和align
-
使用HTML5的video标签是网页播放视频最简单且兼容性好的方式，无需插件，通过controls属性显示控制条，source标签指定MP4和WebM等多格式视频以适配不同浏览器，结合autoplay、muted、loop等属性可自定义播放行为，确保现代浏览器下稳定高效运行。
-
要构建支持TreeShaking的JavaScript库，需使用ES模块语法、避免副作用、配置package.json正确声明模块入口与无副作用，并通过Rollup等工具打包输出ESM格式，确保未使用代码可被安全移除。
-
提示条应通过opacity配合CSSfadeOut动画实现温柔退场，动画结束用animationend事件移除DOM；可增强transform微调提升轻盈感，并添加pointer-events:none防交互。
-
JavaScript错误处理需提前预防、精准捕获、合理反馈、有效恢复；应选择性使用try-catch包裹高风险操作，结构化抛出错误，设置全局兜底，并借助严格模式与工具链提升健壮性。
-
Canvas.getContext('2d')是唯一绘图入口，漏调用则所有绘图方法报错；需先获取上下文对象才能调用fillRect、arc等方法，并注意路径管理、状态机特性及图片加载完成后再绘制。
-
JavaScript动画核心是动态更新元素样式，推荐用requestAnimationFrame实现60fps平滑动画，优先使用transform和opacity提升性能，避免style.left/top字符串拼接。
-
代码分割与懒加载通过将JavaScript拆分为按需加载的模块，显著提升前端性能。使用动态import()可实现路由级（如React.lazy）和功能级（如异步加载图表库）的懒加载，结合webpackPrefetch等预获取提示优化用户体验，合理分割可减少首屏体积并降低初始加载耗时。
