- 博客(16)
- 收藏
- 关注
RSS订阅原创 在react中如何定义一个状态数据，在调接口后，保持数据不会被初始化（建议用useRef,脱围机制）
通常，当你的组件需要“跳出” React 并与外部 API 通信时，你会用到 ref —— 通常是不会影响组件外观的浏览器 API。如果你的组件需要存储一些值，但不影响渲染逻辑，请选择 ref。（页面重新渲染时，这些值不会掉）//根据设备状态获取列表。//根据设备状态获取列表。
2024-07-09 17:55:18
572
原创 git报错 （fatal: refusing to merge unrelated histories）
如果以上方法不适用，或者你希望更细致地控制合并过程，可以手动将两个分支合并。这包括创建一个新的合并提交，手动解决冲突，并确保两个分支的内容正确地合并在一起。这种情况经常发生在两个分支的提交历史没有共同的衍合点，Git 不知道如何自动合并它们。这样做会合并两个分支的历史，但可能会导致丢失某些提交信息或者其他历史信息。这将强制将本地分支重置为远程分支的最新状态，不考虑两者之间的历史关系。如果确定要合并这两个分支，并且不需要保留它们的历史关系，可以使用。方法一：强制合并（不推荐）方法二：重新设置本地分支。
2024-07-09 17:51:18
95
原创 yield 除了和call一起用还能怎么用
用于暂停 Generator，直到 Redux store 中符合指定 pattern 的 action 被 dispatch。在 Redux Saga 中的多种用法，每种用法都能够利用 Generator 函数的特性来简化异步流程控制和管理副作用。允许 Generator 同时启动多个 effect，并在其中一个 effect 完成时继续执行。允许 Generator 从 Redux store 中获取特定的 state 值。// 等待某些操作完成。则用于等待该任务完成。
2024-07-01 17:49:03
685
原创 组件每次挂载时执行与只在组件第一次挂载时执行
仅在组件第一次挂载执行一次的effect hook。* @param execUntil 是否一直执行。* @param action 需要执行的函数。1.仅在组件第一次挂载执行一次。2.每次挂载执行一次。
2024-06-28 14:47:56
194
原创 小程序检测是否有新版本
/ 新的版本已经下载好，调用 applyUpdate 应用新版本并重启。console.log({ 是否有新版本: res.hasUpdate });content: '检测到有新版本，是否立即更新？confirmText: '确定',title: '更新提示',title: '下载失败',// 请求完新版本信息的回调。// 新的版本下载失败。
2024-06-05 16:37:53
268
原创 当在相同的位置渲染相同的组件时（你希望组件内部所有state重置）
/ ✅ 当 key 变化时，该组件内的 comment 或其他 state 会自动被重置。这导致很容易不小心把评论发送到不正确的个人资料。为了解决这个问题，你想在。组件和它的所有子组件的 state。现在，当在不同的个人资料之间导航时，）变化时，React 将重新创建 DOM，并。：当你从一个人的个人资料导航到另一个时，每当 key（这里是。
2024-05-17 16:40:47
236
原创 沙盒技术示例
沙盒环境使用 JavaScript 的 `Function` 构造函数创建一个匿名函数，并严格模式 (`"use strict"`) 来确保代码的安全性。// 创建一个沙盒环境，使用 JavaScript 的 Function 构造函数创建一个匿名函数，并传入 expression 作为函数体。// 用户提供的表达式，生成一个 0 到 100 之间的随机数。// 在沙盒环境中执行用户提供的表达式，并捕获任何可能的异常。// 定义一个函数，用于沙盒化执行用户提供的表达式。// 示例：执行用户提供的表达式。
2024-04-23 17:27:46
167
1
原创 useMemo 和 useCallback的区别
来缓存计算结果，当依赖项发生变化时重新计算。它适用于需要进行昂贵计算或者处理的情况，可以帮助避免不必要的重复计算。来缓存回调函数，当依赖项发生变化时重新创建。它适用于将回调函数传递给子组件时，可以避免不必要的重新渲染。
2024-04-22 17:47:56
389
原创 先调用一个接口获取数据，然后将该数据作为参数调用另一个接口
/ 调用第一个接口，然后在获取到数据后调用第二个接口，并处理第二个接口返回的数据。// 抛出错误，使得后续处理可以捕获到错误。// 使用第一个接口返回的数据调用第二个接口，并处理第二个接口返回的数据。// 抛出错误，使得后续处理可以捕获到错误。// 定义一个函数，用于调用第二个接口并传入第一个接口返回的数据作为参数。// 定义一个函数，用于调用第一个接口并获取数据。// 处理第二个接口返回的数据。
2024-04-22 10:39:20
316
原创 对称性加密密钥
基于用户提供的密码或其他因素，使用密码学安全的密钥派生函数（如PBKDF2、bcrypt等）在前端派生密钥。这种方法确保了密钥在传输过程中不被拦截，因为密钥在通信的两端都是在生成的过程中产生的，而不是通过通信传输。无论使用哪种方法，都要确保密钥的生成、传输和存储过程都是安全的，以防止密钥泄露导致信息被解密。同时，密钥的管理和更新也是很重要的，需要定期更新密钥以提高系统的安全性。对称加密的安全性依赖于密钥的保密性，因此在前端获取密钥时需要采取一些安全措施以防止密钥泄露。
2024-04-22 10:07:12
225
原创 react项目中如何引入iconfont图标
6.使用时也是iconfont1 <span className={`iconfont1 ${item.iconName}`}></span>2.再global.css引入css文件 @import url('../public//fonts//bimdosIcon//iconfont.css');也要修改类名为iconfont1 且 修改font-family: "iconfont1"!}中 font-family: "iconfont1";
2023-12-19 16:59:05
411
1
原创 day 2
1 transform:动画倾斜属性/* transform: skewx(30deg); *//* transform: skewy(30deg); *//* skewx 正值 往右拽 负值 往左拽skewy 正值 往下拽 负值 往上拽skew(30deg,30deg) 往右下拽 */2
2022-05-10 21:54:06
91
原创 day 1
太极案例、折扇效果案例中运用了1线性渐变：linear-gradient(red 25%，yellow 40%) 从红渐变到黄，并且是红占25%后开始渐变渐变区间为25%到40%之间，剩余为黄色。2径向渐变： radial-gradient 用法同上3锐化边角：border-radius：50%（圆）4运用伪类选择器 before after 使用时必须加上content属性5浮动：align-items ： top center bottom 浮动元素排列方式6 2D-transf
2022-05-09 21:45:57
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人