React

一、refresh_token和token的作用 当用户登陆成功之后，返回的 token 中有两个值，不知道你见过没有？ token: 作用：一般情况下，在访问接口时，需要传入的token值就是它。

一、嵌入内容的代码没有高亮的效果 二、如何实现嵌入内容的代码显示高亮 通过 highlight.js 库实现对文章正文 HTML 中的代码元素自动添加语法高亮 步骤如下： 1.安装包 highligh

一、防 XSS 攻击 1.目标 清理正文中的不安全元素，防止 XSS 安全漏洞. 2.何为 XSS 攻击 3.如何防 XSS 攻击 （1）思路 使用 dompurify 对 HTML 内容进行净化处理

一、需求分析 需求：将标准时间转换成相对时间。如：将 2022-04-07 转换成 1 天前。怎么办？ 分析：相对时间处理是一个非常通用的功能，在 dayjs 中有现成的解决方案，我们一起来观摩观摩。

1.目标 想封装一个拥有懒加载功能的图片组件，实现对文章列表项上的封面图片进行懒加载。 2.思路 当dom元素进入可视区域时，才去加载它。 如何判断一个dom元素是否进入了可见区域？ 传统： 获取do

第一步：安装 px 转 vw 的包： npm i -D postcss-px-to-viewport 第二步：在 craco.config.js 添加相应配置 第三步：重启项目，让配置生效

瞧着 Ant Design 里面字体图标的使用挺有意思，咱也来一个。 关于 React 中如何使用阿里巴巴字体图标，我在之前的文章中有写过。本文则是关于如何封装阿里巴巴字体图标组件..........

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a2cb31d9df0b4788853d2d89293bbc62~tplv

npx create-react-app react-eslint --template typescript cd react-eslint npm start npm i eslint -D np

始于 if ，陷于三元，醉于逻辑中断，这次第，怎一个“妙”字了得！ if 语句：一个萝卜一个坑 三元表达式：一真二假 逻辑中断：逻辑与找假，逻辑或找真

一、何为 Redux Redux 是 JavaScript 应用的状态容器，提供可预测的状态管理。你可以把它想象成 Vue 中的 vuex。 当遇到如下问题时，建议开始使用 Redux： 你有很多数据

一、React 配合 TS 创建项目的步骤 (1)项目创建命令 找一处风水宝地 npx create-react-app my-app --template typescript 切换到目标项目下 c

一、何为 TS TS 是 type + Script 的简写 它是 微软 公司开发的开源编程语言 TS 是 JS 的超集，它在 js 的基础上增加了 类型 支持 简而言之，JS 有的 TS 都有，JS

第一步：创建 react-svg 项目 index.js入口 App.js根组件 第二步：去 阿里巴巴矢量图标库 下载图标 第三步：将下载的文件解压、重命名放到 public 文件夹下 第四步：pub

第一步：创建 echarts 图表项目 App.js根组件 index.js入口 第二步：在终端下两个包 第三步：组件 EchartsCom.js 中引入 第四步：定义 echarts 配置项，传递

前言 如果你知道 vue 组件传值的方式，其实 react 也不难理解。组件传值无非父向子传值、子向父传值、兄弟传值、跨组件传值以及提供一个状态管理容器进行传值。好啦，我要开始行动啦！ 一、父组件向子

1.全选、全不选、反选（低配版） 需求分析： 点击全选：设置每一个选择框的 checked 为 true 点击全不选：设置每一个选择框的 checked 为 false 点击反选：设置每一个选择框的

一、自定义 hooks 的项目初始化 npx create-react-app react-usecountdown cd react-usecountdown yarn start 或 npm st

一、何为 Hooks 众所周知，函数组件没有状态，这种情况下，Hooks 应运而生。 所谓Hooks，即钩子、钓钩、钩住。顾名思义， 是一些可以让你在函数组件里“钩入” React state 及生命

一、React 创建组价组件的两种方式 1.函数组件 使用JS 的函数或者箭头函数创建的组件 为了区分普通标签，函数组件的名称必须 大写字母开头 函数组件必须有返回值，表示该组件的结构 如果返回值为