-
使用Mongoose定义Schema并创建模型，如用户包含姓名、邮箱、年龄等字段；2.通过嵌套处理一对少关系（如地址），引用ObjectId处理一对多（如文章关联用户）；3.为常用查询字段添加索引，利用pre/post中间件实现密码哈希等逻辑，提升性能与安全性。
-
答案：通过触发BFC、使用padding/border、调整布局结构或统一margin方向可解决margin重叠问题。具体如设置overflow、display:flow-root，改用Flex布局或仅设margin-bottom等方法有效避免垂直margin塌陷。
-
使用auto-fit与minmax()结合CSSGrid可实现响应式多列文字排版，.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;}，auto-fit自动填充并拉伸有内容的列，minmax确保每列最小250px、最大1fr，容器宽度不足时自动换行，适用于文章卡片等场景，相比auto-fill更紧凑；实际应用如.article-grid设置minmax
-
flatMap在JavaScript中就是map操作后紧跟flat(1)的结合体，能同时对数组元素进行映射并自动扁平化一层，使代码更简洁且意图更明确。1.它的核心优势在于语义清晰，直接表明“转换+扁平化”的意图；2.性能上优于map().flat()，因避免了中间数组的创建；3.适用于处理嵌套数据提取、生成多条记录、数据过滤与解析等场景；4.需注意它仅扁平化一层，无法处理深层嵌套；5.回调函数必须返回数组，否则非数组返回值会被包装成单元素数组导致潜在错误；6.this上下文需通过箭头函数或thisArg正
-
弱引用不阻止垃圾回收，WeakMap和WeakSet用于避免内存泄漏。1.WeakMap键为对象且弱引用，适合存储对象元数据；2.WeakSet存储对象且弱引用，可用于标记已处理对象；3.二者均不可遍历、无size、无法追踪存在性，确保高效回收。
-
cubic-bezier()是CSS中通过四个参数定义缓动函数的标准方法，x1/x2∈[0,1]决定时间轴形态，y1/y2可越界实现过冲或回弹；x超界则整个函数失效，y过大易致跳动，需结合属性与设备实测调试。
-
箭头函数不绑定自身this，而是继承外层作用域的this值；它用=>定义，无arguments、prototype、super和new.target，不能作为构造函数。
-
答案：CSS中link标签的media属性可按设备类型和视口条件加载不同样式表。1.通过screen、print等值为打印机、屏幕等设备加载特定样式；2.支持媒体查询语法，根据宽度、分辨率等适配响应式布局；3.利用惰性加载提升性能，非关键样式不阻塞渲染；4.使用and、or等逻辑符组合条件实现精准控制。合理使用可优化体验与性能。
-
flexbox的order属性仅对flex容器的直接子元素生效，需确保父容器设为display:flex/inline-flex且目标元素为其直系子项；order默认值为0，响应式中应显式设置所有参与排序元素的order值以避免顺序错乱；它只改变视觉顺序，不影响DOM和屏幕阅读器顺序，需兼顾可访问性。
-
使用thead、tbody和tfoot能提供清晰的语义化结构，使表格的头部、主体和底部在代码中明确分离；2.它们提升了可访问性，帮助屏幕阅读器等辅助技术准确解析表格内容；3.便于通过CSS精准控制不同部分的样式，避免依赖复杂的类名或选择器；4.在打印长表格时，浏览器可自动在每页重复thead和tfoot内容，提升可读性；5.支持固定表头、内容滚动等布局需求，为复杂交互提供结构基础；6.在动态数据加载或操作时，可单独更新tbody而不影响表头和表尾，提高DOM操作效率；7.多个tbody可用于语义化分组数据
-
Grid布局核心是轨道定义、内容定位与避免错乱：grid-template-rows/columns定义轨道而非单元格数，fr单位需剩余空间才生效，minmax更安全；grid-column/row用线号定位，负号从末尾计；grid-template-areas须矩形拼合且命名规范；响应式需重置定位属性并慎用dense。
-
JavaScript事件循环是协调同步代码、微任务和宏任务执行顺序的规则，非调度器；宏任务含setTimeout等，微任务含Promise.then等；每轮先执行一个宏任务，再清空所有微任务，最后渲染（浏览器）。
-
可在HTML5中用<strong>（语义加粗）、<b>（纯视觉加粗）或CSSfont-weight（精细控制）实现文字加粗，优先推荐语义化标签，并避免使用已废弃的<font>标签。
-
viewportmeta标签必须设为<metaname="viewport"content="width=device-width,initial-scale=1.0">，否则移动端浏览器默认按约980px虚拟视口渲染，无法实现1:1显示；CSS需用响应式单位（rem/em）、max-width、SVG等适配dpr与屏幕尺寸，真机测试不可替代。
-
Angular是Google维护的TypeScript前端框架，提供模块化架构、响应式数据流、开箱即用工具链，适合构建可维护的大型企业级应用。
