自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uni-app(四)上传图片以及图片预览

绑定tap事件,定义previewImage方法。绑定click事件,定义updateImg方法。绑定tap事件,定义dele方法。如何实现图片上传以及图片预览?

2024-05-07 17:22:33 210

原创 uni-app(三)年月选择器

next-date-picker,本身也可以选择日,但是我把日隐藏了,具体可以参考链接地址。项目种需要运用选择年月的组件,但是uni-app里面没有,所以通过查找资料找到一款插件。DCloud 插件市场。DCloud 插件市场。

2024-05-06 14:46:59 283

原创 uni-app(二)常用的提示框

四种弹框全部都是对象。

2024-04-11 14:36:07 121

原创 uni-app(一)如何搭建小程序

这里选择"默认模板"就可以了,如何vue的版本选择根据实际情况自己选择用哪个版本,最后点击创建即可。然后点击"设置"--->选择"安全",打开服务端口,然后重新启动HBuilder就可以了。选择"工具"-->点击运行配置,然后选择微信开发者工具路径(安装软件地址的路径)然后就可以运行了,点击"运行",然后选择运行到小程序模拟器,选择微信开发者工具。运行完成之后会自动打开微信开发者工具,然后扫码就可以了,这个时候会提示到开端口。点击这个按钮或者“文件”-->选择"项目"下载HBuilder的官方地址。

2024-04-11 11:20:17 246

原创 js数组转化为对象

【代码】js数组转化为对象。

2024-02-22 13:41:41 126 1

原创 vue组件传参

父组件通过 props 向子组件传递数据,子组件通过 props 接收数据。父组件传递数据时,可以使用 v-bind 或简写的 ":",子组件接收数据时,需要在 props 中声明接收的数据类型。: 兄弟组件之间的传参需要借助一个共同的父组件,通过父组件作为中介来传递数据。: 子组件通过 $emit 触发一个自定义事件,并传递数据,父组件通过 v-on 监听这个自定义事件,并接收数据。也可以通过$refs向子组件传参,我这里通过点击事件触发传参,也可以通过其他方法事件。

2023-12-05 13:57:29 388

原创 vue表格搜索的时候回车按键

【代码】vue表格搜索的时候回车按键。

2023-12-01 16:36:20 380 1

原创 echarts绘制环形图

【代码】echarts绘制环形图。

2023-12-01 15:59:26 375 1

原创 vue使用海康H5视频播放器实现轮播功能

这篇文章,后面里面所引用的VideoPlayer以及randomLenNum也可以在文章里面查找。需要引入的文件这个就不说了,不了解的可以去看我写的。点击左右按钮可以实现轮播视频的功能。

2023-12-01 15:32:55 750 1

原创 vue使用海康H5视频播放器

在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的这些文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。点击树状图然后打开相应的视频,可以指定窗口切换,并在此基础上实现视频播放、关闭视频、开启声音、关闭声音、分屏以及云台操作(包括左右移动、上下移动以及缩放)里面播放的内容就不展示了,大致效果就是这个样子了。使用的海康web插件:由。

2023-12-01 15:12:28 1376 1

原创 vue使用海康视频web插件

在public下面创建文件夹,文件名称可以自己起名字,我这里的是lib下面的js,然后把demo文件下的jquery-1.12.4.min.js、jsencrypt.min.js、web-control_1.2.5.min.js三个文件复制到所创建的文件夹下,最后在public/index.html引入所需要的文件。里面的appkey,secret,ip等必要参数需要联系海康的对接人员,摄像头的编号值(cameraIndexCode)这个需要从接口获取。使用的海康web插件:由。

2023-11-28 15:05:57 988 1

原创 echarts绘制立体柱状图

【代码】echarts绘制立体柱状图。

2023-11-28 13:44:13 397

原创 echarts绘制立体饼状图

【代码】echarts绘制立体饼状图。

2023-11-27 13:47:16 783 1

原创 使用百度地图绘点自定义弹窗

【代码】使用百度地图绘点自定义弹窗。

2023-11-20 11:29:40 332 1

原创 使用百度地图自定义绘点并点击弹窗

【代码】使用百度地图自定义绘点并点击弹窗。

2023-11-16 10:40:41 249 1

原创 使用百度地图绘制热力图(BMapGL)

然后在public下面的index中要先引入相关的js;(小萌新使用百度地图的时候记得要先申请密钥哦)首先要引入百度地图的js、api;方法二中的json格式可参考。接下来就可以开始绘制地图啦。

2023-07-19 14:24:47 3335 5

原创 vue前端打印PDF封装

【代码】vue前端打印PDF封装。

2023-06-06 15:51:38 218 1

原创 js截取特定字符

【代码】js截取特定字符。

2023-05-10 16:12:20 807

原创 element下拉通过value获取多个值

【代码】element下拉通过value获取多个值。

2023-05-10 15:41:14 343 1

原创 vue前端调后台接口使用post下载word文档

<div class="btn"> <el-button icon="el-icon-download" type="primary" @click="download()"> 下载服务单 </el-button></div>// 下载download() { this.$axios .post('/api/deve/deve/print?id=' + this.proId, { .

2021-07-13 16:49:37 841

原创 CSS垂直居中,你会多少种写法?

CSS控制居中是前端开发中非常常用的布局技能,本文列出几种CSS控制元素居中的几种方法。谈及HTML元素居中展示,涉及到水平居中和垂直居中,以及水平垂直居中。由于HTML文档流是水平方向的,所以水平方向上的布局控制比垂直方向要简单很多,居中也是如此。不过(水平)垂直居中还是有很多种写法,至少一只手是数不过来了,本文列出几种,并进行了简单比较。一、水平居中使用CSS控制水平居中很简单:块级元素 设置width,并设置margin auto 内联元素 父元素设置text-align c

2021-07-12 14:34:50 86

原创 canvas钟表

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Canvas Clock</title> <style> .clocks { height: 500px; margin: 25px auto; position: relative; width: 500px; } </style&gt.

2021-07-12 14:22:14 83

原创 css3.

兼容性前缀:谷歌:webkit火狐:mozIE:ms欧朋:o一、选择器1、类选择器 .box2、元素选择器 div3、id选择器 #box4、派生选择器 div.box div#box .box5、属性选择器 [title="容器"](1)*=" " 值包含什么(2)^=" " 以什么开头(3)$=" " 以什么结尾6、结构伪类选择器(1) :first-of-type...

2021-07-08 16:30:08 96

原创 avue-crud属性说明

html代码:<avue-crud :data="data" :option="option"> <!-- 自定义列--> <template slot="name" slot-scope="scope" > <el-tag></el-tag> </template> <!-- 自定表单--> <template slot-scope="scope" slot.

2021-07-08 14:49:21 5033 1

空空如也

空空如也

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

TA关注的人

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