- 博客(109)
- 收藏
- 关注
RSS订阅原创 使用npm link本地测试组件库
├── cream-design/ （组件库项目）├── cream-npm-link-test/ （测试项目）文件，则需创建该文件，可在命令行工具中通过npm命令进行自动化创建。修改配置文件，并进行打包操作。
2025-08-16 16:22:03
330
原创 React ahooks——副作用类hooks之useDebounceFn
是提供的用于函数防抖的，它可以确保一个函数在连续触发时只执行最后一次。
2025-08-02 12:03:44
212
原创 React ahooks——副作用类hooks之useThrottleEffect
是 ahooks提供的节流版useEffect，它在依赖项变化时执行副作用函数，但会限制执行频率。
2025-08-02 11:56:08
229
原创 mock模拟数据教程——msw 2.X版本
本教程，以create-react-app项目为例，其中api文件夹存放请求，utils/request.js为请求封装，mocks下为mock的处理器以及worker。
2025-07-27 09:58:55
401
原创 React Native启动android报错 Failed to install the app. Command failed with exit code 1: gradlew.b（亲测有效）
错误可能表现为 No connected devices!或 npx react-native start。可能找不到设备，导致安装步骤失败。
2025-07-26 10:38:31
251
原创 React状态管理——Dva
Dva 是一个基于 redux 和 redux-saga 的轻量级前端框架，可以方便地在 React 应用中管理状态。
2025-07-26 10:07:51
228
原创 Android Studio启动AVD报错：The emulator process for AVD XXX has terminated.解决方法（亲测有效）
Android Studio启动AVD报错：The emulator process for AVD XXX has terminated.而avd文件默认在 C:\Users\用户名\.android 目录下。所以导致打开AVD时报错。原因：安装时使用自定义安装后，修改了默认安装目录。变量名：ANDROID_SDK_HOME。变量值：安卓SDK目录。
2025-07-25 23:15:23
533
原创 DeepSeek三步生成AI图片
你是AI图片生成机器人，接下来我会给你一些中文关键词描述，请你在不影响我关键词描述的情况下，先根据我的描述进行文本润色、丰富描述细节，之后转换成英文，并将英文文本填充到下面URL链接的占位符prompt中!width=1024&height=1024&enhance=true&private=true&private=true&safe=true&model=flux)第二步：输入图片描述，如：“一只戴着眼镜的猫在图书馆看书”第一步：打开DeepSeek，输入以下指令。生成后请你给出你润色后的中文提示语。
2025-07-23 09:38:04
247
原创 npm全局安装后，依然不是内部或外部命令，也不是可运行的程序或批处理文件
虽然通过 npm install -g yarn 安装了 Yarn，但系统无法识别 yarn 命令。这通常是因为 npm 的全局安装目录没有添加到系统的 PATH 环境变量中解决方法。
2025-07-22 10:44:33
248
原创 Docker安装mysql、redis
账户：admin，密码：admin （脚本中设置）账户：root，密码：123456（脚本中设置）2.5 访问redis可视化工具。
2025-07-20 11:12:18
295
2原创 Docker部署前后端分离项目——多项目共享环境部署
多项目共享环境部署，指的是在同一台服务器或同一个 Docker 主机上，通过 Docker Compose 等工具，将多个前后端项目的公共基础服务（如数据库、缓存、消息队列等）统一部署为共享服务，各项目通过自定义网络等方式共同使用这些服务，从而实现资源复用、简化运维、提升协作效率的一种部署方式。这里有2个项目（即项目1和项目2），将项目部署在linux上，并且项目之间共用redis和mysql。
2025-07-18 20:49:58
711
原创 React hooks——useCallback
是 React 提供的一个 Hook，用于，避免在组件重新渲染时创建新的函数实例，从而优化性能。：要缓存的函数：依赖项数组，只有当依赖项变化时，才会重新创建函数✅：避免每次渲染时都创建新的函数✅：配合React.memo使用，防止因父组件更新导致子组件不必要的重新渲染✅：只有依赖项变化时，才会重新生成函数。
2025-07-17 11:54:58
311
原创 React hooks——useMemo
useMemo是 React 提供的一个 Hook，用于性能优化，它通过"记忆"（memoization）计算结果来避免在每次渲染时都进行不必要的复杂计算。
2025-07-17 11:10:58
342
原创 React hooks——useReducer
useReducer是 React 提供的一个高级 Hook，用于管理复杂的状态逻辑。它类似于 Redux 中的 reducer 模式，适合处理的状态更新场景。与useState相比，useReducer提供更结构化的状态管理方式。
2025-07-17 10:37:10
397
原创 React封装框架dvajs（状态管理+异步操作+数据订阅等）
DvaJS是一个基于React和Redux的轻量级前端框架，由支付宝团队开发并开源。它整合了等库，并提供了更简洁的开发模式，适用于构建复杂的中后台管理系统。
2025-06-20 17:22:56
664
原创 React ahooks——useRequest
等常见功能，极大简化了 React 中的异步逻辑处理。（支持手动触发、依赖刷新、乐观更新）（防抖、节流、缓存、轮询）
2025-06-20 15:22:18
700
原创 React状态管理——redux-saga异步操作
在目录结构中，reducer与传统redux配置一致，store/index.js在传统配置中添加了saga，store/saga文件夹下的saga1是基础示例，saga2是应用了链式调用（与 async await相似）Redux-Saga 是一个用于管理 Redux 应用异步操作（副作用）的中间件库。Effect 是一个纯 JavaScript 对象，包含了一些将被 saga 中间件执行的指令。在saga中，全局监听器和接收器使用Generator函数和saga自身的一些辅助函数实现对整个流程的管控。
2025-06-18 20:34:03
792
原创 React状态管理——react-redux
单一数据源：整个应用的状态存储在一个对象树中状态是只读的：唯一改变状态的方法是触发 action使用纯函数执行修改：reducer 是纯函数，接收旧 state 和 action，返回新 state。
2025-06-16 15:35:16
347
原创 React组件通信——forwardRef+useImperativeHandle，父组件访问子组件数据和方法
通过组合使用forwardRef和，可以实现父组件访问子组件内部数据和方法的功能。这种模式提供了一种受控的方式让父组件与子组件进行交互。：允许子组件接收 ref 并转发到内部的 DOM 元素或组件实例：自定义子组件暴露给父组件的实例值和方法父组件需要触发子组件的特定方法（如表单提交、重置）访问子组件计算或处理后的数据封装第三方库组件需要暴露特定API需要控制子组件DOM元素（如滚动到指定位置）
2025-06-15 11:36:03
395
原创 React组件通信——context（提供者/消费者）
Context 是 React 提供的一种组件间通信方式，主要用于解决的问题。它允许数据在组件树中"跨级"传递，无需显式地通过每一层 props 向下传递。
2025-06-15 11:27:48
408
原创 React组件通信——发布订阅（pub/sub）
PubSubJS 是一个轻量级的发布-订阅(publish-subscribe)模式库，可以在 React 应用中实现组件间的松耦合通信，特别适合非父子组件或远房组件间的消息传递。通信双方不需要知道彼此存在一对多的消息分发需求需要降低系统耦合度需要支持未来未知的订阅者跨团队/跨模块协作开发。
2025-06-15 11:13:50
261
原创 React组件通信——props
Props 是 React 中最基础、最常用的父子组件通信方式，它遵循原则，完美适用于父子组件间的数据传递和交互。：props 应该是只读的，子组件不应直接修改接收到的 props：当组件层级过深时，考虑使用 Context 或状态管理替代多层 props 传递：使用语义化的 props 名称，如onClickisLoading等：为组件 props 添加清晰的注释说明：避免在渲染函数中创建新的对象/函数作为 props 值，可能导致不必要的重新渲染。
2025-06-15 10:53:51
146
原创 React 使用.env.development和production
原文链接：https://blog.csdn.net/m0_53613823/article/details/146146193原。
2025-06-10 11:39:06
351
原创 MyBatis逆向工程
正向工程：先创建Java实体类，由框架负责根据实体类生成数据库表。Hibernate是支持正向工程的逆向工程：先创建数据库表，由框架负责根据数据库表，反向生成如下资源：Java实体类Mapper接口Mapper映射文件。
2025-02-16 09:59:24
1009
原创 java实现双线性映射
网盘链接：链接: https://pan.baidu.com/s/1lFLXQj8v_EhL9KZYaaRv1w?pwd=e8db 提取码: e8db。将jpbc-api-2.0.0.jar和jpbc-plaf-2.0.0.jar导入到java项目中。
2024-06-27 16:23:29
505
原创 软件测试——蓝桥杯笔记（自用）
SuiteClasses 用于在套件测试中标识运行的测试类，如：@SuiteClasses({ ClassATest.class, ClassBTest.class })5.正交表：因素指个数，水平指可能的取值，L16（4^3）指三因素、四水平，先取最多的水平，若为4则共4*4=16行，然后按11112222333444写。getText(): 获取元素的文本信息，也就是在开始和结束标签之间的内容，该内容可以用于断言我们定位到的元素是不是我们想要的元素。
2024-06-06 09:32:41
1607
原创 软件测试——Java自动化测试Selenium
Selenium WebDriver 的浏览器操作包含两个部分，一个是浏览器的操作，包括了打开、关闭以及退出浏览器操作，还包含了一些获取浏览器信息的方法。另外一个是浏览器导航操作，也就是我们平时在页面中进行的刷新、前进以及后退等浏览器操作。@Before执行浏览器初始化操作，包括设置系统环境，创建WebDriver，打开网页等。系统环境：JDK 1.8，Selenium-4.4.0，Firefox Setup v117.0，geckodriver-v0.33.0-win64，Junit 4.13。
2024-06-06 09:31:02
1562
原创 软件测试——白盒测试
意思是说我们设计的测试用例可以覆盖程序中所有可能的执行路径。不难发现判定条件覆盖同时满足判定覆盖和条件覆盖，弥补了两者各自的不足，但是判定条件覆盖并未考虑条件的组合情况。”，因为它仅仅考虑对代码中的执行语句进行覆盖而没有考虑各种条件和分支，比较难以发现代码中的问题。：在程序控制流图的基础上，通过分析程序的环路复杂性，导出基本可执行路径集合，从而设计测试用例。显然，满足条件组合覆盖的测试用例一定是满足判定覆盖、条件覆盖和判定条件覆盖的。：条件覆盖要求所设计的测试用例能使每个判定中的每一个。
2024-06-05 15:58:13
478
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人