吹掉这跟毛

1、什么是UI = f（state） 是react设计的核心原则，它将UI界面看成状态的函数映射，通过声明式的方式简化了UI开发，不需要像jQuery那样命令式的去操dom 状态是因，UI是果 状态变

父子组件 原理： 父传子：父组件直接在子组件标签上传递属性，子组件使用props来接收 子传父：父组件在子组件标签上传递方法，子组件通过props接收后，调用父组件的方法并传参数 实现： 跨组件层级

useState 作用： 让函数组件像类组件一样拥有自己的状态 参数说明： useState：接收一个参数，作为状态的初始值，参数有两种形式，静态和动态 静态值：直接传入一个具体的值作为状态的初始值，

script脚本加载方式对比 特性 默认script async defer 加载方式 同步加载，阻塞 HTML 解析 异步加载，与 HTML 解析并行 异步加载，与 HTML 解析并行 执行时机 脚

服务端实现 1. 安装依赖 2. 创建 Express 应用并集成 WebSocket 客户端实现 建立一个socket.js文件 使用socket 页面效果 启两个前端页面端口为3000、3002

准备工作 安装Trae和插件Tailwind CSS IntelliSense Trae： 安装地址：https://www.trae.com.cn/ide/download 安装步骤：非常简单，直接

1. Promise（承诺对象） 定义： Promise 是 ES6 引入的 JavaScript 标准对象，用于表示一个异步操作的最终完成（或失败）及其结果。它通过 then() 和 catch()

常用hooks useState 作用： 让函数组件像类组件一样拥有自己的状态 参数说明： useState：接收一个参数，作为状态的初始值，参数有两种形式，静态和动态 静态值：直接传入一个具体的值作

1.安装插件 首先安装 compression-webpack-plugin 插件，用于在构建时生成 .gz 压缩文件： 2. 配置 vue.config.js 在 Vue 项目根目录下创建或修改 v