- 博客(306)
- 收藏
- 关注
RSS订阅原创 【文件上传】blob、file、formdata区别
blob是原始的也是用的最多的；file是input拿到的时候这个格式，从blob继承而来；base64类似于string那种，可以传输方便直接用于图像展示，而blob是原始的。
2023-09-27 11:56:11
1482
原创 短暂记录ipad兼容性问题
动画交接处有缝隙，用margin-right: -0.5px;/* 负边距用于消除间隙 */3. 遇到动画的问题，会停住，试了一堆@webkit-keyframe不管用，先借助刷新。1. ipad问题统一可以当成safari问题！直接在safari里复现。2. safari w-auto会失效，直接变成0，有width都补上。
2023-08-12 23:08:42
47
原创 安装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
655
原创 sentry前端接入 报错403问题
这种东西感觉国内没什么人探索。一定要google才能搜到结果。卸载默认安装的前端7版本，重新安装6.17.4。6.0.0版本的也不行！是因为前后端版本不匹配，可以直接在进入页面时，
2023-07-05 21:51:10
1067
1
原创 nginx解决路由匹配不上问题
nginx需要这样配置，才能访问前端路由意思哈是访问xxx的时候，不是导航到具体地址，而是交给index.html，也就是前端页面自己去处理而把配好的 /qwq/后面的/强制删掉，则是参考如何去掉末尾的 /
2023-07-05 21:46:10
878
原创 解决fetch请求 bodyStream的locked种种各种问题只要请求的时候加上({ format: “json“ }) 就可以！请求的时候加上！
只要请求的时候加上就可以！请求的时候加上！
2023-06-05 18:52:32
215
原创 chrome 113 因为策略原因 cookie显示非常隐蔽
链接：https://juejin.cn/post/6979449894385745951。难受的要死，找不到cookie，安装老版本还疯狂偷跑我代理的流量更新！Process Name：上述进程名。搜索“历史版本” 不要搜112。
2023-05-11 14:34:04
797
转载 video下autoplay属性无效的解决方法(添加muted属性)
背景：video下载入ogg格式视频，并设置自动播放属性autoplay，但是使用Chrome预览时，视屏画面已加载出来，但是无法自动播放，F5刷新后可以自动播放。这篇文章主要介绍了video下autoplay属性无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。虽然不用手动刷新，自动刷新后，视频可以自动播放，但是，每隔2s刷新，页面效果并不好啊。直到后来才发现：高版本浏览器，对视频静音后，可以保证视频自动播放。
2023-04-25 11:55:02
2149
原创 在react里使用插槽
链接：https://www.zhihu.com/question/584237637/answer/2898052352。通过props.children把 "hello React" 从父组件传递进去,自组件接收使用。商业转载请联系作者获得授权，非商业转载请注明出处。可以通过props给子组件传递一个函数，然后函数返回一个。元素，来间接实现具名插槽的功能。
2023-04-25 11:51:51
173
原创 marsonic 瀑布流问题 & 获取js图片原始尺寸的方法
只有当您使用100%动态/延迟测量，并且初始测量产生的高度足够小，可以将所有新项目放入当前最短的列中时，才会发生这种情况。因此，如果最短的列比其他列短150px，并且例如10个新项目的初始测量结果为平均值
2023-04-12 17:17:31
540
原创 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
1212
原创 puptter自动化测试初探
UI 测试（UI Test）只是对于前端的测试，是脱离真实后端环境的，仅仅只是将前端放在真实环境中运行，而后端和数据都应该使用 Mock 的。端到端测试（E2E Test）则是将整个应用放到真实的环境中运行，包括数据在内也是需要使用真实的。puppterr 是谷歌官方推出的，可以配合recorder来做，直接生成代码，见。vite的官方测试工具， 好像是单元测试来着，Jtest也是单元测试。确实，辛辛苦苦写的UI测试，页面一改版，全都要重写测试用例，太累了。这个链接，带代码的，可以运行起来，可以试试。
2023-03-28 11:46:19
438
原创 shell脚本命令
commit=`git rev-parse HEAD`（自动获取最开始的git id，并且存到commmit这个变量里）vite打包之后会刷新，所以把bash 放在打包之后。emmmm，既然有 命令了，那么可以直接。命令需要用`` ，不然就是普通字符串。
2023-03-27 12:05:13
67
原创 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
467
原创 canvas 导出空白问题
奇怪的是最开始下载就不行，可能是实验性的那个开启了无效，项目里实际上是动态创建的canvas，而配置那里有webgl，所以可能是因为webgl改了无效，所以尽量还是看些原理趋向的地方去改。也可以的，明显size更大了。在生成canvas的那些里面加一个。按照这个，但是也不完全按照这个。
2023-02-28 19:39:41
361
原创 小程序下不同平台的广告播放失败问题
在实际ios和实际windows，根据具体情况有可能没有广告，返回no advertisement，根据当前的平台返回广告不可用，但是拉取过程是成功。在build后的小程序中，会有广告倒计时无法播放的问题，属于bug，dev没有这个情况。如果调起了，没显示出来，那么会走到官方代码的拉取失败代码块里，在里面做判断即可。没有广告原因很复杂，不管是设备限制还是什么，那就不管了，反正处理这样处理。不需要在初始化error里针对这情况处理，因为是没有广告，
2023-02-23 16:49:46
853
原创 小程序分包
文件引用的图片和背景 .. 改成../.. 因为用到了全局的那行。开发者工具上，主包会块，分包会卡，实际上没有这么严重，大概就是体积太大的时候，放到其他地方包里，pages.json 里只要ctrl v就行。
2023-02-22 20:29:32
137
原创 homebrew No remote ‘origin‘ in /opt/homebrew/Library/
结果brew install又报404，于是brew update又报错，可能是git的问题。本来是可以的，但是莫名其妙它就空文件夹了，就重新安装了一下，真的非常非常慢，大概要安了两个小时，然后按照给的提示粘贴了几个命令，解决。
2023-02-15 17:32:21
2729
原创 mac使用小助手
2. mac自带的录屏： quick time player，在右上角菜单开始录屏，然后状态栏那里停止。3. 直接访问具体的文件夹： 访达菜单，前往，然后选择文件夹。鼠标滚轮方向可以调反，在哪忘了。
2023-02-10 10:56:11
2155
原创 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
613
原创 charak ui和react icons网址
https://chakra-ui.com/docs/components/alerthttps://react-md.dev/packages/material-icons/demos
2023-02-09 15:11:42
66
原创 ts打包错误
declare module '@/util/gio.js' // declare module 'xxx'路径或者模块名。提示信息为：无法找到模块“xxx.js”的声明文件 xxx隐式拥有 “any” 类型。// 1. 自行声明：declare const require: any。然后就可以正常引入了。
2023-02-09 15:10:03
956
原创 nextjs 双重循环展示 记得要写return
第二个反正就是不能直接用 要return 否则jsx不认。第一个{ } 应该是隐式实现了xx。不知道原理一点点试出来的。
2023-02-07 15:26:20
159
转载 前端文件下载
当通过接口的形式fetch('/upload/downloadfile')访问文件，又想保留浏览器的预览效果时，可以仅设置Content-Disposition的filename以指定预览时下载的文件名，否则浏览器会默认取url最后一节，即downloadfile为文件名，导致下载的文件无后缀无法打开。当url是同源（同域名、同协议、同端口号）时，这种情况用 a标签加download属性的方式即可，download属性指示浏览器该下载而不是打开该文件，同时该属性值即下载时的文件名；
2023-02-06 12:15:06
235
原创 multipart 文件上传
看了好多，都说要input = file，form，然后form data ，怪怪的，但是不知道为啥就搜不到，全是form。其实有两步，本地上传到浏览器，浏览器交给后台。我这里解决的是只有第二步。useDropzone 去解决的，onDrop。也没有那么复杂，可以直接这样写完成上传。第一步也没用form，是。
2023-02-03 13:57:04
417
原创 react 函数式组件 & react其他一些总结
这里可以看 https://blog.csdn.net/m0_45315697/article/details/107235793。操作： this.setState({ show: props.checked })操作：this.setState({ select: value });1、组件获取props，与类组件有点不同，类组件有。（貌似有部分东西可以放外面，但是函数式可能不行？使用：this.state.histroy。直接在里面继承props 就可以，函数式组件be like。
2022-12-20 22:06:08
283
原创 export default与export const xxxx 的区别
主要是default的可以自己命名，而const xxx不仅名字必须固定，而且要用｛｝引入。用于在JavaScript模块中导出函数，原始值，对象；// 使用 as 重命名导入。
2022-12-20 14:33:34
972
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人