- 博客(313)
- 收藏
- 关注
RSS订阅原创 长按加速- 解决react - setInterval下无法更新问题
盒子里套了一个rounde的absoulte，但是overflow-hidden，和一个正方形的div，这样就会出现竖线进度条。并且pc端可以长按的，只是要用onTouchStart，不要用onMouseDown。最开始直接setInterval里，useState硬写，发现更新不，固定值。然后我是一个rounded大盒子。换let，发现dom更新不了。
2024-07-15 19:38:08
292
原创 react获取访问过的路由历史记录
后来请教了下大神，实际上可以在组件销毁方法里去监听，原理和去监听路由一样的，而且这样可以更好的～去维护，不用浪费全局的router资源。那考虑useEffect每次在location.pathname 进行变化的时候，直接进行存取队列。这样每次读去到type的时候，可以再去取消掉，有点类似订阅的机制，总之更好管理。看了下，好像没有很好的解决方案，之前的useHistory现在也用不了了，但是，发现有问题啊啊啊，store的更新是惰性的，chatgpt说，可以给他强制更新，但好像又不太好。
2024-07-11 12:01:59
645
原创 react使用markdown进行展示
注意文档要放在public下才能读取。有一些文档非常长，但是又要挨个设置样式，直接用。然后css不用全局，用id即可。最后是我的markdwon样式。组件库 - marked。
2024-07-02 21:20:25
622
原创 飞书文档转markdown 超级快捷方法。
直接使用那个github的高赞官方的工具转换，需要设置什么小应用那种东西，还要审批，社恐人表示怕了怕了。而且文档我分享出去，是有权限的，反正无论如何生成不了。因为其实你在飞书里写，是直接有markdown格式的，但是官方没有提供一个，可以直接转markdwon的接口，那么你直接copy下来实际上有格式的。飞书官方只提供了转word，试了下word再转markdown效果并不好。但我这个网址，连ol，ul这些都支持。直接扔进在线的里面，把输入框的东西复制进来，得到markdown。直接全选，然后粘贴进。
2024-07-02 21:17:22
585
原创 实现渐变字体的方案
还有描边的话，scale会有边距缩放的问题，描边就用font weight 来实现。需要注意，这个切图是把一整块，都切出来做的。所以需要用span，不能是div。
2024-07-02 19:56:21
169
转载 React 中父组件中调用子组件方法
仅能用在 FunctionComponent，仅能用在 ClassComponent。使用到的hooks--
2024-06-11 18:35:11
525
原创 【文件上传】blob、file、formdata区别
blob是原始的也是用的最多的；file是input拿到的时候这个格式，从blob继承而来；base64类似于string那种，可以传输方便直接用于图像展示，而blob是原始的。
2023-09-27 11:56:11
2068
原创 短暂记录ipad兼容性问题
动画交接处有缝隙，用margin-right: -0.5px;/* 负边距用于消除间隙 */3. 遇到动画的问题，会停住，试了一堆@webkit-keyframe不管用，先借助刷新。1. ipad问题统一可以当成safari问题！直接在safari里复现。2. safari w-auto会失效，直接变成0，有width都补上。
2023-08-12 23:08:42
101
原创 安装umi
ant-design-pro项目 启动项目npm start提示。当再次启动本地项目npm strat时候就不在提示上面的报错了。3. 运行open命令，打开.bash_profile文件。如果没有.bash_profile文件。，并确保版本是 2.0.0 或以上。4.运行下面命令修改生效。5.再次运行umi -v。(2)查看umi版本号。(1)查看umi命令。问题：# mac系统。
2023-07-07 16:39:46
834
原创 sentry前端接入 报错403问题
这种东西感觉国内没什么人探索。一定要google才能搜到结果。卸载默认安装的前端7版本，重新安装6.17.4。6.0.0版本的也不行！是因为前后端版本不匹配，可以直接在进入页面时，
2023-07-05 21:51:10
1440
1
原创 nginx解决路由匹配不上问题
nginx需要这样配置，才能访问前端路由意思哈是访问xxx的时候，不是导航到具体地址，而是交给index.html，也就是前端页面自己去处理而把配好的 /qwq/后面的/强制删掉，则是参考如何去掉末尾的 /
2023-07-05 21:46:10
1070
原创 解决fetch请求 bodyStream的locked种种各种问题只要请求的时候加上({ format: “json“ }) 就可以！请求的时候加上！
只要请求的时候加上就可以！请求的时候加上！
2023-06-05 18:52:32
303
原创 chrome 113 因为策略原因 cookie显示非常隐蔽
链接：https://juejin.cn/post/6979449894385745951。难受的要死，找不到cookie，安装老版本还疯狂偷跑我代理的流量更新！Process Name：上述进程名。搜索“历史版本” 不要搜112。
2023-05-11 14:34:04
928
转载 video下autoplay属性无效的解决方法(添加muted属性)
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。这篇文章主要介绍了video下autoplay属性无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。虽然不用手动刷新，自动刷新后，视频可以自动播放，但是，每隔2s刷新，页面效果并不好啊。直到后来才发现：高版本浏览器，对视频静音后，可以保证视频自动播放。
2023-04-25 11:55:02
2395
原创 在react里使用插槽
链接：https://www.zhihu.com/question/584237637/answer/2898052352。通过props.children把 "hello React" 从父组件传递进去,自组件接收使用。商业转载请联系作者获得授权，非商业转载请注明出处。可以通过props给子组件传递一个函数，然后函数返回一个。元素，来间接实现具名插槽的功能。
2023-04-25 11:51:51
217
原创 marsonic 瀑布流问题 & 获取js图片原始尺寸的方法
只有当您使用100%动态/延迟测量，并且初始测量产生的高度足够小，可以将所有新项目放入当前最短的列中时，才会发生这种情况。因此，如果最短的列比其他列短150px，并且例如10个新项目的初始测量结果为平均值
2023-04-12 17:17:31
602
原创 js读取fetch的返回值
（1）先捕获error，一般的话会有error.message ， 但是这个message不一定能捕获的到东西；（2）从网络中捕获到的error会有response，那么response.status应该就是http状态码，readable stream，而且还locked：true，那么就是它只能被读取一次，需要注意，在ky里，400 500这种都是算catch error会走到的了。一种是硬解析，一种是使用ky，可以捕获到error异常，此时进行打印，你会发现response的body是。
2023-04-12 17:11:17
1491
原创 puptter自动化测试初探
UI 测试（UI Test）只是对于前端的测试，是脱离真实后端环境的，仅仅只是将前端放在真实环境中运行，而后端和数据都应该使用 Mock 的。端到端测试（E2E Test）则是将整个应用放到真实的环境中运行，包括数据在内也是需要使用真实的。puppterr 是谷歌官方推出的，可以配合recorder来做，直接生成代码，见。vite的官方测试工具， 好像是单元测试来着，Jtest也是单元测试。确实，辛辛苦苦写的UI测试，页面一改版，全都要重写测试用例，太累了。这个链接，带代码的，可以运行起来，可以试试。
2023-03-28 11:46:19
550
原创 shell脚本命令
commit=`git rev-parse HEAD`（自动获取最开始的git id，并且存到commmit这个变量里）vite打包之后会刷新，所以把bash 放在打包之后。emmmm，既然有 命令了，那么可以直接。命令需要用`` ，不然就是普通字符串。
2023-03-27 12:05:13
99
原创 tailwindcss 写原生html
html文件中引入的是output.css input.css写那三行预留的就可以了。打包的时候只要打包html output.css img文件夹句ok，其他都不用。原理是运行时生产output.css文件，直接。在页面中引用最终样式，例如output.css。编辑 tailwind.config.js。或者编辑input.css再保存文件即可。也可以改成编辑package.json。然后编辑页面标签里写入预置的样式名，使用 npm 或者 pnpm 安装。
2023-03-24 11:36:08
598
原创 canvas 导出空白问题
奇怪的是最开始下载就不行，可能是实验性的那个开启了无效，项目里实际上是动态创建的canvas，而配置那里有webgl，所以可能是因为webgl改了无效，所以尽量还是看些原理趋向的地方去改。也可以的，明显size更大了。在生成canvas的那些里面加一个。按照这个，但是也不完全按照这个。
2023-02-28 19:39:41
552
原创 小程序下不同平台的广告播放失败问题
在实际ios和实际windows，根据具体情况有可能没有广告，返回no advertisement，根据当前的平台返回广告不可用，但是拉取过程是成功。在build后的小程序中，会有广告倒计时无法播放的问题，属于bug，dev没有这个情况。如果调起了，没显示出来，那么会走到官方代码的拉取失败代码块里，在里面做判断即可。没有广告原因很复杂，不管是设备限制还是什么，那就不管了，反正处理这样处理。不需要在初始化error里针对这情况处理，因为是没有广告，
2023-02-23 16:49:46
1091
原创 小程序分包
文件引用的图片和背景 .. 改成../.. 因为用到了全局的那行。开发者工具上，主包会块，分包会卡，实际上没有这么严重，大概就是体积太大的时候，放到其他地方包里，pages.json 里只要ctrl v就行。
2023-02-22 20:29:32
177
原创 homebrew No remote ‘origin‘ in /opt/homebrew/Library/
结果brew install又报404，于是brew update又报错，可能是git的问题。本来是可以的，但是莫名其妙它就空文件夹了，就重新安装了一下，真的非常非常慢，大概要安了两个小时，然后按照给的提示粘贴了几个命令，解决。
2023-02-15 17:32:21
2914
原创 mac使用小助手
2. mac自带的录屏： quick time player，在右上角菜单开始录屏，然后状态栏那里停止。3. 直接访问具体的文件夹： 访达菜单，前往，然后选择文件夹。鼠标滚轮方向可以调反，在哪忘了。
2023-02-10 10:56:11
2275
原创 next构建纯前端
看到有人说next build& next export，但是我这里这样运行就会报错，，，， ，看起来还不好改那种，甚至npm install也报错，自测可以本地开nginx，然后访问localhost：80，因为你把本地服务器开到了80这里，root那里写根地址就可以了，本地的那个地址。还有一点不知道是不是需要，就是取消getServerSideProps。那么直接用yarn add yarn build yarn export。那么纯前端的话，export之后只要out目录下面的就可以了，
2023-02-10 10:52:39
787
原创 charak ui和react icons网址
https://chakra-ui.com/docs/components/alerthttps://react-md.dev/packages/material-icons/demos
2023-02-09 15:11:42
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人