- 博客(17)
- 问答 (34)
- 收藏
- 关注
RSS订阅原创 记录在linux上运行 puppeteer （cente os8）
安装完成后需要配置 puppeteer.launch，实测这个配置可以运行，但是官方不建议在无沙箱环境下运行，你可以参考文档配置沙箱。之后不出意外的话就要出意外了，因为linux是没有安装中文字体的，需要安装字体，要不截屏的网页显示文字有问题，执行下面的即可。在windows上运行的好好的程序在类linux上运行是一定会出问题的，需要额外安装一些东西。如果有哪个依赖项安装错误就找对应的可以安装的版本，安装完成后进入安装的路径，一般是在。如果是其他，在下面查看对应的依赖项。首先需要安装依赖项，
2024-05-29 16:46:06
601
原创 html2canvas进行转化的时候ant-desgin-vue中的a-switch选中状态显示异常
知道了问题的原因，问题就好解决了，只需要将transform的转换改成一般形式，比如margin-left就好了，由于a-switch的伪元素继承父元素的动画效果，所以动画也不会消失。本质上是由于html2canvas对于css3中的transform属性转换有问题，不能很好的转换，而a-switch的yes状态是改变transform实现的。这样就ok了，46%是一个测试出来效果差不多的数值，如果用具体数值的话switch尺寸不一样，就不能做到通用。
2024-02-04 14:45:40
392
1
原创 关于元素频繁移入移出的防抖
这段代码对比单纯的在over事件中创建定时器，然后移出的时候清空有这样的好处，因为之前那样写，如果元素在dom树中被移除了，但是由于是强引用，js上关于dom对象的引用并不会被gc，这样会导致内存泄露，用warkMap可以很好的避免这一情况，它允许对每个特定的DOM元素保持独立且不泄漏内存的定时器引用。元素，它们各自的延迟操作也能正确管理，互不影响。
2024-02-01 10:07:31
369
1
原创 localstorage存储文件blob
因为localstorage只支持json格式的数据，so，先将blob转成base64字符串，这一步其实有很多问题，因为有的文件在转成base64后会便的很大，然而localstorage是有大小限制的，如果存储超了会报QuotaExceededError，这个时候就不能采用这个方案了，或者你可以把其他的数据清空掉hh，数据量太大的话可以考虑indexDB方案，一般都会满足需求，什么类型的数据都可以存储，而且很大。ps：存储的时候最好加上特定的前缀会比较好。当需要使用的时候，这里测试的数据是音频数据。
2024-01-31 14:09:23
554
原创 浏览器的自动播放
媒体标签是否可以自动播放取决于你网站的媒体愿意度，chrome://media-engagement/这里可以查看，但是我的电脑的斗鱼媒体愿意度很低，依然可以自动播放，猜测应该是谷歌有个白名单啥的。如果不在白名单，就只能在play的catch回调中监听，然后提示用户去点击才能播放，我测试了一下，应该只有点击才算交互，鼠标划入划出啥的都不算，就这样。
2024-01-11 10:16:40
399
1
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
出现这个问题主要是因为组件之前产生了循环引用，比如一个Mycom组件。他其中引入了Mychild而Mychild中又引入了Mycom，就回一直递归循环下去，解决方案中断这个循环引入，怎么中断呢，就是将组件变成动态引入的，类似于我需要这个组件，但是不是刚注册就需要使用。对于上面的例子就是在子组件中写上这个代码，或者在负组件中写类似的东西，动态引入，结果就是为了中止循环引入。
2023-12-26 15:34:51
845
1
原创 codeSendbox导入vue项目提示“Invalid Host header”
这个文章可能是webpack4或者更早，现在默认vue脚手架生成的都是webpack5，做参考。第二个就是不做校验，在vue.config.js中加入如下配置。这个是webpack5中的配置，webpack4中的配置是。第一种方式配置白名单。
2023-12-12 14:39:47
95
原创 天地图实现点位是否在区域内判定
/ 创建信息窗口对象。// function redraw(sel, transform) { // 给区域设置路径 、绘制。// function init(sel, transform) { // 初始化样式。
2023-11-22 11:40:06
466
1
原创 textArea内容转dom渲染（jsx）
一般在vue的antd组件中，table的customRender可以直接渲染jsx，也就不用写slot。
2023-11-13 14:12:39
87
原创 ant design vue form表单验证只在控制台打印而不在页面提示
ant 版本 1.3.1 我发现问题出在自定义校验上，在调用this.form.validateFields校验表单时，自定义校验的函数的value是没有值的，但是也没有走callback()回调，就卡那了，解决办法就是在自定义校验函数开始的时候判断value是否存在。
2023-03-21 15:25:41
634
原创 前端上传预览文件以及下载，node后端存储文件以及返回前端文件流下载
监听input选择的change事件，因为可能上传多个文件，这里循环处理，使用formdata上传文件，创建formdata实例，后面做判断，我这里只写了图片文件的预览，但是上传的话如果没有在input的属性中规定上传的文件类型，是什么文件都可以的。服务端部分，这里我们读取文件后直接返回文件的blob编码，我们在前端响应的时候将相应类型设置为buffer就可以接收到了,我这里还判断了前端需要下载什么类型的文件，目前是有视频和图片。img就是内部input元素，这样就可以触发选择文件的事件了。
2022-12-13 15:54:21
1153
原创 vue-element-admin安装依赖报错
这样依赖就安装好了，运行npm run dev可能还会有一个问题就是core.js模块报错，这个手动。如果按照文档从git上拉下代码后安装依赖一定会报错的，因为package.json中的。这个依赖主要是解决富文本的问题，还有一种方法是安装更改名字后的版本。npm install corejs -s就可以解决。
2022-11-23 13:53:04
1900
2
空空如也
Uniapp中使用renderJS渲染天地图导致爆栈？
2023-11-29
zrender如何实现path绘制？
2023-06-28
如何理解这段代码，如何生成tree型结构的
2023-04-04
使用canvas绘制直线为什么最后绘制的颜色总是灰色
2022-12-13
onmouseover频繁触发问题
2022-12-05
浏览器对于过短 的音频文件第一次播放没声音
2022-11-24
vue使用过滤后赋值给data中的数据出现无限循环
2022-09-25
uniapp的app加载页面自定义
2022-09-12
使用vue全局路由守卫跳转时发生重定向错误
2022-08-20
vue组件在页面中使用单标签加载问题
2022-08-15
mongodb条件插入怎么实现
2022-07-23
关于form表单中button的自动跳转一级input的required冲突
2022-07-21
img标签的src属性使用base64上传图片后刷新网页src显示问题
2022-07-20
使用nodejs给页面返回数据
2022-07-07
微信小程序使用vant组件的时候发生滚动穿透
2022-06-27
在进行小程序组件化的过程中配置文件的警告
2022-06-14
关于height：100%的生效问题
2022-06-09
js变量声明var和let声明变量保存的地方
2022-06-04
函数内的返回值可以进行自增操作码
2022-05-21
关于new promise的执行顺序问题
2022-05-20
关于await顺序和其后面的代码
2022-05-18
这两个函数为什么运行结果差异解释
2022-05-16
关于使用promise链式调用文件最后一级调用不到
2022-05-16
关于promise 的正确返回值
2022-05-13
js循环的迭代条件减减不执行
2022-05-06
显式隐式原型的显示问题
2022-04-30
innerHTML的使用替换问题
2022-04-26
当鼠标设置在子节点内部时父节点 mouseout 鼠标移出事件失效
2022-04-21
触发事件如何实现函数重载
2022-04-19
如何理解onmouseover鼠标移入事件和onmouseout鼠标移出事件
2022-04-18
使用table布局，span标签放不到table中
2022-04-13
js实现选项卡的一些问题
2022-04-13
dom类提取然后遍历添加onclick事件，会报错但是可以运行
2022-04-11
关于回调函数一些语法问题
2022-04-09
下拉列表innerHTML的作用理解
2022-04-08
关于累加和累积的问题
2022-04-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人