自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用 vue-json-viewer 工具在界面显示json格式数据

界面显示json格式数据;vue-json-viewer;

2024-01-08 18:04:04 1127

原创 常用正则表达式

基础正则表达式

2023-12-07 16:55:05 445

原创 基于MapBox的方法封装及调用

mapbox的基础使用

2023-12-07 15:25:06 1075

原创 css文字渐变,vue更新失效

css设置文字渐变,vue更新视图失效

2023-12-06 11:07:30 522

原创 Error: Cannot find module ‘node:util‘

安装cnpm报错 Error: Cannot find module 'node:util'

2023-11-20 16:58:26 4846 2

原创 webstorm基础配置

设置左侧菜单栏文字大小;开启鼠标滚轮控制文字大小;配置自定义注释

2023-11-15 15:43:31 259

原创 解决vite+vue3项目npm装包失败

Failed to remove some directories [npm WARN cleanup [npm WARN cleanup 'D:\\V3Work\\v3project\\node_modules\\@vue',npm WARN cleanup [Error: EPERM: operation not permitted, rmdir 'D:\V3Work\v3project\node_modules\@vue\reactivity\dist'] {npm WA

2023-08-03 18:18:17 3519 5

原创 解决cesium加载海量点崩溃、卡顿

解决cesium加载海量点崩溃;解决cesium加载大量点崩溃;

2023-07-24 15:04:12 3121

原创 npm安装依赖报错

cannot find module webpack. Node Sass version 6.0.1 is incompatible with ^4.0.0.Cannot find module ‘cache-loader‘'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序Cannot find module 'webpack/bin/config-yargs

2023-06-20 18:35:53 2458

原创 tree-table懒加载树状表格

treetable使用;懒加载树状表格;treetable-lay;

2023-05-10 10:31:57 920 1

原创 解决git秘钥过期

解决git报错:Please make sure you have the correct access rightsand the repository exists.

2023-04-25 17:15:50 976

原创 vue使用scss

node、node-sass、sass-loader版本对应解决node安装node-sass报错

2023-03-21 16:56:57 3211 3

原创 cesium-entity篇

cesium的entity相关操作

2023-03-15 18:19:06 853

原创 优化图片加载失败

优化图片加载失败的情况

2023-03-14 13:53:25 120

原创 cesium-影像图&地形图&3dtiles模型

cesium加载影像图层&cesium加载地形图

2023-01-08 00:04:55 1849

原创 ztree懒加载以及ztree增加修改删除节点

ztree懒加载 ztree增加节点 ztree删除节点 ztree编辑节点

2022-11-25 18:57:56 1540

原创 el-table、el-menu、el-tree样式重置

el-table样式重置、el-menu样式重置、el-tree样式重置

2022-09-29 19:30:05 1493

原创 leaflet圆转换多边形

当leaflet需要查询圆面内的数据时,geojson不支持查询圆,需要将圆先转换成多边形,再获取多边形的经纬度传给后台进行查询

2022-09-26 13:43:25 405

原创 echarts按需修改

饼图不显示指示线和指示文字设置饼图在父元素的位置调整legend

2022-09-06 16:36:50 548

原创 flex常用布局

垂直居中 子元素左右分布.box{ display:flex; align-items: center; justify-content: space-between;}水平垂直居中 图标在上文字在下.box{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: column;}.........

2022-08-10 18:21:06 187

原创 leaflet相关

初始化地图;加监听事件;加点;加线;加多边形面;加圆面;清除点和线;加支持聚合的点和清除功能;定位一个区域;去除leaflet右下角的logo

2022-07-19 16:10:42 1060

原创 node版本管理工具nvm

node版本管理工具nvm

2022-07-07 17:38:12 3974

原创 前端实现实时消息提醒消息通知

前端实现消息提醒

2022-06-29 17:59:12 6805 1

原创 web端对接海康平台V1.5.1插件

web端对接海康v1.5.1插件

2022-06-24 18:04:57 4812 3

原创 cesium绘制轨迹以及轨迹回放

cesium绘制轨迹以及轨迹回放

2022-06-24 17:23:29 6838 6

原创 cesium相关时间转换、经纬度转换

cesium相关时间转换、经纬度转换

2022-06-24 16:41:20 1318

原创 git安装步骤

git安装

2022-06-20 11:14:59 252

原创 el-upload实现多文件上传调用一次接口

<span class="upload_icon" title="导入" @click="importPolt"></span><el-upload ref="uploadBtnRef" style="display: none" class="upload-demo" :multiple="true" :auto-upload="false" :show-file-list="false" accept=".dbf,.fix,.prj,.shp,.shx"&.

2022-05-19 17:10:38 1335

原创 遍历元素或动态元素的表单校验

<div v-if="isShowCc"> <div v-for="(item,index) in form.PointArr"> <i v-if="form.PointArr.length>1" @click="deletePoint(index)"></i> <el-form-item label="点名称" :rules="PointRules.name" :prop="'PointArr.'+ ind.

2022-04-21 10:27:20 343

原创 web端对接语音通话(腾讯云)

实时音视频 实时语音通话(Web) - 场景实践 - 文档中心 - 腾讯云按照要求注册腾讯云账号,跑通demo1、集成TRTCCalling组件// npm方式安装npm install trtc-js-sdk --savenpm install tim-js-sdk --savenpm install tsignaling --savenpm install trtc-calling-js --save// script方式使用 trtc-calling-js,按顺序引入以下资源

2021-11-29 14:14:22 3794

原创 web端对接海康视频3.2开发包以及遇到的坑

须知:3.0开发包功能比较全,但是只支持ie浏览器,所以使用的功能相对来说较少的3.2开发包,开发包官网上可以下载,可自行下载,并按照要求引入文件。 我的项目需求是左侧显示摄像头树状列表,中间部分显示摄像头信息,摄像头要支持预览、截图、录像、回放、云台的功能。 本示例演示的是对接nvr预览通道视频,和直接对接摄像头也差不太多,可以参考。引入3.2必要js文件<!--web3.2控件包必要的js文件引入--> <script src="./js/codebase/encr

2021-11-20 17:49:34 7816 20

原创 jsPdf插件/html转pdf解决中文乱码问题以及jspdf文字居中显示

1、安装jsPdfnpm install jspdf2、引入jsPdfimport jsPDF from "jspdf"3、github下载jsPdf压缩包4、下载后找到fontconverter.html文件5、浏览器打开这个html文件,如下图6、找到一个支持中文的ttf文件,没有的话在这找7、选择一个ttf文件点击creat之后生成一个js文件,将它引入到项目中8、开始生成并导出const doc = new this.$jsPDF();..

2021-10-29 17:59:07 3339 3

原创 element table表格表头显示斜杠/斜线

<el-table :data="form.tableData" ref="table" tooltip-effect="dark" border height="100%" .

2021-07-02 13:38:33 3245 8

原创 vue 字符串换行

//style必须有<el-form-item :label="br2" prop="brhqbz" style="white-space: pre-wrap;"></el-form-item>export default { name: "DynamicForm", data() { return { br2:"123\n456" // 换行符\n也必须有 }.

2021-06-29 11:19:13 2899

原创 ztree模糊搜索并显示父层级&&手动触发oncheck

ztree增加模糊搜索功能html部分<div class="add_map_container tonly_add_map_container" id="tonly_add_map_container"> <div class="zTreeDemoBackground left"> <input type="text" id="type_search_tonly" placeholder="请输入设备名称" style="padding-left: 5px;font

2021-04-20 17:11:41 644

原创 web前端对接海康大华视频

项目是在地图上摄像头打点,点击摄像头加载当前摄像头的视频1下载web开发包2整合代码,将代码放到nginx里面启动3安装插件4代码实现我是以弹框形式的iframe加载的,代码层面的处理方式都是一样的,全都使用nginx代理一个页面直接显示。<template> //点击摄像头出现的弹框 <el-dialog style="z-index: 3;" :title="title" :visible.sync="dialogVisible" :sh.

2021-03-18 09:18:09 2335

原创 前端谷歌浏览器显示海康rtsp视频

第一步:安装合适的谷歌浏览器下载地址:72版本浏览器 提取码:8bha这里安装低版本浏览器需要注意的是要设置一下不允许自动更新,否则安装成功后浏览器自动会更新为最新版本第二步:安装VXG Media Player插件下载地址:VXG Media Player插件地址 提取码:dc4h将其解压到任意目录在浏览器的右上角选择扩展程序点击加载已解压的扩展程序(就是一步解压的文件目录)第三步下载vxgPlayer插件现在我们需要下载一个vxgPlayer....

2020-11-19 19:42:44 1996 1

原创 解决REFERENCEERROR: primordials is not defined问题

执行npm run build时提示primordials is not defined错误:这个问题原因时node版本过高或者gulp版本过低,可以回退node版本到11.15以下,或者升级gulp版本到4以上。接下来介绍的是不需要回退node版本或者升级gulp的方法:解决办法方法11.如果你的项目不需要经常npm install,可以在package.json文件的同级目录下新建一个npm-shrinkwrap.json文件。2.里面需要包含的内容:{ "dependenc

2020-08-03 14:25:11 7394

原创 前端常用工具方法

1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号export const isPhone = (s) => { .

2020-06-11 11:24:25 225

原创 ztree相关方法

勾选父节点,选中该节点下的所有子节点(不包括父节点)var setting = { view: { selectedMulti: false, showIcon:false }, data: { simpleData: { enable: true } }, check: { enable: true }, callback: { onCheck: treenodeClick //勾选节点 }}; //点击树节点,获取节点的所有子节点idfunct

2020-05-25 14:39:30 150

空空如也

空空如也

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

TA关注的人

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