-
异步生成器通过“拉取”模式解决大文件处理中的内存溢出和背压问题，利用forawait...of按需读取数据块，避免一次性加载全部内容，提升稳定性和代码可读性。
-
使用Flexbox和object-fit可创建自适应图片画廊。1.设置容器display:flex、flex-wrap:wrap实现自动换行；2.子项设flex:11200px使图片最小宽200px并可伸缩；3.设height和object-fit:cover确保图片保持比例且填满区域；4.可选aspect-ratio统一显示比例；5.用gap控制间距，justify-content:center居中对齐。
-
使用float属性可实现左右浮动按钮布局，通过设置.btn-left{float:left;}和.btn-right{float:right;}实现对齐，配合overflow:hidden防止父容器塌陷，并用margin控制间距，建议统一height、line-height保证垂直对齐，虽兼容旧浏览器但推荐新项目使用Flexbox。
-
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类型定义，避免存入字符串导致查询/排序失效。
