前端
meetAlice
大家好,我是一个善于思考的人,办事有主见,对未来抱有乐观的态度。
展开
-
使用 vue-json-viewer 工具在界面显示json格式数据
界面显示json格式数据;vue-json-viewer;原创 2024-01-08 18:04:04 · 1073 阅读 · 0 评论 -
css文字渐变,vue更新失效
css设置文字渐变,vue更新视图失效原创 2023-12-06 11:07:30 · 480 阅读 · 0 评论 -
webstorm基础配置
设置左侧菜单栏文字大小;开启鼠标滚轮控制文字大小;配置自定义注释原创 2023-11-15 15:43:31 · 169 阅读 · 0 评论 -
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 · 2317 阅读 · 0 评论 -
解决git秘钥过期
解决git报错:Please make sure you have the correct access rightsand the repository exists.原创 2023-04-25 17:15:50 · 896 阅读 · 0 评论 -
优化图片加载失败
优化图片加载失败的情况原创 2023-03-14 13:53:25 · 77 阅读 · 0 评论 -
ztree懒加载以及ztree增加修改删除节点
ztree懒加载 ztree增加节点 ztree删除节点 ztree编辑节点原创 2022-11-25 18:57:56 · 1416 阅读 · 0 评论 -
leaflet圆转换多边形
当leaflet需要查询圆面内的数据时,geojson不支持查询圆,需要将圆先转换成多边形,再获取多边形的经纬度传给后台进行查询原创 2022-09-26 13:43:25 · 369 阅读 · 0 评论 -
echarts按需修改
饼图不显示指示线和指示文字设置饼图在父元素的位置调整legend原创 2022-09-06 16:36:50 · 440 阅读 · 0 评论 -
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 · 150 阅读 · 0 评论 -
leaflet相关
初始化地图;加监听事件;加点;加线;加多边形面;加圆面;清除点和线;加支持聚合的点和清除功能;定位一个区域;去除leaflet右下角的logo原创 2022-07-19 16:10:42 · 734 阅读 · 0 评论 -
node版本管理工具nvm
node版本管理工具nvm原创 2022-07-07 17:38:12 · 3905 阅读 · 0 评论 -
上传文件的方法
一、原生jsHTML部分 <input type="file" id="upload-file" name="myfile" />JS部分 var xhr; var fileObj = document.getElementById("upload-file").files[0]; var url = "地址"...原创 2020-01-06 13:17:23 · 283 阅读 · 0 评论 -
前端实现实时消息提醒消息通知
前端实现消息提醒原创 2022-06-29 17:59:12 · 6517 阅读 · 1 评论 -
git安装步骤
git安装原创 2022-06-20 11:14:59 · 229 阅读 · 0 评论 -
web端对接海康平台V1.5.1插件
web端对接海康v1.5.1插件原创 2022-06-24 18:04:57 · 4378 阅读 · 3 评论 -
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 · 1245 阅读 · 0 评论 -
遍历元素或动态元素的表单校验
<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 · 316 阅读 · 0 评论 -
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 · 3674 阅读 · 0 评论 -
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 · 7145 阅读 · 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 · 3165 阅读 · 2 评论 -
el-table、el-menu、el-tree样式重置
el-table样式重置、el-menu样式重置、el-tree样式重置原创 2022-09-29 19:30:05 · 1456 阅读 · 0 评论 -
element table表格表头显示斜杠/斜线
<el-table :data="form.tableData" ref="table" tooltip-effect="dark" border height="100%" .原创 2021-07-02 13:38:33 · 3161 阅读 · 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 · 2872 阅读 · 0 评论 -
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 · 591 阅读 · 0 评论 -
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 · 2226 阅读 · 0 评论 -
前端谷歌浏览器显示海康rtsp视频
第一步:安装合适的谷歌浏览器下载地址:72版本浏览器 提取码:8bha这里安装低版本浏览器需要注意的是要设置一下不允许自动更新,否则安装成功后浏览器自动会更新为最新版本第二步:安装VXG Media Player插件下载地址:VXG Media Player插件地址 提取码:dc4h将其解压到任意目录在浏览器的右上角选择扩展程序点击加载已解压的扩展程序(就是一步解压的文件目录)第三步下载vxgPlayer插件现在我们需要下载一个vxgPlayer....原创 2020-11-19 19:42:44 · 1915 阅读 · 1 评论 -
前端常用工具方法
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 · 207 阅读 · 0 评论 -
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 · 135 阅读 · 0 评论 -
vue menu菜单动态获取数据
template部分<el-menu default-active="PageHome" //默认打开的页面path class="el-menu-demo" //添加class 便于设置样式 mode="horizontal" //设置菜单为水平菜单 默认值为vertical menu-trigger="click"...原创 2020-03-11 18:45:27 · 6003 阅读 · 1 评论