- 博客(343)
- 收藏
- 关注
RSS订阅原创 antd 黑暗模式 （v5 react）
发现body上加了dark-theme，那么就应该以body为区分，做一些事情。要么就用一套通用的，在root里把这件事做了，用的时候只用变量。2. 然后一些默认的，会自己定义好，没定义的，就需要自己写。1. 开启这个东西，是用configprovide。好吧，它没改变，这个东西难道要自己写。不知道为啥 🤷 官网根本没写怎么切换。观察切换后，模式有了什么改变。
2025-10-10 17:58:05
310
转载 如何解决 Mac 左右滚动误触返回事件？
这很容易造成“误触”的情况，比如一个编辑表单（宽度很大，可以左右滚动），我填写了很多的内容，在一个表格中左右滚动的时候，返回了前一个页面，我在页面中填了很多的东西就会不见...这会很让我奔溃。关闭上面的设置，但作为一个开发者，应该知道这只是在“解决自己的问题”，而不是“解决用户的问题”，并不是一个可行的方案。如果 Mac 设置了触控板如下所示，在浏览器中浏览页面的时候，双指不仅可以控制左右滚动，而且可以控制前进后退。这个事件，在满足上面的触发条件的时候，调用。，阻止掉该事件，这样就不会触发返回事件了。
2025-09-26 11:27:58
85
原创 在react里使用路由，手动跳转 / 直接获取当前路径 ？
然后我是想有个Layout套外面，菜单也放在最外面，切换的时候只是切换里面，但是不能 <Layout> <RouterProvider router={router} /></Layout>， 这样会说 Error: useNavigate() may be used only in the context of a <Router> component.这也不好， 哪能 / 做主路由， /后面的东西做其他路由呢，太怪了。navigate xxx就行。其实应该把Layout套到路由里，路由还是各自为战，
2025-08-25 19:37:21
240
原创 从datefns换到dayjs // 有关
date-fns很好，真的开箱即用，封装的也很好使。但是时区上没那么友好，不能全局设置时区，后面换成dayjs注意，封装好了之后，后面都是从这个文件使用的dayjs，类型从Date直接换到dayjsType（注意这里得export type而不是export const）这样用的都是unix并且tz之后的day，带有固定的上海时区。
2025-07-25 15:52:34
1075
原创 charles手机端抓包 ios 安卓通用
小米手机的话，需要去CA证书里安装，直接安装没用。安好之后就不会503了，503一般就是证书问题！开了之后默认直接上抓包，如果需要本地代理 app内的h5网址。charles开起来，就能访问了，如果https不行记得去下载证书，有了证书就可以了。安卓遇到map remote 无法打开的问题-- 还是证书没安装好。观察下抓包的结果，如果是503. 包是因为没有证书。手机浏览器输入： chls.pro/ssl 下载证书。其他的路径都自己匹配就行不用很精确。手机端和电脑同一wifi。转的网址要加上443.
2025-07-23 17:36:03
251
原创 swiper js无缝滚动---解决播放总是有间隔、动画一闪一跳的问题
后面自己抓css，发现先设置free mode（可以无限滚动滑的那个）搜了很多，没找到解决方案，ai也不知道，那个delay=0也不管用。然后会发现他有这个css，把这个改成linear 就行了。
2025-07-21 19:50:22
225
原创 rs build 的process.env的值undefined解决方案
source: {entry: await getEntries(),define: {‘process.env.PUBLIC_1111’: JSON.stringify(process.env.PUBLIC_1111 ?? ‘’,),import { defineConfig, loadEnv } from ‘@rsbuild/core’;const { publicVars } = loadEnv({ prefixes: [‘PUBLIC_’] });console.log(publicV
2025-07-04 14:47:49
488
原创 echarts 随窗口的移动，改变图表size
正确的写法是👇，关键点在 resizeObserver这里，类似intercetion observer, 这样直接观察pie ref 就不需要再去手动判断宽高，这很好了。以上三点得出：这个pie ref 这样子盯着变动是无效的。就这样，可以拿contentRect - width。这个里面，一样的结构，entires里先事0。
2025-06-16 18:00:09
174
原创 echarts 空心饼图，内说明文字居中
3. 这也太麻烦了，最终直接无所不用其极，咱们直接position absolute不好吗？用例子试了一下, 能实现，但是还得调，而且意义不明也不太好, 不过这文章参考自。2. 后来网上搜索，说可以在里面再嵌套一个实际上啥也没有的pie。或者top设置为一半的高度，这俩间距还不对，得设置。我tm直接⬇️ 香死了，绝对绝对的居中。1. 最开始，尝试用top。并且echarts在线实现在。
2025-05-22 11:43:54
626
转载 Echarts 鼠标hover时柱状图设置背景色
showDelay: 0, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms。showDelay: 0, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms。只需要在tooltip里设置axisPointer即可。hover时设置背景色。
2025-05-19 13:50:38
327
原创 shadcn/radix-ui的tooltip高度定制arrow位置
第二如果popover的字数太少，也会自动位移，因为 【箭头】是靠近中心的。第三也就是通常情况超出显示的时候，箭头只能靠近中心了这样就无法居中。尝试了半天，后来发现，不支持。改side和align都没用，下面有在线实例。但是呢， 第一如果太靠边，会自动位移。
2025-04-24 19:55:31
431
原创 react 父子组件通信 子 直接到父， 父 forwardref子
那如果是是子组件去用父组件用的，那么就会简单一点，直接传props就行了。这个东西是父组件想要用一下子的，就比较难，因为有门槛不希望你这样做。比如上面的例子中，父组件只能调用。子组件无法直接反向修改父组件的数据，只能通过父组件传递的。调用，且要确保子组件已经正确暴露了该方法（否则会报错。，而无法直接操作子组件的 DOM（比如改输入框的值）。（他即使子组件调用了，也只是通知📢没法修改）包裹子组件，让它能接收父组件传递的。它像一个“过滤器”，决定父组件通过。那还有，如果你是用ts，总是报错。
2025-04-22 16:19:07
792
原创 用gitlab在github desktop工具中不能拉代码报错：You are not logged in to your account: see GitHub Deskt
5.点开之后直接在输入框里输入 ~/.ssh 然后回车，就会出现id_rsa和id_rsa.pub两个文件。8.把刚才复制的id_rsa.pub里的东西粘贴到1所指的框框里，（ title可以随便写，也可以什么都不写）然后点击2指的 Add key。此时把之前的仓库（之前https下载的）删了，然后ssh重新下载一次，然后在github diskdop 里重新添加一次，就可以正常用了。2.回车之后会让你输入存储id_rsa和id_rsa.pub的目录，不用管直接继续回车即可。3.回车之后会出现让输入密码，
2025-04-17 19:28:37
718
原创 组件按钮的disabled触发不了，:enable和:disabled 的更改样式都无效
loading那些也是样式，disabled没有穿透到button身上去。看似disable的时候有样式，实际上那只是给传true的时候展示了个状态。他根本就没有传disabled！正常的button disabed有显示。调试的时候也可以用:enable来处理。自然disabled的也没法生效了。排查问题，仔细看，问题是因为。
2025-04-11 11:23:58
336
原创 Figma死活收不到注册邮件解决方案（垃圾箱也没有）
原因是因为你的邮箱还没注册或者有异常的时候，就注册了figma发邮件，导致邮件发送失败了，之后任务都不会再执行，注册成功之后也执行不了了。给他们发个信，让他们把这个重置一下就可以了。
2025-04-08 13:51:27
770
原创 css画右上角 角标三角形
文字就是 ' absolute -right-2 -top-2 font-semibold h-16 w-16 flex justify-center items-center flex-nowrap rotate-45 text-[11px] ',基本思路就是设置border，只设置一边，其他3个透明，然后再位移旋转。注意这个方法，宽高基本是设置的一半，然后文字的话，重新画一层盖上去，
2025-04-07 20:05:39
646
原创 python多进程报错A child process terminated abruptly, the process pool is not usable anymore
报错：concurrent.futures.process.BrokenProcessPool: A child process terminated abruptly, the process pool is not usable anymore。是因为不支持多进程，是with ProcessPoolExecutor()这里报错。
2025-03-18 14:55:28
577
原创 长按加速- 解决react - setInterval下无法更新问题
盒子里套了一个rounde的absoulte，但是overflow-hidden，和一个正方形的div，这样就会出现竖线进度条。并且pc端可以长按的，只是要用onTouchStart，不要用onMouseDown。最开始直接setInterval里，useState硬写，发现更新不，固定值。然后我是一个rounded大盒子。换let，发现dom更新不了。
2024-07-15 19:38:08
352
原创 react获取访问过的路由历史记录
后来请教了下大神，实际上可以在组件销毁方法里去监听，原理和去监听路由一样的，而且这样可以更好的～去维护，不用浪费全局的router资源。那考虑useEffect每次在location.pathname 进行变化的时候，直接进行存取队列。这样每次读去到type的时候，可以再去取消掉，有点类似订阅的机制，总之更好管理。看了下，好像没有很好的解决方案，之前的useHistory现在也用不了了，但是，发现有问题啊啊啊，store的更新是惰性的，chatgpt说，可以给他强制更新，但好像又不太好。
2024-07-11 12:01:59
1059
原创 react使用markdown进行展示
注意文档要放在public下才能读取。有一些文档非常长，但是又要挨个设置样式，直接用。然后css不用全局，用id即可。最后是我的markdwon样式。组件库 - marked。
2024-07-02 21:20:25
802
原创 飞书文档转markdown 超级快捷方法。
直接使用那个github的高赞官方的工具转换，需要设置什么小应用那种东西，还要审批，社恐人表示怕了怕了。而且文档我分享出去，是有权限的，反正无论如何生成不了。因为其实你在飞书里写，是直接有markdown格式的，但是官方没有提供一个，可以直接转markdwon的接口，那么你直接copy下来实际上有格式的。飞书官方只提供了转word，试了下word再转markdown效果并不好。但我这个网址，连ol，ul这些都支持。直接扔进在线的里面，把输入框的东西复制进来，得到markdown。直接全选，然后粘贴进。
2024-07-02 21:17:22
2693
4
原创 实现渐变字体的方案
还有描边的话，scale会有边距缩放的问题，描边就用font weight 来实现。需要注意，这个切图是把一整块，都切出来做的。所以需要用span，不能是div。
2024-07-02 19:56:21
204
转载 React 中父组件中调用子组件方法
仅能用在 FunctionComponent，仅能用在 ClassComponent。使用到的hooks--
2024-06-11 18:35:11
754
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人