-
JavaScript变量提升指声明被移至作用域顶部：var声明与初始化为undefined一同提升；let/const仅声明提升，访问触发TDZ错误；函数声明完整提升可提前调用，函数表达式不提升。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画，配合预加载图片（newImage()+onload）、避免复用实例、用opacity/visibility控制切换，并通过picture或服务端适配WebP等格式。
-
word-break用于控制单词内断行，如break-all允许任意断行，keep-all避免拆分；overflow-wrap则智能处理长单词换行，仅在必要时断开。
-
使用ES6模块化拆分功能，避免全局污染；2.用const/let声明变量，函数参数结合解构提升可读性；3.批量操作DOM并采用事件委托；4.优先使用map/filter/reduce及Set/Map优化性能；5.通过async/await管理异步，配合ESLint和Prettier统一代码规范，提升可维护性与执行效率。
-
HTML5的translate属性用于控制内容是否应被翻译，通过设置translate="no"可防止特定元素内容被机器翻译。1.它适用于品牌名称、代码片段、法律声明等需保持原语言的内容；2.其工作原理是向翻译工具提供提示，但无法完全阻止翻译，仅作为建议；3.除该属性外，还可通过服务器端语言交付、图片嵌入、JavaScript动态加载及正确使用lang属性等方式辅助控制翻译行为；4.合理使用场景包括品牌和技术术语保护、用户标识符、法律文本及外语引用，并应精细化控制应用范围，避免滥用。
-
CSStransition实现卡片翻转的核心是结合transform与transition属性，通过设置perspective、backface-visibility和transform-style构建3D翻转效果，利用transition控制旋转过渡的时长与节奏，使正面与背面在hover时平滑切换，配合transform-origin与easing曲线优化视觉体验，最终实现无需JavaScript的自然动画。
-
1、通过浏览器直接打开HTML文件可快速预览，右键选择浏览器打开即可；2、在浏览器地址栏输入file:///加文件路径可手动加载；3、使用VSCode等编辑器配合LiveServer扩展实现保存自动刷新；4、对于含外部资源的网页，需安装Node.js并使用http-server搭建本地服务器，通过http://localhost:8080访问以避免跨域问题。
-
interval参数控制轮播图自动切换间隔，单位毫秒；值越小切换越快，0或false禁用自动播放；Swiper需在autoplay.delay中设置，Bootstrap5优先读取data-bs-interval属性，手写时推荐setTimeout链式调用。
-
优先使用类选择器并遵循语义化命名（如BEM），避免深层嵌套和过度使用ID、通用选择器，控制伪类与属性选择器复杂度，杜绝滥用内联样式和!important，提升CSS性能与可维护性。
-
尾调用优化通过重用栈帧避免递归时的栈溢出。当函数最后一步调用自身且返回其结果时，如阶乘函数factorial(n,acc)在n≤1时返回acc，否则递归调用factorial(n-1,n*acc)，此时可进行优化，但JavaScript中仅部分引擎支持。
-
font-kerning控制字偶距启用与否，仅影响特定字符对间距，与文本截断无关；实现单行截断需overflow:hidden、white-space:nowrap、text-overflow:ellipsis三者配合。
-
复杂HTML源码可通过五步法调试：一、识别语义标签或类名定位结构；二、用开发者工具高亮、折叠、断点分析DOM；三、过滤框架占位符与注释，标记关键ID锚点；四、提取重排深层嵌套片段并标注布局意图；五、验证嵌套合法性与无障碍合规性。
-
transform无法改变图标形状，因其仅作用于元素整体框而非内部路径；汉堡变×需通过stroke-dasharray/dashoffset控制描边动画或严格对齐的pathd属性插值实现。
-
HTML可在嵌入式设备上通过三种方式实现轻量级UI：一、用lighttpd等微型Web服务器部署HTML文件；二、在Linux/RTOS中用WebView组件加载本地HTML并双向通信；三、在MCU上用Duktape等JS引擎解析HTML片段直驱硬件。
-
本文介绍如何遍历JavaScript对象，精准筛选出值等于目标值的键值对，并将其以对象形式收集到新数组中，避免常见误操作（如错误地推入整个对象）。
