项目基础背景 creat-react-app 创建的初始化react项目，我们需要使用craco.config.js覆盖cra对webpack的配置，如果不使用craco的话，cra中我们是没有权限去对webpack做自定义plugin配置的 图片的预加载 1.手动写link preload或者是prefetch，但硬编码不具备普适性 image-20250509215001509 <link rel="pre...

前端模块化的前因后果 1.避免全局变量污染局部 2.需要将代码拆分成更小的可维护模块 早期通过全局变量或 IIFE（立即执行函数表达式）实现模块化，但这些方法有局限性（如命名冲突、依赖顺序手动管理）。这推动了真正的模块化方案的出现。 CommonJS（CJS） - 2009年 出现背景： 2009年，Ryan Dahl 发布 Node.js，目标是将 JavaScript 从浏览器扩展到服务器端。 服务器端需要同步加载模块（文件系统访问快），而浏览器端的 AMD（异步模块定义，稍后介绍）过于复杂。 特点： 使用 require() ...

硬链接与软链接 1.什么是硬链接什么是软链接 硬链接：每一个硬链接文件实际上是同一个文件地址，直接指向文件系统的数据块（inode）进行访问，访问文件时其实是针对同一个inode进行操作。 软链接：相当于桌面快捷方式，是指向另一个文件或目录的路径引用，每个软链接文件实际上都有自己单独的inode。 软硬链接参考ref:https://juejin.cn/post/7056581097429139463 为什么不使用NPM npm install 原理分析 ![npm 原理](https://server.cynthialee.s...

先看MDN官方定义 await is usually used to unwrap promises by passing a Promise as the expression 也就是说任何await只能使用在promise function的情况下， 普通的变量（非promise化，非thenable的对象）使用await之后的变量会自动变成一个promise 的fulfilled...

前排告示：这里只是记录一个demo，使用cli通过git clone 开源的react-vite模板一键导入到本地文件的方法 首先项目目录如下 目录 初始化 npm init packjson初始化 { "name": "fe-cli", "version": "...

什么是render rendering的定义：react是如何基于当前的props和state进行ui渲染的 render过程一览： 从fiber树的节点root，到子节点child，进行遍历，寻找被标记上需要更新的节点 对于每一个被打上标记待更新的节点，会通过如下的过程去执行更新节点的所需要的前置信息计算 > For each flagged component, React will call either FunctionComponent(props) (for function components), or `clas...