- 博客(156)
- 收藏
- 关注
RSS订阅转载 Code Helper占用大量CPU和内存
打开活动监视器发现Code Helper启动了好几个，并且长时间占用非常高的CPU及内存（CPU超过100%，1个Code Helper进程占用1个多G内存）个人更倾向于第二种原因，因为其他项目并没有出现这个问题，只有两个用了TS的项目出现这个问题，编译巨慢，页面卡顿，具体内部原理未知，待解决。在Mac中使用VSCode运行时发现项目编译非常卡顿，时间长达五六分钟以上，并且项目启动后访问页面，页面也会有明显的卡顿。1.由某些插件引发的问题，可以尝试禁用所有的VSCode插件再次尝试。
2025-03-05 16:17:54
109
原创 实现可拖拽的 Ant Design Modal 并保持下层 HTML 可操作性
在开发复杂的前端界面时，我们常常需要一个可拖拽的弹窗（Modal），同时又希望用户能够在弹窗打开的情况下操作下层的内容。Ant Design 的 Modal 组件提供了强大的功能，但默认情况下，弹窗会覆盖整个页面，阻止用户与下层内容交互。本文将通过代码示例，展示如何实现一个可拖拽的 Modal，并确保弹窗不会影响下层 HTML 的操作。通过结合和Ant Design的Modal组件，我们实现了一个可拖拽的弹窗，并确保弹窗不会影响下层HTML的操作。
2025-02-18 17:15:55
790
2
原创 getContainer 是 Ant Design 中重要属性
getContainer 是 Ant Design 中的一个重要属性，用于自定义组件（如 Modal、Drawer 等）的挂载位置。默认情况下，这些组件会被挂载到 document.body 下，但这种行为可能会导致一些问题，例如被父级元素的 overflow: hidden 裁剪，或者在滚动时无法跟随页面滚动。getContainer 的主要作用是允许开发者自定义组件的挂载容器，从而解决默认挂载行为可能带来的问题。它通过返回一个 DOM 节点，使得组件能够渲染到指定的容器中。
2025-02-14 16:49:31
493
原创 mac SSH keys with the following fingerprints have expired and can no longer be used(ssh key过期)怎么解决
mac电脑SSH keys with the following fingerprints have expired and can no longer be used怎么解决。在Git中，如果你的SSH密钥过期了，你需要更新或重新生成SSH密钥，然后更新Git托管平台（如GitHub、GitLab或Bitbucket）上的密钥。
2025-02-06 15:28:12
761
原创 git cherry-pick从一个分支中选择一个或多个提交（commit）并将其应用到当前分支
git cherry-pick 是一个 Git 命令，用于从一个分支中选择一个或多个提交（commit）并将其应用到当前分支。这在需要将特定的更改移植到另一个分支时非常有用，而不需要合并整个分支。
2025-01-23 17:36:43
793
原创 package.json中版本管理的标识有哪些
在 package.json 文件中，版本管理的标识符用于指定依赖包的版本范围。以下是常见的版本管理标识符及其含义。^-~*>>=
2024-12-16 19:48:00
409
原创 安装Go语言（Golang）的详细教程
以下是安装Go语言（Golang）的详细教程，适用于不同的操作系统（macOS、Linux和Windows）。
2024-12-02 15:49:30
2851
原创 mac中，文件和目录的权限字段每个字符的位置和含义
在macOS中，文件和目录的权限字段表示了文件或目录的访问权限和属性。权限字段由10个字符组成。
2024-12-02 15:46:21
248
原创 width: 100% -116px； css怎么设置
在CSS中，无法直接使用类似width: 100% - 116px;的语法来设置宽度。不过，可以通过使用CSS的calc()函数来实现这个效果。calc()函数允许你在CSS属性中进行计算。
2024-12-02 15:42:40
364
原创 Umi.js环境变量
在项目根目录下创建不同的环境变量文件（如在文件中定义环境变量。在代码中通过对象访问环境变量。启动项目时指定正确的环境（例如umi dev或umi build通过这种方式，你可以轻松地在 Umi.js 项目中检测和使用不同的环境变量。
2024-11-11 17:07:10
704
原创 declare-JavaScript 和 TypeScript 中declare 关键字
在 JavaScript 和 TypeScript 中，declare 关键字有特定的用途，主要用于 TypeScript 中声明类型、变量、函数或模块的类型信息，而不实际定义它们
2024-11-11 17:04:13
541
原创 Mac电脑SourceTree git账号密码更改提示再次输入密码
Mac SourceTree git账号密码变更，更新最新的git密码，在mac应用程序中搜索钥匙串，在钥匙串中选择登录，在登录列表的钥匙串中找到sourceTree存储的git仓库钥匙串，然后删除，再去sourceTree再次拉取代码就会弹出输入密码的弹窗，输入最新正确密码，就可以正常拉取和推送git代码
2024-10-12 16:55:27
1175
原创 解决Vscode Copilot连不上网问题
解决vscode copilot连不上的问题，关掉vpn防止vpn冲突，在vscode扩展中找到copilot插件中切换版本，或者更新到最新版本，重启扩展重连
2024-09-02 17:32:50
4854
2
原创 sourceTree 解决remote: HTTP Basic: Access denied报错mac
因为登录的git账号没有仓库权限，或者之前账号权限失效，或者之前账号离职导致的没有权限，没权限操作git仓库就报错。解决方案：所以需要更换sourceTree中指定仓库的git账号，之前登录过一次，如何切换，请看解决方案。5.这时候会弹出输入用户名和密码的弹窗，输入有权限的账户。4.在sourceTree再次从远端拉取代码。输入新账户以后再操作代码仓库就没有任何问题了。1.点击sourceTree图标，选择设置。3.可以删除之前仓库关联的用户。2.选择设置弹窗的“高级”
2024-06-14 10:16:43
1435
原创 error:0308010C:digital envelope routines::unsupported
error:0308010C:digital envelope routines::unsupported报错，解决方案降低node版本，启用legacy OpenSSL provider，配置package.json文件
2024-03-07 11:09:11
1645
原创 Error: error:0308010C:digital envelope routines::unsupported的解决方案
Error: error:0308010C:digital envelope routines::unsupported的解决方案，node版本是18以上影响，配置package.json文件
2024-01-13 23:17:04
1111
原创 js相同字符串截取拼接
[ '999-1234567899', '999-1234567900','999-1234567901']数据转化成999-1234567899/900/901
2023-11-28 16:32:07
626
原创 在 React 中使用 highlight.js 和 Clipboard.js 实现代码块和复制功能
react中使用highlight代码块组件
2023-05-17 13:47:29
1987
2
转载 使用sourcetree拉取/提交/克隆仓库时 Failed to connect to www.google.com port 80: Timed out
使用sourcetree拉取/提交/克隆仓库时 Failed to connect to www.google.com port 80: Timed out
2023-03-03 10:51:31
1351
原创 VSCode中文设置异常
原文链接：https://blog.youkuaiyun.com/weixin_34898216/article/details/113548414第一步下载插件：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code(现在直接下载安装已经起效)在Chinese (Simplified) Language Pack for Visual Studio Code界面中点击Reload(重新加载)第二步使用快捷键在Ctrl+Shift+
2022-02-23 11:18:17
3460
原创 解决vscode 下载扩展插件失败，[renderer6] [error] XHR failed: Download: XHR failed
很奇怪，vscode突然插件就不能下载了，点击安装就报错。如下：最终发现原因是:电脑开了代理软件，只要把代理关掉就可以正常下载vscode插件。
2022-02-16 15:08:42
6118
7
原创 React hooks 怎样做防抖？
参考文章：https://blog.youkuaiyun.com/wangweiscsdn/article/details/107844516https://blog.youkuaiyun.com/weixin_47958188/article/details/1072315981. lodash防抖需要下载loadsh依赖：# yarn add lodashnpm i lodash引入：// lodash 支持按需加载，有利于打包结果优化import debounce from 'lodash/debounc
2022-01-17 17:35:23
938
原创 React锚点滚动的问题
参考文献：https://segmentfault.com/a/1190000023881414React锚点滚动，传统的a标签写法如下<a href = '#div'>To div</a><div id= 'div'>DIV</div>这种写法点击a标签就会跳转，并且伴随路由的改变。我们可以使用scrollIntoView方法来实现滚动效果scrollIntoView方法可配置参数它接受两种形式的值：布尔值或对象。接受布尔值主要还是为了兼容不
2021-12-30 15:35:11
1372
12
原创 2021年「博客之星」参赛博主：MYG_G
我正在参加年度博客之星评选，请大家帮我投票打分，您的五星⭐⭐⭐⭐⭐是对我的支持与鼓励。投票地址：https://bbs.youkuaiyun.com/topics/603955982感谢各位老铁的五星好评，评论区留下你们的链接吧！我会一一给大家五星好评的...
2021-12-30 14:17:42
293
4
原创 G2Plot自定义tooltip的title
需求：期望移入显示的tooltip可以自定义title和g2-tooltip-list-item官网链接：https://g2plot.antv.vision/zh/examples/bar/basic#width-ratio效果如下默认显示如下：tooltip默认展示的title是我们Y轴对应数据，默认展示的g2-tooltip-list-item是x轴数据类型名称:x轴对应的数据用到tooltip相关属性代码如下import React, { useEffect } fro.
2021-12-21 17:43:14
2706
7
原创 bizcharts饼图Legend显示数值和百分比
效果图百分比官网API：https://www.bizcharts.net/product/BizCharts4/category/62/page/81#itemvalueitemValue是Legend设置配置图例value的属性，我们可以再formatter函数中设置我们想要显示的值。打印formatter中(text: string, item: ListItem, index: number)对应的值，我们可以用index获取当前对应的value值const tarValue = cha
2021-12-16 11:25:33
2632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人