前端，设计模式，常见设计模式，观察者模式，订阅发布者模式，两种模式的区别，JS手写设计模式

一、domEle.getBoundingClientRect()获取对应元素的大小及其相对于视窗的位置，返回一个包含left, top, right, bottom, x, y, width, 和 height这几个以像素为单位的参数对象，除了width 和 height 以外的属性是相对于视图窗口的左上角来计算的。如下图：视窗指的是能够显示页面内容的浏览器窗口。该api详细说明可点击此链接查看：

bug，路由无法跳转，路由报错

TypeScript中Omit和Record工具类型可以组合使用实现灵活的类型操作。Record<K,T>创建键为K、值为T的对象类型，Omit<T,K>从T中移除指定键。典型用法是在Record基础上移除特定字段，如API响应脱敏场景：Record<string,Omit<UserMap[string],'password'>>会移除密码字段。该组合适用于状态管理、表单处理等需要过滤属性的场景，

如何规范编写OpenSpec需求文档 摘要：OpenSpec需求文档需要结构化编写以提升AI生成质量。核心要求包括：1)明确产品背景、目标和触发条件；2)详细描述行为规则，采用"当...则..."格式；3)定义非目标和边界条件。文档应包含UI展示内容、可配置项和回退方案等模块，建议采用标准模板组织内容。关键注意事项：穷举所有触发路径、场景化描述规则、明确系统边界。文档越结构化，

AI编程辅助工具中，AGENTS.md和rules文件在项目规范传递上各有侧重。AGENTS.md定义AI代理的角色身份和全局行为准则，适用于多智能体协作场景，强调"谁来做、怎么做"；而rules文件（如.cursorrules或.mdc）则聚焦具体编码规范和技术约束，实现条件触发的细粒度控制。二者可形成分层指令体系：AGENTS.md制定宏观原则，rules落实微观规范。当前

摘要：本文通过形象比喻和案例对比了AI系统中的五个核心概念：MCP（"手和眼"）负责外部连接，Rules（"行为准则"）规定全局规范，Skills（"专业教材"）提供特定任务能力，Subagent（"外部专家"）处理复杂子任务，Prompt（"具体指令"）触发单次交互。通过风险评估报告案例展示了它们

chatGPT, 通义千问, 通义灵码,文心一言,AI 工具,人工智能,vscode 插件

摘要：本文通过形象比喻和案例对比了AI系统中的五个核心概念：MCP（"手和眼"）负责外部连接，Rules（"行为准则"）规定全局规范，Skills（"专业教材"）提供特定任务能力，Subagent（"外部专家"）处理复杂子任务，Prompt（"具体指令"）触发单次交互。通过风险评估报告案例展示了它们

CSS包含块（Containing Block）深度解析 包含块是CSS中决定元素尺寸和位置的核心概念，它定义了百分比值和定位属性的计算基准。关键要点包括： 包含块类型：初始包含块（视口）和元素包含块（由position属性决定） 定位规则： static/relative元素：最近块容器的内容区 absolute元素：最近非static祖先的内边距区 fixed元素：视口 特殊影响：transf