-
HTML5特性检测应优先使用in操作符判断全局API存在性、typeof检测函数类型、创建元素试探行为，避免依赖UA或documentMode。
-
line-height推荐用无单位数值（如1.5），因其基于自身font-size、继承安全且响应式友好；用px或em易致行距塌陷或爆炸，内联元素需配合display或padding才显效。
-
本文详解为何直接JSON.stringify()无法上传文件，以及如何使用FormData正确提交含图片的用户资料更新请求，确保姓名、邮箱与头像同步更新成功。
-
最稳方案是父容器设display:flex并align-items:center，子项自动水平排列且垂直居中；inline-block易因空白符出缝隙，float已淘汰。
-
使用absolute定位结合媒体查询实现响应式侧边栏：1.通过position:absolute使侧边栏脱离文档流，固定于屏幕左侧；2.利用mediaqueries在小屏下调整宽度或隐藏侧边栏，主内容自适应；3.配合transform和JS实现抽屉效果，优化移动端体验。
-
CSS中不存在“颜色选择器”，color是属性而非选择器；需用选择器选中元素后设置color等属性，注意优先级、继承、用户代理样式及color与background-color、opacity的区别，推荐使用CSS自定义属性统一管理颜色。
-
JavaScript字符串是不可变原始类型，所有操作返回新字符串；判断子串用includes()，截取需用Array.from()处理Unicode，替换用replaceAll()或带g的正则，去空白需扩展trim()。
-
JavaScript动画应使用requestAnimationFrame而非setTimeout/setInterval，因其自动对齐屏幕刷新率、后台暂停、统一调度；需递归调用并设停止条件，配合transform/opacity等GPU加速属性及缓动函数实现高性能动画。
-
HTML列表关键在语义与嵌套规则：ul用于无序内容（如导航），ol用于有序内容（如步骤）；li不可省略且须正确嵌套；嵌套建议≤3层，避免语义错误与可访问性问题。
-
FIMO默认不添加自定义属性，因其HTML仅为静态可视化输出，由硬编码模板生成，无扩展机制；需通过解析TSV后手动构建含data-*属性的HTML。
-
掌握HTML5需按五步学习：一、语义化标签与Flexbox布局；二、CSS3动效与响应式断点；三、Canvas、Geolocation等API实践；四、整合开发待办清单等完整项目；五、研读MDN文档并用ChromeDevTools调试。
-
本文介绍在TypeScript+NestJS+Mongoose环境下，如何将嵌套对象中的日期字符串数组（如['2023-07-02T13:21:29.643Z']）安全、高效地转换为Date实例数组，并确保其符合MongooseSchema中的Date类型定义，避免存入字符串导致查询/排序失效。
-
CSS定位核心是position属性，relative保持文档流并相对自身偏移，absolute脱离文档流并相对于最近非static祖先定位，二者结合实现精确布局控制。
-
使用CSS的padding-bottom技巧或aspect-ratio属性可固定视频宽高比，推荐现代项目用aspect-ratio，兼容老浏览器则采用padding-bottom方案，确保响应式设计中视频不变形。
-
本文详解为何直接JSON.stringify()无法上传文件，以及如何使用FormData构建符合multipart/form-data规范的请求，确保头像、姓名、邮箱三者均能成功更新。
