一、真正主流(4 个) npm(Node 官方)地位:基础标配、生态最广、兼容性最好特点:随 Node 自带,所有项目都认适用:新手、老项目、追求绝对兼容 Yarn(Face...
一、真正主流(4 个) npm(Node 官方)地位:基础标配、生态最广、兼容性最好特点:随 Node 自带,所有项目都认适用:新手、老项目、追求绝对兼容 Yarn(Face...
相关命令: 如果手机上安装的expo客户端软件和电脑运行服务不在同一个局域网解决办法: 停止当前运行的 expo:在终端按 Ctrl + C 停止 npm start。 启动...
只要函数内部用了 React Hook(useState/useEffect 等) 只能是二选一:返回 JSX → React 组件 → 必须首字母大写(React 组件名称...
[学习react教程中‘将事件从Effect中挑战第三个示例’] 修复问题后修改延迟时间时候定时器会暂停下,我想实现修改延迟时间定时器不暂停方案:
防抖(Debounce)是什么? 高频触发的事件,等你停手一会儿再执行,只执行最后一次。 典型场景:搜索框输入(不边输边发请求)窗口 resize滚动监听按钮频繁点击 作用:...
React 严格模式(StrictMode)在开发环境下的特殊行为 它会刻意触发组件的「挂载→卸载→重新挂载」流程(仅开发环境,生产环境无此行为),目的是提前暴露代码中可能存...
一、核心定义(官方准确定义) 1.执行时机:组件渲染完成、DOM 已更新、ref 已绑定之后 执行(固定时序,不可改变) 2.触发条件:由依赖数组控制是否执行(不是改变时机,...
关键区别一句话总结: Array:适合“一组有序数据”,强调顺序和位置(索引) Object:适合“已知固定属性的简单对象”(如配置、用户信息),键必须是字符串。 Map:适...
场景描述:执行pmpm run dev本地运行开发调试项目,然后复制访问的地址http://192.168.0.180:3000/ 到浏览器访问,发现控制台中日志都没有了 原...
强烈推荐使用Immer库 Immer是什么? Immer 是一个轻量级的 JavaScript 库(特别在 React 学习中非常常见),它的核心作用是:让你用“可变”(mu...
一、核心规则(最关键) 仅 .tsx / .jsx 组件文件:默认 = 服务端组件 普通 .ts / .js 文件:无默认运行端,必须写 'use server' 才是服务器...
一、先记住 3 条铁律(官方规则) 服务端组件 (Server Component) = 默认,没有 'use client' 客户端组件 (Client Component...
总结 Next.js App Router 中,()/[]/[[...]] 是路由路径控制的核心语法,分别对应分组、动态参数、可选动态参数; (.)xxx/(..)xxx 用...
一、脚手架 / 工程工具 CRA(Create React App)React 官方脚手架,创建的项目默认是 CSR + SPA,打包出纯前端静态文件。 Vue CLIVue...
在tsconfig.json中添加: 如果项目没有tsconfig.json则新建然后复制上面进去
这两个概念是 React(以及很多现代前端框架)的核心,我用通俗易懂的方式给你讲清楚,结合你刚才的代码例子来理解会更直观 1、 Mutation(突变 / 直接修改) Mut...
1. npm和pnpm是什么? 两个本质是两款不同的包管理工具,核心差异体现在依赖安装、存储和性能等方面。 npm:安装node后默认会自带安装(node安装时候默认安装了n...
📦 检查依赖是否安装的常用命令你可以在项目根目录的终端中,使用以下几种命令来检查 package.json 里的依赖是否已经安装: 1. 基础检查:查看 node_modul...