自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 aspect-ratio宽高比

【代码】aspect-ratio宽高比。

2024-03-26 11:27:38 424

原创 图片加上蒙层,鼠标上移显示出图片

<div class="avatar"></div> .avatar{background: url(./OIP-C.jpg) center no-repeat;width: 200px;height: 200px;border-radius: 50%;cursor: pointer;object-fit:cover;position: relative;}.avatar::before,.avatar::after{content:'';positio

2024-03-26 11:23:49 278

原创 css3剪贴路径(Clip-path)在线生成器

【代码】css3剪贴路径(Clip-path)在线生成器。

2024-03-26 10:43:47 3232

原创 条形码插件和二维码插件

【代码】条形码插件和二维码插件。

2024-03-22 13:43:13 567

原创 Vue3 ref定义的数据value自动补充插件的设置

2024-02-05 15:36:36 705 1

原创 file-saver下载jpeg‘, ‘jpg‘, ‘gif‘, ‘png‘, ‘webp‘, ‘doc‘, ‘docx‘, ‘pdf‘, ‘xls‘, ‘xlsx‘, ‘ppt‘, ‘pptx‘,

【代码】file-saver下载jpeg‘, ‘jpg‘, ‘gif‘, ‘png‘, ‘webp‘, ‘doc‘, ‘docx‘, ‘pdf‘, ‘xls‘, ‘xlsx‘, ‘ppt‘, ‘pptx‘,

2023-11-24 15:15:22 217

原创 vue3使用flv播放视频监控

这种方法考虑了下,因为不同的人去使用这个项目初始化使用的时候都要去手动改里面的代码,所以使用时放弃了改方法。第一种方法使用安装的 npm install --save flv.js,会出现报错的情况,如。页面销毁或者布局切换需要以代码,不然多次切换后视频监控不显示。第二种方法使用的是下载一个稳定flv.js包,dataList.value数据格式。然后从外部文件引入。页面中存在多个视频监控。使用flv播放视频流。

2023-10-24 17:20:39 12869

原创 vscode 封版并创建tag(标签)

推送标记:ctrl + shift + P 打开命令面板输入 Git: push tags。标签名称输完之后输入描述。

2023-05-11 13:34:27 1752

原创 解决前端vue打包之后,在没有登录的情况下能访问静态资源

这里的静态资源显示的内容解决方法:(1)通过请求接口返回数据流,前端在进行转换,然后在进行下载、

2023-04-18 15:18:17 514

原创 vscode 代码合并分支

如果有冲突解决冲突,解决完之后提交dev分支的代码。需要把master代码合并到dev,分支。首先确保master代码是最新。

2023-04-04 11:13:08 1243

原创 下载各种文件

【代码】下载各种文件。

2023-03-28 14:36:36 118

原创 docx预览

【代码】docx预览。

2023-03-15 11:08:10 102

转载 pdf预览

安装插件yarn add vue-pdf-embedyarn add vue3-pdfjs代码中:imgUrl 是请求的链接,fileUrl是一个相对地址内容 <div class="pdf-wrap"> <div class="page-tool"> <div class="page-tool-item" @click="lastPage">上一页</div> <div class="page-tool-i

2023-03-15 10:55:53 117

原创 支持excel格式预览

场景:支持excel,xls,xlsx,是内网图片中基本信息是这一列是excel的sheet,在这里进行了转换[^1]

2023-03-15 10:04:58 178

原创 vue3-seamless-scroll无缝滚动组件

vue3-seamless-scroll

2022-12-08 15:16:29 445

原创 echarts图表自适应

echarts图表自适应

2022-12-08 11:04:25 247

原创 前端如何引入设计给的字体样式

字体样式的引入

2022-12-08 10:45:11 636

原创 vue3+ts+vite数据大屏自适应

vue3+ts+vite 页面自适应

2022-12-08 10:27:52 1003 2

原创 vue+echarts 多个折线图

多个折线图显示

2022-12-06 17:11:55 1501

转载 Vue中使用vue-draggable-resizable实现可拖动悬浮组件

vue-draggable-resizable转载https://blog.youkuaiyun.com/weixin_44212165/article/details/125255260

2022-12-06 14:59:38 1290

原创 vue3+ts+echarts 3D饼图

vue3+ts+echarts饼图

2022-12-06 11:01:18 2425 4

原创 three.js

three.js 初始化安装

2022-09-20 15:10:14 207

原创 科大讯飞语音听写在vue2中的使用

如下:使用科大讯飞语音识别

2022-06-29 14:20:30 958

转载 上传图片前限制图片比例&大小&格式

elementui中的上传组件upload

2022-06-01 17:07:19 634

转载 运行Xshell报错mfc110u.dll文件丢失 _

https://www.cnblogs.com/cuianbing/p/14906371.html

2022-05-27 17:08:13 270

原创 js 光标从一个框输入完之后自动跳到另一个框

只靠id完成(死方法),多个框要写多遍<html>    <head>      <title>js24.html</title>            <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    &nb

2022-04-06 09:50:41 1091

原创 地图标点进行轮播

<div id="map" style="min-height: 1206px; justify-content: center;position: relative"></div>import { Scene, PolygonLayer, LineLayer, PointLayer, Marker, MarkerLayer, Popup } from '@antv/l7';import { Mapbox, GaodeMap } from '@antv/l7-maps';im

2022-04-06 09:47:17 328

原创 vite+vue3+ts+vuex+vue-router4.0路由总结

安装路由yarn add vue-router@4浅谈路由根据项目需求,动态路由的部分从后端数据获取,获取的格式如下://模拟后端返回的数据const menuLsit: Array<any> = [ { url: "/home/person-home", name: "首页", meta: { title: "首页", icon: "HomeFilled" }, child

2022-03-09 15:09:30 1143

原创 vue3+vite+ts 使用svg

(1)安装插件yarn add svg-sprite-loader --save-dev(2)封装svgIcon组件在componemts里新建svgIcon文件夹,新建index.vue,封装成组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:href="`#icon-${name}`" /> </svg></template> &

2021-12-17 11:17:36 1664 1

转载 vue-cli3引入封装svg图标

https://www.cnblogs.com/zhongchao666/p/11670345.html

2021-12-16 16:55:39 186

原创 vue3使用vite+ts创建项目,VSCODE ts语法没有检查

VSCODE 安装Vue Language Featureshttps://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar```C

2021-12-15 11:52:44 2078

原创 html输入框既能下拉也能手写输入

技术是angularjs``` <div class="row"> <div class="col-xs-4"> <div class="form-group"> <label class="control-label col-xs-4"...

2021-12-06 15:02:05 1475

原创 element日期组件 本周,上周,下周,本月,上月,下月

<el-date-picker v-model="value" type="daterange" align="center" unlink-panels range-separator="至" start-placeholder="开始日期" format="yyyy-MM-dd" size="mini" :clearable="false" @change="change" value-format="yyyy-MM-dd" end-placeholder="结束日期" :picker-o.

2021-12-01 15:13:41 528

原创 DateTimePicker 日期时间选择器时间禁用的设置,不能大于当前日期和时间

···<el-date-picker v-model="ruleForm.monitorTime " format="yyyy-MM-dd HH:mm" style="width:100%"value-format="yyyy-MM-dd HH:mm:ss" type="datetime" :picker-options="pickerOptions"placeholder="选择日期"></el-date-picker>pickerOptions: { //

2021-12-01 15:05:51 5055

原创 table表格内容溢出处理

在table标签加上 style="table-layout:fixed;word-wrap:break-word;"

2021-11-30 09:36:17 320

转载 获取本周、上周、本月、上月,下月 的开始日期和结束日期

方法返回的是一个对象: {startDate: 年-月-日, endDate: 年-月-日}使用方法: 获取上月 :getAppointedDate(2, 1) 获取上周 getAppointedDate(1, 1) 获取本月 :getAppointedDate(2, 0) 获取本周 getAppointedDate(1, 0)      获取下月 :getAppointedDate(2, -1) 获取下周

2021-11-03 10:04:00 239

原创 Screenshot 屏幕截图

<!-- 导入需要的包 (一定要放到head标签里)--><script src="https://cdn.staticfile.org/html2canvas/0.5.0-beta4/html2canvas.min.js"></script><el-button @click="handleOk" type="primary" icon="el-icon-camera"

2021-08-12 16:30:01 792

转载 vuecli下的首屏性能优化

https://segmentfault.com/a/1190000019499007

2021-05-31 14:30:43 135

转载 在uni-app中引入uView UI组件库步骤

转载:https://blog.youkuaiyun.com/weixin_44090040/article/details/110930693

2021-04-02 10:48:33 1078

转载 LODOP整页缩放,宽度、高度溢出缩放

https://www.cnblogs.com/huaxie/p/10594097.html

2020-09-17 14:48:42 1165

空空如也

空空如也

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

TA关注的人

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