- 博客(19)
- 收藏
- 关注
原创 记录使用vue3 使用cropperjs
该组件是一个图片裁剪器组件,用于在Vue 3项目中集成。它基于cropperjs库实现,提供了丰富的图片裁剪功能,如缩放、移动、旋转、翻转等。用户可以通过该组件对图片进行裁剪,并将裁剪后的图片传递给父组件进行进一步处理。结合了饿了吗的组件开发提供源码都有注释 方便修改。
2025-03-26 15:22:15
457
原创 uniapp 模仿企业微信实现选择联系人功能
选择联系人页面(是页面不是组件 通过点击跳转页面进入 记得把这个页面的顶部导航栏隐藏)依赖uView组件库 记得引入。pinyinUtil方法。
2024-07-05 10:35:46
1043
原创 vue 对接海康 硬件产品 录像机 WEB3.3控件开发包 V3.3
3.0 的不支持高版本的谷歌浏览器 3.2 虽然支持 但是 需要录像机 可以传 ws流 综合 我的项目 我就 使用了3.3。当时 为了 方便 就 把 dome 文件 全放进了项目 引入到项目是 需要 引到public文件里的 index页面里。先去官网下载WEB3.3控件开发包,自己先用开发包里的 dome.html 先自测可不可行。红框为必填 输入录像机的信息 点击开始 预览如果 显示画面 就可以 使用了。下面 就是 我看文档改的代码 文档真的很有用 哪里不懂就多看看 研究一下。选择3.3下载到本地。
2024-01-12 14:17:30
1614
10
原创 vue2和3 对接 海康摄像头插件 (视频WEB插件 V1.5.2)
海康视频插件v.1.5.2版本运行环境需要安装插件VideoWebPlugin.exe,对浏览器也有兼容性要求,具体看官方文档。
2023-11-24 15:51:20
6158
16
原创 vue 实现多条文本数据在一行显示 自动循环滚动 第一条数据 连接 第二条数据 不要定时切换
在上述代码中,我们将scrollText计算属性用于生成当前要显示的文本,将当前文本和下一条文本连接起来,并利用CSS动画实现文字滚动效果。通过在scroll-keyframes中指定 transform: translateX(-100%);来控制滚动的方向和距离。使用这种方法,文本会不断滚动,第二条数据接续在第一条数据的后面形成循环滚动效果。
2023-11-14 17:21:16
1044
1
原创 vue2项目 使用海康视频h5player@2.0版本
注意: szBasePath: "/h5player", 引用的路径里必须包含第一步里所有的文件 不然就会出现各种报错(我就是 找了好长时间才发现是文件找不到报的错误)下载之后我们把下载的文件打开把bin里的文件移动到pubilc文件里,可以自己单独建一个文件放在里面。之后我们就需要在pubilc里的index.html文件里引用。这个 封装的代码样式是我项目用到的 到时候自己自行修改样式。下载h5player@2.0版本的一些用到的文件。这里是组件方法的调用播放 我当时只用到了播放。
2023-11-14 17:02:09
3295
26
转载 高德地图,伸缩导致图标偏移问题(记录问题得到解决)
比如:上面图片尺寸是50*50;那么下面offset的值是 x轴是-(50/2),Y轴是50。在设置图标时会出现 缩小放大图标就偏移。设置marker里面的offset偏移量。值的计算:icon里面image图标尺寸。
2023-11-14 15:42:43
1173
1
原创 pc 端页面 rem适配
我用的vsc组件是 px to rem & rpx & vw (cssrem)自己设置 设计搞宽度 和 基准值 点击插件 扩展设置。
2023-11-10 14:34:35
623
1
原创 前端面试总结(无序)
在 created 的时候,视图中的 html 并没有渲染出来,所以此时如果直接去操作 html 的 dom 节点,一定找不到相关的元素而在 mounted 中,由于此时 html 已经渲染出来了,所以可以直接操作 dom 节点,(此时 document.getelementById 即可生效了)),当浏览器的宽度或者高度发生变化时,通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化而变化,从而实现响应式的效果。8、 slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
2023-04-06 15:58:23
61
1
转载 7种方法实现数组去重
双重for(或while)循环是比较笨拙的方法,它实现的原理很简单:先定义一个包含原始数组第一个元素的数组,然后遍历原始数组,将原始数组中的每个元素与新数组中的每个元素进行比对,如果不重复则添加到新数组中,最后返回新数组;因为它的时间复杂度是O(n^2),如果数组长度很大,那么将会非常耗费内存2.indexOf方法去重1数组的indexOf()方法可返回某个指定的元素在数组中首次出现的位置。该方法首先定义一个空数组res,然后调用indexOf方法对原来的数组进行遍历判断,如果元素不在res中,则
2022-12-09 10:45:33
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人