2024-08-14本文介绍了如何在React项目中引入html5-qrcode库，开发一个可以使用前后置摄像头扫描二维码的组件。组件利用useEffect和useState管理状态，确保扫描成功后返回上一页面并清除缓存。

https://www.qianduange.cn//article/15633.html 分类：前端知识

2024-06-22本文介绍了nvm（NodeVersionManager）在管理Node.js和npm版本，以及在Windows和Mac上的安装步骤。详细讲解了全局和临时方式安装React的create-react-App，包括切换node版本、更换npm源至淘宝镜像，并讨论了`npx`在临时创建React应用中的作用。

https://www.qianduange.cn//article/13304.html 分类：前端知识

2024-06-08Next.js是一个React框架，它允许你使用React框架建立有利于SEO的、极度面向用户的静态网站和网络应用。它具有混合静态和服务器渲染、TypeScript支持、智能捆绑、路由预取等功能，无需额外配置。create-react-app与create-next-app的区别：前者是React官方出的构建React单页面应用的脚手架工具；后者是由Next.js的创建者正式维护，能快速构建新的Next.js应用程序，并设置好一切。App Router与Pages Router 的区别..._react next

https://www.qianduange.cn//article/11426.html 分类：前端知识

2024-06-07反过来，如果忽略本地的同名模块，强制安装使用远程模块，可以使用--ignore-existing参数。比如，本地已经全局安装了create-react-app，但还是想使用远程模块，就用这个参数。npx 的原理很简单，就是运行的时候，会到先到 node_modules/.bin路径 中查找命令如果没有再去 全局环境变量$PATH 里面，检查命令是否存在。如果想让 npx 强制使用本地模块，不下载远程模块，可以使用--no-install参数。Node安装后自带npm模块，可以直接使用npx命令。_npx

https://www.qianduange.cn//article/11194.html 分类：前端知识

2024-05-30近期，React官网的一个显著变化引起了广大开发者的关注：它不再推荐使用create-react-App作为构建React应用的默认工具，而是转向了Next.js。：create-react-App为开发者提供了一套固定的配置，虽然这降低了入门门槛，但对于有特定需求的开发者来说，这种固定配置可能会成为束缚。：随着项目的发展，开发者可能需要集成更多的功能和工具。首先，Next.js作为React的“升级版”，在性能、数据获取、路由等方面提供了更强大的支持，能够更好地满足现代Web应用的需求。_create-react-app 与 next

https://www.qianduange.cn//article/10030.html 分类：前端知识

2024-05-08react18已经发布了，但还是想从17开始学起，使用npx create-react-app创建出来的项目又默认是最新的18版本，所以得把我们生成好的项目进行降级将 降为下图的版本_react18出来了17还要学么

https://www.qianduange.cn//article/7441.html 分类：前端知识

2024-04-19四轮技术面 一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~篇幅有限，仅展示部分内容网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

https://www.qianduange.cn//article/5343.html 分类：前端知识