-
最稳方案是父容器设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规范的请求，确保头像、姓名、邮箱三者均能成功更新。
-
正确做法是用li:not(:last-child){border-bottom:1pxsolid#ddd;}精准控制非末项加线；兼容IE8则用li{border-bottom:1pxsolid#ddd;}li:last-child{border-bottom:none;}。
-
CSScomb是一款用于统一CSS属性顺序的格式化工具，支持多种样式语言并通过配置文件定义排序规则。安装后可命令行运行或集成至编辑器实现自动整理，提升代码可读性与维护性。团队使用时应统一配置并注意属性层叠影响，合理应用可有效规范样式书写，适合纳入前端工程化流程。
-
Vite需手动安装sass/less等预处理器包并配置css.preprocessorOptions，全局变量用additionalData注入，全局CSS需显式import，构建时CSS顺序问题需统一入口SCSS文件。
