龙二_

完成路由的基础配置后，我们需要存储一些需要全局使用的状态（例如token、用户id等），所用到的状态管理库是redux。 Redux状态管理 安装 1.redux官方开发工...

上文已经搭建并简化好了脚手架，本文我们用react-router-dom库和它提供的useRoutes hook来进行基本的路由配置。 基本路由配置 安装路由库 配置入口文...

本文将用react的官方的create-react-app搭建项目基本的脚手架，再通过CSS预编译器sass处理公共的样式，并用craco库来覆盖原有create-reac...

前段时间学习了React【构建用户界面的库】以及redux【可预测的状态管理容器】，并且结合UI框架Antd5实践练习了一个后台管理系统的项目。期间踩了一些坑，也有一些感悟...

前言 iframe 是一种外网页上显示外部内容的非常方便的方式。但是，如果说这个iframe 中的样式存在你不满意的地方，你如果想通过简单的在父容器上添加css 规则来改变...

前言 本文将使用 three.js + cannon-es 构建一个 3D 的博饼 小游戏，在这里你能够学到如何通过 three.js 构建一个骰子🎲，如何通过 cann...

扫码登录是常见的功能，基本各种网站都支持。 比如掘金的登录就支持 APP 扫码的方式： 如果你 APP 没登录，扫码后会跳到登录页面： 登录之后，会进入确认界面，你可以选择...

前言 obsidian 是一款笔记软件，作为markdown编辑工具，并且把文件都在本地以文件夹的方式管理，数据不会丢失，也能够更加清晰的浏览自己的笔记 关于更多的 obs...

前言 如果使用 react，无论是在 类组件中，或者是函数式组件中，应该都听说过 immer，在函数时组件最典型的就是 useImmer 这个第三方库，但是最基本的也是依赖...

前言 在一个参数需要传递非常多层 props 的时候，我们就需要考虑将其优化。 假设说 A 父组件获取到了一个参数 a，并且页面的嵌套状态为 A->B->C->D->E 只...

前言 一般前端在开发页面的时候，一般会使用浏览器自带的 network 工具来查看请求，但是在页面初始化的时候，或者复杂页面开发的时候，会发现请求栏位有非常多条，这会导致很...

前言 React 使用树状结构来对你的代码进行管理，将 JSX 生成 UI 树，并且根据 UI 树去更新浏览器的 DOM 元素。 根据组件在 UI 树中的位置，React ...

前言 在编写react组件的时候，部分组件被称为纯函数，既是同样的输入就会有着同样的输出，如： 你输入 2 返回的就一定是 4，同理，对于一些函数式组件，也能够是纯函数 所...

前言 在 React 中， useState 以及任何其他以 “ use ” 开头的函数都称为 Hook。 钩子是特殊的函数，只有在 React 渲染时才可用。它们让你“钩...

为了更直观的体验,我这里就从头创建了一个新的项目来配置eslint等相关配置,这里就跳过项目初始化步骤 ps: 本文全篇采用pnpm来当包管理器,有些命令可能与npm 不同...

最近遇到一个需求--“在页面实时展示后台服务器及网络设备的运行状态”。整个项目是基于**Vue**的，图表的话我选用Echarts这个库，再加上websocket...

前言 需求要求 实现类似的图片预览效果，ui给出的图片预览周围是会渐隐的，并且图片可以拖动。 一开始的想法是背景图中间这一部分是渐渐透明的，然后图片作为底层放在背景图的下面...

IntersectionObserver 提供了一种高效的方法来观察元素是否进入或离开视窗，而无需依赖滚动事件或定时器。...

4月日新计划更文活动 第30天 前言 通过 echarts 实现柱状图和折线图混合图表，一般图表都是固定宽高的，在数据过多的时候，就会相互挤压，样式会变得十分丑陋。 ech...