Tailwind CSS不是一个传统的UI框架（如Bootstrap），而是一个CSS框架，它提供了一系列低级别的实用类，让你可以直接在HTML中构建任何设计。.btn {Tailwind方式：< button class = " px-6 py-3 bg-blue-500 text-white rounded font-medium hover:bg-blue-600 " > 点击我 </ bu

vscode是一款非常好用、炫酷的软件，越来越多的人选择它。对于前端开发人员来说，vscode可以作为主力开发工具，这款软件就是为前端同学量身定做的，”开盖即食“。对于其他语言方向的开发人员，可以将其作为代码编辑器来使用，纵享丝滑。对于只是写文档写作的同学，vscode也可以作为markdown写作工具。如果你不属于上面的任何一种，你也可以把vscode当作文本编辑器来使用。总的来说vscode是

观察者模式是一种行为型设计模式，它定义了一种一对多的依赖关系，当一个对象的状态发生改变时，其所有依赖者都会收到通知并自动更新。当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。

简单来说，Taro 让你能够“一次编写，到处运行”。微信/京东/百度/支付宝/字节跳动小程序、H5、移动端 (React Native)。你可以用 React 的语法写，也可以用 Vue 的语法写。提供了完整的 CLI 工具，支持代码热重载，开发体验接近于 Web 开发。Taro 是目前国内最成熟的跨端框架之一。对于前端小白来说，只要你会一点 React 或 Vue，就能上手开发出一个跨端小程序。

npm奠基生态，Yarn 推动确定性标准，pnpm以硬链接革新空间与隔离，Bun用速度重新定义极限。终极建议新项目首选pnpm（均衡优势，解决传统痛点）追求稳定选npm，大型协作选Yarn，极速尝鲜选Bun。

Skill =智能行动上下文智能：能理解自然语言指令（如"帮我review一下这个React组件的代码"）行动：能调用外部工具（linter、代码分析工具、测试框架等）完成任务上下文：能结合项目规范、团队编码标准、历史Review意见做出合理判断名称触发条件：用户表达"review前端代码"“审查组件”"检查React/Vue代码"等意图输入：代码片段、技术栈标识（React/Vue）、项目规范（

Skill =智能行动上下文智能：能理解自然语言指令（如"帮我review一下这个React组件的代码"）行动：能调用外部工具（linter、代码分析工具、测试框架等）完成任务上下文：能结合项目规范、团队编码标准、历史Review意见做出合理判断名称触发条件：用户表达"review前端代码"“审查组件”"检查React/Vue代码"等意图输入：代码片段、技术栈标识（React/Vue）、项目规范（

Skill =智能行动上下文智能：能理解自然语言指令（如"帮我review一下这个React组件的代码"）行动：能调用外部工具（linter、代码分析工具、测试框架等）完成任务上下文：能结合项目规范、团队编码标准、历史Review意见做出合理判断名称触发条件：用户表达"review前端代码"“审查组件”"检查React/Vue代码"等意图输入：代码片段、技术栈标识（React/Vue）、项目规范（

注意，只有同源的页面才能共享localstorage的数据。祖先组件向后代组件传递数据，避免逐层传递 props。非父子组件间的通信，如兄弟组件或跨多层级组件。父组件传递数据给子组件，子组件通知父组件。父组件直接调用子组件的方法或访问其数据。多个组件共享复杂状态（如用户登录信息）。类型安全、DevTools 支持。简化父子组件的双向数据绑定。父组件向子组件传递模板片段。持久化存储数据，跨页面共享。

WebSocket 是一种网络通信协议，它提供了一种在单个 TCP 连接上进行全双工通信的方式。与传统的 HTTP 请求 - 响应模型不同，WebSocket 允许服务器和客户端在连接建立后随时互相发送数据，而无需重新建立连接。这种特性使得它在实时交互场景中具有得天独厚的优势。