- 博客(66)
- 收藏
- 关注
原创 Error: Cannot find module ‘node:util‘
安装cnpm报错 Error: Cannot find module 'node:util'
2023-11-20 16:58:26 4846 2
原创 解决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
原创 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
原创 解决git秘钥过期
解决git报错:Please make sure you have the correct access rightsand the repository exists.
2023-04-25 17:15:50 976
原创 leaflet圆转换多边形
当leaflet需要查询圆面内的数据时,geojson不支持查询圆,需要将圆先转换成多边形,再获取多边形的经纬度传给后台进行查询
2022-09-26 13:43:25 405
原创 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
原创 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关注的人