- 博客(37)
- 收藏
- 关注
RSS订阅原创 使用 pnpm 安装依赖包后，如果将依赖包直接复制内网环境中，可能会出现无法使用的情况，且不能联网下载，如何解决？
执行 npm pack pnpm@8.2.0 得到 pnpm-8.2.0.tgz 文件。第四步：pnpm install --offline 至此离线环境中依赖包安装成功。在内网环境中既没有pnpm 又没有安装包 怎么让copy的项目正常运行呢？执行完此命令后 离线环境中的pnpm 已经装好 可以通过pnpm -v检查。如果直接复制硬链接文件，目标文件可能无法正确引用原始文件，导致依赖包失效。第三步：复制有网环境中的pnpm_store至离线环境中。
2025-03-22 11:25:26
445
原创 SyntaxError: The requested module ‘node:fs/promises‘ does not provide an export named ‘constants‘
报以上错误是因为用node16版本安装的vite启动项目，将node版本切换至18以上启动正常。
2024-12-29 10:57:49
2622
原创 react中的useCallback 有什么作用？
/ 使用 memoizedCallback 作为 effect 的依赖。// 使用 useCallback 确保只有当 count 改变时，onClick 才会更新。可以帮助你确保某个函数只会在依赖项发生变化时才会重新创建，否则它会返回上一次的函数引用。（memoization）函数，从而防止在每次渲染时创建新的函数实例。// 只有在依赖数组为空时，回调函数才会创建一次。// 依赖于 count。是一个优化性能的 Hook，主要用于。
2024-11-25 11:43:54
778
原创 react函数组件中的深度监听如何实现？
1. 如果你的对象结构比较简单，并且你只想对嵌套对象的某个字段进行监听，你可以直接监听该字段的变化，而不是监听整个对象。这样，你可以避免深度比较，简单直接地达到监听效果。// 只监听 age 字段的变化。2.如果需要避免每次重新渲染都做深度比较，可以将前一个对象的引用保存在。// 每次 state 变化时执行。中，然后对比当前值与之前的值，只有当值发生变化时才更新状态。// 监听嵌套对象的具体字段变化。
2024-11-25 11:14:09
662
原创 react函数式组件中的路由传参方式
useParamsstateNavigate路由传参。React Router 提供了多种方式来传递和获取路由参数。
2024-11-25 10:40:41
1411
原创 react中useMemo的使用场景
useMemo是 React 的一个 Hook，用来优化性能，尤其是在计算复杂值时。它会记住（缓存）计算结果，只有在依赖项变化时才重新计算，避免不必要的重复计算。// 使用 useMemo 来缓存计算结果}, [num]);// 只有 num 改变时才重新计算return (<div></div>
2024-11-21 17:00:46
991
1
原创 react中Fragment的使用场景
Fragment是一个非常有用的工具，帮助开发者在不引入额外的 DOM 元素的情况下返回多个子元素。返回多个子元素而不增加额外的 DOM 节点。避免在列表或表格中增加不必要的嵌套。使用条件渲染时避免不必要的嵌套元素。在map()渲染列表时提供key。通过使用Fragment，你可以更精简、更高效地组织和渲染组件内容，同时保持 DOM 的整洁和性能。有些类似于vue中的template模版标签。
2024-11-21 15:13:23
1144
原创 props.children的使用场景
是 React 提供的一种机制，使得父组件可以将其内容传递给子组件，并且子组件可以在自己的渲染中使用这些内容。是 React 中一个非常重要的特性，它用于访问组件的子元素。这些子元素可以是其他组件、字符串、数字、数组或者任何有效的 React 元素。组件就变得非常灵活，可以在不同的上下文中显示不同的内容。）传递任何类型的内容。
2024-11-21 14:55:39
294
原创 react中useRef的用法
在 React 中，useRef是一个非常有用的 Hook，主要用于访问和操作 DOM 元素以及保持不随组件重新渲染而改变的变量。以下是useRef的一些常见用法和示例。
2024-10-28 13:45:54
559
原创 warning: remote HEAD refers to nonexistent ref, unable to checkout 拉取代码时，只拉下来一个git文件夹，出现此问题，什么原因？
在通过git clone 拉取git远程仓库代码时，只拉下来一个git文件夹，出现此问题，主要是因为远程仓库分支名称和本地分支名称不一致导致，例如：远程分支主名称为main，本地主分支名称为mater，则在拉取时git文件夹所在的目录终端中执行git checkout main 再执行git pull即可拉取完整代码。
2024-10-12 14:33:05
842
1
原创 python安装pyspark时报错？WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=
执行命令>pip install pyspark -i https://pypi.tuna.tsinghua.edu.cn/simple 安装pyspark时，报了错误和警告。
2024-08-14 17:05:54
652
1
原创 pandas处理表中的重复数据
找到 id 和 uuid 都重复的记录 # 标记出同时重复的 id 和 uuid。4.drop_duplicates对重复数据进行去重，保证数据唯一。print("同时重复的 id 和 uuid 的数据:")import pandas as pd # 示例数据。二、对筛选出的重复数据进行去重，只保留一条记录。通过这种方法，你可以筛选出在。# 筛选出同时重复的记录。# 去重，只保留一条记录。列中同时都重复的数据。
2024-08-13 15:16:59
654
原创 SettingWithCopyWarning: A value is trying to be set on a copy of a slice from a DataFrame...........
通常出现在你尝试对 DataFrame 的一个切片进行赋值操作时。Pandas 发出这个警告，是因为它不确定你是否在修改原始数据，还是在操作一个副本，这可能会导致意外的行为。filtered_df['提取层'] = filtered_df['户号'].str.extract(r'^(\d{1,2})').astype(float)来确保你在原始 DataFrame 上进行修改，而不是在其切片上。这时，Pandas 会发出警告，因为你可能并不清楚你实际上是在修改副本。可能是副本，而不是视图。
2024-08-12 14:49:32
643
原创 pandas中fillna的用法
是 pandas 中用于填充缺失值的方法。它允许你用指定的值或方法替代 DataFrame 或 Series 中的缺失数据（即。)，还是返回一个填充后的新 DataFrame。：你可以用一个常量值填充所有缺失的地方。方法时，可以选择是否在原地修改数据 (这会用列中前一个有效值替换所有缺失值。这会用列中后一个有效值替换所有缺失值。（前向填充）：可以使用。（后向填充）：可以使用。
2024-08-12 14:16:36
1186
原创 FutureWarning: Downcasting object dtype arrays on .fillna, .ffill, .bfill is deprecated and will ...
df['户号'] = df['户号'].fillna(0).astype(float).astype(int) # 先转换为 float，再转换为 int # 按“层”分组并计算每组的最大户数。df['户号'] = df['户号'].str.replace(r'\D+', '', regex=True) # 将非数字字符替换后可能会有缺失值，填充缺失值。'户号': ['101A', '102B', '201C', '202D', '301E', '302F', '303G']# 将结果合并成一行展示。
2024-08-09 10:41:37
1471
原创 pandas中loc的用法？
在 Python 中，loc是一个常用于 Pandas 数据库中 DataFrame 对象的方法，用于基于标签（label）对数据进行索引和选择操作；
2024-08-08 11:10:33
741
原创 百度墨卡托投影坐标转百度BD09经纬度
百度墨卡托坐标系统是基于标准的墨卡托投影，将地球表面的经纬度坐标转换为平面上的直角坐标。在该坐标系统中，地球被视为一个球体，然后进行投影，使得投影后的坐标可以在二维平面上表示。主要用于百度地图的显示和计算，方便在屏幕上显示地理信息，并支持地图上的各种操作和服务，如地图缩放、标注等。坐标单位通常是米（m），表示在地球上的实际距离。举例：10939230.252191,4811248.261313，如何将类似于这样的百度墨卡托坐标转换为BD09经纬度呢？
2024-08-08 10:37:52
899
原创 pandas中df.apply有什么作用？
df.apply()是Pandas中强大的函数之一，它能够根据指定的函数对DataFrame的行、列或整个DataFrame进行操作和转换。通过合理利用axis参数，可以灵活地应用于不同的数据处理场景，使得数据清洗、转换和分析变得更加高效和方便。
2024-07-24 09:39:17
1613
原创 python中lambda语法
Lambda表达式是一种在函数式编程中常见的匿名函数形式，它的基本结构是简洁的函数定义，通常用于需要传递函数作为参数的情况。lambda：表示这是一个Lambda表达式的标识符。arguments：是Lambda函数的输入参数，可以是一个或多个参数，类似于常规函数定义中的参数列表。这些参数是函数体expression中使用的变量。：用来分隔参数列表和表达式。expression：是Lambda函数的返回值，也就是Lambda函数体。可以是任意有效的Python表达式，它会计算并返回结果。
2024-07-23 18:09:59
137
原创 js中Math.max的特殊用法
是一个非常实用的函数，用于比较一组数字并返回最大值。它在JavaScript中常用于找到数组中的最大元素、动态计算一组数中的最大值等场景。还可以计算数组中相邻元素之间的差值，并求这些差值中大于零的部分的总和。
2024-07-19 10:44:27
378
原创 js中 空值合并运算符??的用法
/给当前字符统计字数。这是一个 ECMAScript 2020 引入的运算符，用于提供默认值。//定义统计字符的对象。举例：统计字符串中各个字母出现的次数。letter[c]的值存在，则将。
2024-07-18 14:19:12
165
原创 js数组的slice方法举例
方法是数组对象的一个常用方法，用于从数组中提取指定部分的浅拷贝，并返回一个新数组，而不会改变原始数组。它接受两个参数：起始索引（包含）和结束索引（不包含），可以根据这两个参数来决定截取的数组部分。
2024-07-17 11:33:45
176
原创 “demo-0.0.1-SNAPSHOT.jar中没有主清单属性“ ，maven打jar包时出现这种异常什么原因？
以前将pom.xml中的build标签中的内容注释掉了，导出打的jar包在启动时出现以上异常，将下面代码放开即可。
2024-07-15 16:00:12
539
原创 error when starting dev server: Error: listen EACCES: permission denied 0.0.0.0:8081 at Server.s
踩坑记录：java起了一个本地服务，默认占了8081端口，在启动vue项目时，报上面的错误，刚开始还没看懂，最后发现8081端口号已经被java项目占用了，更改一下端口号就可以正常启动了。
2024-07-15 09:42:28
249
原创 创建spring boot项目踩坑记录
idea的版本需和jdk的版本同步，不能版本差距太大，例如ideal2019和jdk17在创建spring项目时，就会找不到jdk的版本，idea2019最高只显示到11,造成创建项目失败；经验证，idea2021版本以上可以成功创建基于jdk17 的spring项目。iDEA工具下载网址。) jdk17下载网址。
2024-07-13 14:19:26
132
原创 vue3中的toRaw方法有什么作用？
vue3中用ref和reactive定义的变量都是响应式的，创建的对象是一个代理对象，无法直接访问其原始值，但是在某些情况下，我们可能需要访问这个对象的原始值，那么可以使用 toRaw 来获取，需要注意使用 toRaw 转换后的对象失去了响应式功能，不会再触发更新。而且toRaw 只能用于 Vue 3 中创建的响应式对象。
2024-07-10 15:49:31
233
原创 react-antd-admin后台管理系统模版下载
下载地址：react-antd-admin: React Antd Admin 是一个免费开源的中后台模版。使用了最新的`react 17.x`,`react-router 6.x`,`@reduxjs/toolkit`,`antd4.x`等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。
2024-07-02 16:02:50
402
原创 字符串中字符出现的字数（力扣算法题）
/遍历字符串，将每个字符串添加到Map对象中，并获取字符串key值所对应的value，value就是每个字符串的累计出现次数。//遍历Map对象，将每个字符串的出现次数和暂定的最大次数做对比，key代表字符串本身，value代表字符串的出现次数。return [maxStr,maxNum] //返回出现次数最多的字符串。//初始化一个变量，代表字符出现的最大次数。//创建一个Map对象。//代表是那个字符出现最多。//判断字符串中出字符出现的字数，并输出出现字数最多的字符。
2024-07-02 09:26:34
174
原创 react中useEffect的用法
在开发中经常会遇到页面初始化时或者组件渲染是开启一个定时器，那么当页面在关闭或者组件在销毁时需要关闭定时器，类似于vue中组件销毁时需要在destroyed钩子函数里面对定时器进行销毁一样，useEffect应该在哪里书写呢？//首先需要引入这个辅助函数 ，这个辅助函数也称为副作用函数，里面书写的是由渲染本身引起的操作，比如发送ajax请求，获取DOM等，而不是由事件本身引起。需要写在return返回的回调函数中，当组件销毁时，会自动进入return之后的回调函数，完成对定时器的销毁。
2024-06-30 17:25:22
246
原创 求两个数组的交集，返回到一个新数组中（力扣算法题）
/判断数组2中有没有数组1的值，如果有，则过滤出来，返回到一个新数组中。//将数组1转化为Set数据结构，方便查找f符合条件的的key。
2024-06-27 22:15:12
100
原创 react中的二级路由切换及配置
第四步：在一级路由组件的某个地方配置二级路由的出口，类似于vue中的router-view。navigate(path) //path是变量，是指要跳转的路由地址。第二步：在index.js文件中进行一级路由、二级路由等配置。第一步：在router文件夹下创建index.js文件。第三步：在全局index.js入口文件中注入路由。第五步：进行路由切换。
2024-06-27 22:06:41
455
原创 react中如何使用redux？
dispatch(getBillList()) //在某个时机下调用异步方法，例如：可以是页面初始化的时候，也可以是某个事件处理函数中。备注：store文件夹下的modules文件夹类似于vue中的models,里面创建的是按业务划分的模块文件。第四步：在store文件夹下的index.js中引入导出的模块，方便组件调用。第六步：在全局入口index.js文件中完成store的注入。第五步：在页面中使用store中的数据和方法。第一步：安装redux。
2024-06-26 22:24:07
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人