- 博客(50)
- 收藏
- 关注
RSS订阅原创 如何批量下载tgz依赖包并使用？
例如：要安装上面的这个依赖包，需要在package.json文件中进行添加，这里需要注意的是，如果只是下载外层依赖的化比较简单，最主要的是有些依赖包还有属于自己的依赖文件，也就是依赖树的完整下载，这个就比较麻烦，以下的sh命令就是下载完整依赖数的，但是在执行sh脚本之前，需要先执行npm install将依赖文件中的依赖包下载下来，这样才能完整的读取依赖树；第三步：创建并执行sh脚本文件，下载所有依赖包的tgz文件，供发布至npm私有服务器使用；举例：下载的tgz文件如下图所示。
2025-12-12 21:51:43
192
原创 mineMap地图如何绘制带箭头的线段，且移入线段高亮，移出取消高亮？
【代码】mineMap地图如何绘制带箭头的线段，且移入线段高亮，移出取消高亮？
2025-12-11 17:56:27
207
原创 好用的字体转换工具推荐
有时候项目中使用的iconfont.ttf字体文件不生效，我们可以尝试将其转换为woff字体格式，再引入到项目中。1.创建一个fonf.less文件，引入要使用的字体文件。2.在代码中使用自定义的字体格式，例如。
2025-12-10 16:52:39
105
原创 tgz包批量下载脚本
内网中，无法直接下载依赖包，可提前在有网环境中提前下载好package.json中的所有依赖的tgz包，然后再内容中直接通过tgz安装依赖包，以下脚本可以直接执行。echo ">>> 文件保存在 ./$DIR_NAME/ 目录 <<<"echo ">>> 开始并行收集tgz文件... <<<"echo "✓ 成功: $package"echo ">>> tgz文件收集完成 <<<"echo "开始下载: $package"# 安装文件夹中的所有 tgz 包。# 函数：下载单个包。
2025-11-14 17:05:48
546
原创 a-datepicker日期组件月份和星期一直显示英文，如何解决？
同样的配置，在一台电脑上显示正常，在另外一台电脑上一直显示英文，怎么配置都不生效，依赖包版本换了也不生效，折腾了半天，是依赖缓存，卸载依赖，重新安装一下，启动就正常了，真的是没想到。console.log(dayjs.locale()),中文输出 zh-cn 英文输出en。如果不知道当前是英文还是中文，可以打印出来看一下。
2025-09-26 09:31:02
245
原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 项目打包报错
亲测有效！！！！！
2025-07-07 21:57:02
95
原创 vue3项目动态路由的相关配置踩坑记录
import pinia,{ useUserStore } from '@/stores/user' 或者在路由前置守卫中调用useUserStore()import { useUserStore } from '@/stores/user' // 错误：此时 Pinia 未初始化。component: modules[`/src/views/${route.component}.vue`] // 匹配映射。解决方案：componet：存普通的字符串，最后在使用时再转换为路由懒加载的写法（)=>
2025-05-22 17:20:00
593
原创 使用 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
1826
原创 SyntaxError: The requested module ‘node:fs/promises‘ does not provide an export named ‘constants‘
报以上错误是因为用node16版本安装的vite启动项目，将node版本切换至18以上启动正常。
2024-12-29 10:57:49
3942
原创 react中的useCallback 有什么作用？
/ 使用 memoizedCallback 作为 effect 的依赖。// 使用 useCallback 确保只有当 count 改变时，onClick 才会更新。可以帮助你确保某个函数只会在依赖项发生变化时才会重新创建，否则它会返回上一次的函数引用。（memoization）函数，从而防止在每次渲染时创建新的函数实例。// 只有在依赖数组为空时，回调函数才会创建一次。// 依赖于 count。是一个优化性能的 Hook，主要用于。
2024-11-25 11:43:54
914
原创 react函数组件中的深度监听如何实现？
1. 如果你的对象结构比较简单，并且你只想对嵌套对象的某个字段进行监听，你可以直接监听该字段的变化，而不是监听整个对象。这样，你可以避免深度比较，简单直接地达到监听效果。// 只监听 age 字段的变化。2.如果需要避免每次重新渲染都做深度比较，可以将前一个对象的引用保存在。// 每次 state 变化时执行。中，然后对比当前值与之前的值，只有当值发生变化时才更新状态。// 监听嵌套对象的具体字段变化。
2024-11-25 11:14:09
812
原创 react函数式组件中的路由传参方式
useParamsstateNavigate路由传参。React Router 提供了多种方式来传递和获取路由参数。
2024-11-25 10:40:41
1663
原创 react中useMemo的使用场景
useMemo是 React 的一个 Hook，用来优化性能，尤其是在计算复杂值时。它会记住（缓存）计算结果，只有在依赖项变化时才重新计算，避免不必要的重复计算。// 使用 useMemo 来缓存计算结果}, [num]);// 只有 num 改变时才重新计算return (<div></div>
2024-11-21 17:00:46
1241
1
原创 react中Fragment的使用场景
Fragment是一个非常有用的工具，帮助开发者在不引入额外的 DOM 元素的情况下返回多个子元素。返回多个子元素而不增加额外的 DOM 节点。避免在列表或表格中增加不必要的嵌套。使用条件渲染时避免不必要的嵌套元素。在map()渲染列表时提供key。通过使用Fragment，你可以更精简、更高效地组织和渲染组件内容，同时保持 DOM 的整洁和性能。有些类似于vue中的template模版标签。
2024-11-21 15:13:23
1293
原创 props.children的使用场景
是 React 提供的一种机制，使得父组件可以将其内容传递给子组件，并且子组件可以在自己的渲染中使用这些内容。是 React 中一个非常重要的特性，它用于访问组件的子元素。这些子元素可以是其他组件、字符串、数字、数组或者任何有效的 React 元素。组件就变得非常灵活，可以在不同的上下文中显示不同的内容。）传递任何类型的内容。
2024-11-21 14:55:39
348
原创 react中useRef的用法
在 React 中，useRef是一个非常有用的 Hook，主要用于访问和操作 DOM 元素以及保持不随组件重新渲染而改变的变量。以下是useRef的一些常见用法和示例。
2024-10-28 13:45:54
705
原创 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
1076
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
730
1
原创 pandas处理表中的重复数据
找到 id 和 uuid 都重复的记录 # 标记出同时重复的 id 和 uuid。4.drop_duplicates对重复数据进行去重，保证数据唯一。print("同时重复的 id 和 uuid 的数据:")import pandas as pd # 示例数据。二、对筛选出的重复数据进行去重，只保留一条记录。通过这种方法，你可以筛选出在。# 筛选出同时重复的记录。# 去重，只保留一条记录。列中同时都重复的数据。
2024-08-13 15:16:59
953
原创 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
978
原创 pandas中fillna的用法
是 pandas 中用于填充缺失值的方法。它允许你用指定的值或方法替代 DataFrame 或 Series 中的缺失数据（即。)，还是返回一个填充后的新 DataFrame。：你可以用一个常量值填充所有缺失的地方。方法时，可以选择是否在原地修改数据 (这会用列中前一个有效值替换所有缺失值。这会用列中后一个有效值替换所有缺失值。（前向填充）：可以使用。（后向填充）：可以使用。
2024-08-12 14:16:36
1849
原创 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
1963
原创 pandas中loc的用法？
在 Python 中，loc是一个常用于 Pandas 数据库中 DataFrame 对象的方法，用于基于标签（label）对数据进行索引和选择操作；
2024-08-08 11:10:33
1083
原创 百度墨卡托投影坐标转百度BD09经纬度
百度墨卡托坐标系统是基于标准的墨卡托投影，将地球表面的经纬度坐标转换为平面上的直角坐标。在该坐标系统中，地球被视为一个球体，然后进行投影，使得投影后的坐标可以在二维平面上表示。主要用于百度地图的显示和计算，方便在屏幕上显示地理信息，并支持地图上的各种操作和服务，如地图缩放、标注等。坐标单位通常是米（m），表示在地球上的实际距离。举例：10939230.252191,4811248.261313，如何将类似于这样的百度墨卡托坐标转换为BD09经纬度呢？
2024-08-08 10:37:52
2154
原创 pandas中df.apply有什么作用？
df.apply()是Pandas中强大的函数之一，它能够根据指定的函数对DataFrame的行、列或整个DataFrame进行操作和转换。通过合理利用axis参数，可以灵活地应用于不同的数据处理场景，使得数据清洗、转换和分析变得更加高效和方便。
2024-07-24 09:39:17
2077
原创 python中lambda语法
Lambda表达式是一种在函数式编程中常见的匿名函数形式，它的基本结构是简洁的函数定义，通常用于需要传递函数作为参数的情况。lambda：表示这是一个Lambda表达式的标识符。arguments：是Lambda函数的输入参数，可以是一个或多个参数，类似于常规函数定义中的参数列表。这些参数是函数体expression中使用的变量。：用来分隔参数列表和表达式。expression：是Lambda函数的返回值，也就是Lambda函数体。可以是任意有效的Python表达式，它会计算并返回结果。
2024-07-23 18:09:59
243
原创 js中Math.max的特殊用法
是一个非常实用的函数，用于比较一组数字并返回最大值。它在JavaScript中常用于找到数组中的最大元素、动态计算一组数中的最大值等场景。还可以计算数组中相邻元素之间的差值，并求这些差值中大于零的部分的总和。
2024-07-19 10:44:27
742
原创 js中 空值合并运算符??的用法
/给当前字符统计字数。这是一个 ECMAScript 2020 引入的运算符，用于提供默认值。//定义统计字符的对象。举例：统计字符串中各个字母出现的次数。letter[c]的值存在，则将。
2024-07-18 14:19:12
187
原创 js数组的slice方法举例
方法是数组对象的一个常用方法，用于从数组中提取指定部分的浅拷贝，并返回一个新数组，而不会改变原始数组。它接受两个参数：起始索引（包含）和结束索引（不包含），可以根据这两个参数来决定截取的数组部分。
2024-07-17 11:33:45
209
原创 “demo-0.0.1-SNAPSHOT.jar中没有主清单属性“ ，maven打jar包时出现这种异常什么原因？
以前将pom.xml中的build标签中的内容注释掉了，导出打的jar包在启动时出现以上异常，将下面代码放开即可。
2024-07-15 16:00:12
653
原创 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
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人