自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 cesium(vue3)实现 绕点飞行 取消绕点飞行

实现视角围绕一点旋转视角飞行效果。

2024-03-27 17:37:48 242 1

原创 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 853 8

原创 vue2 使用WebSocket

带离开页面 刷新页面 关闭WebSocket。

2023-12-06 11:30:48 1020 2

原创 vue2项目使用echarts 实现带滚动条的柱形图

【代码】vue2项目使用echarts 实现带滚动条的柱形图。

2023-12-01 16:44:41 303 1

原创 vue2和3 对接 海康摄像头插件 (视频WEB插件 V1.5.2)

海康视频插件v.1.5.2版本运行环境需要安装插件VideoWebPlugin.exe,对浏览器也有兼容性要求,具体看官方文档。

2023-11-24 15:51:20 2953 9

原创 vue 实现多条文本数据在一行显示 自动循环滚动 第一条数据 连接 第二条数据 不要定时切换

在上述代码中,我们将scrollText计算属性用于生成当前要显示的文本,将当前文本和下一条文本连接起来,并利用CSS动画实现文字滚动效果。通过在scroll-keyframes中指定 transform: translateX(-100%);来控制滚动的方向和距离。使用这种方法,文本会不断滚动,第二条数据接续在第一条数据的后面形成循环滚动效果。

2023-11-14 17:21:16 752 1

原创 vue2项目实现多个视频列表自动循环播放 每个视频都播放完

【代码】vue2项目实现多个视频列表自动循环播放 每个视频都播放完。

2023-11-14 17:18:35 1079 1

原创 vue2项目 H5页面调用摄像头拍照

【代码】vue2项目 H5页面调用摄像头拍照。

2023-11-14 17:16:17 951 1

原创 时间格式化和数字分割(记录)

【代码】时间格式化(记录)

2023-11-14 17:11:28 34 1

原创 vue2项目 使用海康视频[email protected]版本

注意: szBasePath: "/h5player", 引用的路径里必须包含第一步里所有的文件 不然就会出现各种报错(我就是 找了好长时间才发现是文件找不到报的错误)下载之后我们把下载的文件打开把bin里的文件移动到pubilc文件里,可以自己单独建一个文件放在里面。之后我们就需要在pubilc里的index.html文件里引用。这个 封装的代码样式是我项目用到的 到时候自己自行修改样式。下载[email protected]版本的一些用到的文件。这里是组件方法的调用播放 我当时只用到了播放。

2023-11-14 17:02:09 1878 15

转载 高德地图,伸缩导致图标偏移问题(记录问题得到解决)

比如:上面图片尺寸是50*50;那么下面offset的值是 x轴是-(50/2),Y轴是50。在设置图标时会出现 缩小放大图标就偏移。设置marker里面的offset偏移量。值的计算:icon里面image图标尺寸。

2023-11-14 15:42:43 533 1

原创 pc 端页面 rem适配

我用的vsc组件是 px to rem & rpx & vw (cssrem)自己设置 设计搞宽度 和 基准值 点击插件 扩展设置。

2023-11-10 14:34:35 246 1

原创 uniapp 微信小程序提醒版本更新

【代码】uniapp 微信小程序提醒版本更新。

2023-11-10 14:23:55 324 1

原创 前端面试总结(无序)

在 created 的时候,视图中的 html 并没有渲染出来,所以此时如果直接去操作 html 的 dom 节点,一定找不到相关的元素而在 mounted 中,由于此时 html 已经渲染出来了,所以可以直接操作 dom 节点,(此时 document.getelementById 即可生效了)),当浏览器的宽度或者高度发生变化时,通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化而变化,从而实现响应式的效果。8、 slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

2023-04-06 15:58:23 37

转载 7种方法实现数组去重

双重for(或while)循环是比较笨拙的方法,它实现的原理很简单:先定义一个包含原始数组第一个元素的数组,然后遍历原始数组,将原始数组中的每个元素与新数组中的每个元素进行比对,如果不重复则添加到新数组中,最后返回新数组;因为它的时间复杂度是O(n^2),如果数组长度很大,那么将会非常耗费内存2.indexOf方法去重1数组的indexOf()方法可返回某个指定的元素在数组中首次出现的位置。该方法首先定义一个空数组res,然后调用indexOf方法对原来的数组进行遍历判断,如果元素不在res中,则

2022-12-09 10:45:33 137

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除