欢迎来到我的博客?博主是一名大学在读本科生，主要学习方向是前端。 ?目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 ?目前正在学习的是? R e a c

有一些同学可能想配置react的运行环境，苦于不同的电脑遇到千奇百怪的问题和ERROR。下面是我遇到问题对应的解决方案，希望对你们有帮助。 本来我们的基本步骤是： 下载好nvm文件 在里面下载node.js，就是说安装并且use 14.16.1 ->和16.14.2 其次安装npm即可完成react的环境配置。 就可以开始学习react啦！！！ 如果出现nvm安装问题就看下面： 把这两段： node_mirror: https://npm.taobao.or

Redux中的异步操作 在之前简单的案例中，redux中保存的counter是一个本地定义的数据 我们可以直接通过同步的操作来dispatch action，state就会被立即更新。 但是真实开发中，redux中保存的很多数据可能来自服务器，我们需要进行异步的请求，再将数据保存到redux中。 在之前学习网络请求的时候我们讲过，发生网络请求我们有两种方案, 可以直接在组件的钩子函数中发送网络请求, 再将数据存放到store中; 也可以直接在store中发生网络请求

什么是单点登录？ 单点登录（Single Sign On，简称SSO） 背景： 以前的时候，一般我们就单系统，所有的功能都在同一个系统上。 后来，我们为了合理利用资源和降低耦合性，于是把单系统拆分成多个子系统。比如阿里系的淘宝和天猫，很明显地我们可以知道这是两个系统，但是你在使用的时候，登录了天猫，淘宝也会自动登录。 如图所示，图中有4个系统，分别是Application1、Application2、Application3、和SSO。Application1、Applicatio

描述之前我想先吐槽一下这个X6的官网，可能原生html、JS还行，但是要灵活运用到框架上，官网上的react实例是真看不懂，我个人而言，真的很难灵活运用到真实项目中，幸好后面有带佬的代码，不得不说质量雀食高 开整！ 首先我们的目的是画一个这样的图表 看到这个树状图，我们想要搞清楚，我们需要哪几样来完成 - 不是显示单独一个数据，所以必然要自定义节点 - 第一先确定数据格式，从后台传过来的数据里面不单是数据，还需要一组头尾的连接字段来确认边，如果已经大致看过X6的可视化逻辑，自然明白边的

目录  挂载：在组件实例被创建并插入到dom中时，生命周期调用顺序如下 constructor componentWillMount getDerivedStateFromProps render componentDidMount 更新：当组件的 props 或 state 发生变化时会触发更新。 componentWillReceiveProps () shouldComponentUpdate componentWillUpdate getSnapshotBefore

SolidJS 是什么？SolidJS是一个声明式、高效且灵活用于构建用户界面的 JavaScript 库。 Solid 号称拥有 JSX 语法，类似于 React hook 的语法，你可以用现代化的开发方式，获得性能最快的代码。 一、性能比较 原生 JS 是 1， Solid 是 1.05， 比 Svelte 也快，React 跑到了 1.93 。如图： 二、SolidJS 特点 直接使用浏览器的 DOM, 没有 虚拟DOM， DOM diff 一整套算法 ，可以发现它

React的路由嵌套 接上一篇文章, 在上一篇文章中讲解了路由的基本介绍, 我再来介绍一下路由的其他用法 在开发中，路由之间是存在嵌套关系的。 这里我们假设Home页面中还有两个页面内容: 推荐列表和排行榜列表; 点击不同的链接可以跳转到不同的地方，显示不同的内容; <Routes> <Route path='/' element={<Navigate to="/home"/>}></Route>

原文：Operationalizing Node.js for Server Side Rendering 在 Airbnb，我们花了数年时间将所有前端代码稳定地迁移到一致的架构中，在该架构中，整个网页都被编写为 React 组件的层次结构，其中包含来自我们 API 的数据。 Ruby on Rails 在将 Web 连接到浏览器方面所扮演的角色每天都在减少。事实上，很快我们将过渡到一项新服务，该服务将完全在 Node.js 中提供完全形成的、服务器呈现的网页。此服务将为所有 Airbnb 产

注：本篇博客参考了此篇：React Native实现扫描二维码功能基于react-native-camera 感谢 孙先森i 的分享；也感谢引用的其他博客的作者；我也来加块砖； 这篇博客用于自我记录和为初学者提供帮助；欢迎大神指点。 电脑：Mac； 安卓手机：小米6 环境：react-native 0.66.x 库：react-native-camera 1，安装第三方依赖库 npm install react-native-camera --save npm link react

本人因为刚学习react，需要创建项目。下载过react依赖后才发现黑窗口提示我因node版本过低无法创建项目，怎么办呢？我去网上看了很多node升级的文章，大多数说的是重新去官网下载更高版本，我就跟着他们一步步走，但是很快问题就出现了。先是文章中说应该更改node缓存地址，防止给C盘造成过大压力。这就涉及到更改环境变量，我一顿操作后忽然发现我新安装的node版本查不到。emmmmmm 这是为什么呢？我去看了我的文件夹，发现之前的NodeJs版本是由nvm管理的。哦~~~原来是这样。我立马改道又

CSS In JS 编写方案 认识CSS In JS 官方文档也有提到过CSS In JS这种方案: “CSS-In-JS” 是指一种模式，其中 CSS 由 JavaScript 生成而不是在外部文件中定义; 注意此功能并不是 React 的一部分，而是由第三方库提供; React官方对样式如何定义并没有明确态度; 在传统的前端开发中，我们通常会将结构(HTML)、样式(CSS)、逻辑(JavaScript)进行分离。 但是在前面的学习中，我们就提到