lys20000913的博客

原创 rtsp测试地址（2022.11测试可用）

rtsp最新测试可用rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov

原创 Vue中解决数据量过大导致页面崩溃；解决方案

解决表格数据量过大（使用插件vxe-table）点击进入插件地址解决select 数据量过大 （使用插件vue-virtual-scroll-list）相关博文插件官网

原创 Vue响应原理 definedProperty与proxy实现数据双向绑定

Vue中从改变一个数据到发火说呢过改变的过程Vue2 利用definedProperty实现数据绑定definedProperty 基础使用： var ob={ a:1, b:2 } var _value=ob.a Object.defineProperty(ob,'a',{ //writable:true,//可否修改 //enumerable:false,//是否...

原创 echarts中饼图显示不全（解决方法）

修改之前的效果修改之后的效果修改两处//第一处 tooltip: { trigger: 'item', //formatter: '{a} <br/>{b} : {c}mmol/L ({d}%)', confine:true//将此限制打开后tooltip将不再溢出 }, //第二处 s...

原创 chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）

实现思路1：如果不是想设置为透明色 可直接使用box-shadowinput:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px white inset !important;}实现思路2：关闭自动填充功能 ( 也可实现 不推荐 )<input type="text" autocomplete="off">实现思路3：通...

原创 vue调用手机扫描二维码

HbuilderX打包后在手机端或者模拟手机端测试 PC端无法测试；hBuilder打包后集成H5+sdk就可以直接用他们家的sdk了效果图代码部分<button @click.native='startRecognize'>触发按钮</button><div id="bcid" :style='{zIndex:zIndex}'></div&gt...

原创 [Vue warn]: Missing required prop: "value"

空间数据绑定问题查找v-model相关绑定元素我的报错原因是因为selected未赋值改过来就哦k了//造成错误的原因 <div class="inputFu"> <span><i>*</i>用户类型:</span> <template> <el-select d...

原创 属性或方法“data”不是在实例上定义的，而是在呈现期间引用的;错误原因

[Vue warn]: Property or method “value” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, ...

原创 国际化警告：：[vue-i18n] Value of key '指令' is not a string!

[vue-i18n] Value of key ‘维修保养管理’ is not a string!解决方法在src/locale/index.js修改配置 在创建i18n实例是去掉警告const i18n = new VueI18n({locale: lang,messages,silentTranslationWarn: true})修改后刷新页面问题完美解决！...

原创 前端、vue、Vue3弹幕实现；前端CSS实现弹幕

前端实现弹幕；前端基于css3实现弹幕；Vue3实现弹幕；弹幕堆叠处理；弹幕堆叠解决方案；弹幕配置弹道数量 弹道信息 文本大小 弹幕 插入 图片 emoji等

原创 input通过JS手动向光标、选中位置插入、拼接内容至光标处 选中处

向input光标处插入内容

原创 Vue3中使用i18n；Vue3中使用$t；$t获取不到；vue3中如果获取/使用原型链中的方法

vue3中如果获取/使用原型链中的方法

原创 vue头像裁剪、vue图片裁剪

Vue图片裁剪，Vue头像裁剪

原创 vxe-table设置100%高度 vxe-table设置100%高度无效 vxe-table将高度设置为100%

vxe-table设置100%高度 vxe-table设置100%高度无效 vxe-table将高度设置为100%

原创 98% after emitting CopyPlugin Vue运行到98% after emitting CopyPlugin卡主不动

98% after emitting CopyPlugin Vue运行到98% after emitting CopyPlugin卡主不动。在使用import 时 引入路径为空所以导致出现该问题。问题大概率是因为某个格式化插件导致当然也有可能是人为勿删。

原创 vue2动态组件动态绑定事件；component标签动态绑定事件；component组件动态绑定事件

vue2动态组件动态绑定事件；组件通过 component动态生成，基于v-bind绑定事件时事件不生效。因为是动态绑定所以不确定会在未来绑定多少事件，所以直接预定绑定n个事件，我预制了六个基本同一个组件也不会超过六个事件了如果在需要就在继续加即可。例如需要绑定 @click 则将 schema.events.a0.name 赋值为 click 并将对应事件函数绑定给 schema.events.a0.fun。存在小问题： 可能 我只需要绑定一个clic ...

原创 Invalid handler for event “方法名“: got undefined

Invalid handler for event “方法名“: got undefined绑定的该方法该组件未定义该方法解决方法：1：检查绑定事件拼写是否出错。2：若故意为之则将绑定事件设置为空 写法： @[‘’] = “()=>{}”

原创 判断数据是否为纯数字

判断数据是否为纯数字

原创 Delete `␍`eslint(prettier/prettier)

Delete `␍`eslint(prettier/prettier) 处理

原创 vue引入SuperMap超图 引入流程及报错处理

超图引入报错

原创 浏览器下载图片 前端下载图片/音频/视频/PDF等所有浏览器可以解析的文件格式；解决通过window.open打开链接后是新标签页面而不是下载文件；

前端实现下载图片文件/mp3/mp4/音视频/pdf等。简洁高效通用方法。

原创 https://www.makeapie.com打不开 Gallery打不开Gallery访问不到

原创 Arcgis中设置InfoTemplate不生效 点击多次才显示 设置主动显示InfoTemplate

//#region 标注点击事件 that.map.graphics.on("click",e=>{ e.stopPropagation(); // 在单击标注后 主动控制infoTemplate/标注弹窗 显示 that.map.infoWindow.show(e.mapPoint); that.map.infoWindow.setFeatures([e.graphic]); ...

原创 省市级联JSON数据 省市县级联JSON数据

省市级联数据

原创 Non-function value encountered for default slot. Prefer function slots for better performance.

控制台报出警告runtime-core.esm-bundler.js:6620 [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance. at <Switch value=1 on-update:value=fn<on-update:value> > ......解决方案默认槽位遇到非函数值。选择功能槽以获得更好的

原创 vue3中require报错 require is not defined

vue2中使用 const path = require("path") const files = require.context("../module", true, /\index.vue$/) files.keys().forEach(key => { const name = path.dirname(key).slice(2) that.$options.components[name] = require('../module/'

原创 devtools安装 vue前端调试工具vue-devtools的安装方法

devtools安装 前端谷歌调试工具安装 vue devtools安装 前端开发工具安装

原创 Arcgis for js 使用 天地图作为底图

1、取到 天地图API1、进入 点击进入天地图官网2、打开一个你需要使用的地图 如下图打开的是一个墨卡托投影的影像底图3、在操作之前先找到一个秘钥，秘钥自己注册即可（点击申请秘钥(key)）4、 在你打开的地图页面触发一下滚动/拖拽 然后看network中会有数据进行查询查看请求地址如下 先保存这条数据 然后看代码https://t1.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&

原创 js文件格式转换 BASE64转File BASE64转Blob File转BASE64 File转Blob File存FromData Blob转base64 Blob转File

Blob转File const blob = new Blob(['{"a":1}')], { type: 'application/json' }) let file = new File([blob], "自定义上传文件名称.json", { lastModified: Date.now() }); Blob转base64blobToBase64(blob) { return new Promise((resolve, reject) => { cons

原创 Uncaught (in promise) undefined

检查报错路径中是否使用到Promise如果使用到检查reject的时候是否 写了.catch没有.catch的只有.then的话加上.catch即可例： new Promise((resolve,reject)=>{ reject() }).then(res=>{ }).catch(err=>{ })...

原创 js中通过正则取代replaceAll，解决replaceAll部分浏览器不兼容问题

通过正则替换字符串中所有匹配字符，解决replaceAll兼容性问题

原创 vue甘特图插件（应用于项目进度、流程进度等）

vue甘特图插件 表格流程展示

原创 安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行

Windows下安装及使用NVM,安装多个nodejs,兼容vue版本，兼容vue2,vue3版本，vue2,vue3兼容，vue2,vue3同时运行

原创 vue、vue-cli、@vue-cli引用全局scss，全局注入变量，引入全局scss变量

vue-cli找到 build/utils.js，将 scss: generateLoaders(‘sass’)，修改为如下：修改完成后重新运行代码 // scss: generateLoaders('sass'), scss: generateLoaders('sass').concat({ loader: 'sass-resources-loader', options: { resources: path.resolve(__dirnam

原创 Cannot find module ‘worker_threads‘

报错：Error: Cannot find module ‘worker_threads’原因：Vite 需要 Node.js 版本 >= 12.0.0。解决：将node版本升级至12+即可下载地址：点击下载最新版本NodeJSvue3初体验~

原创 百度地图获取两点距离（米）

var m =getDistance(定位1_x,定位1_y,定位2_x,定位2_y).toFixed(2); //获取到的单位是 米 console.log('当前的距离是：'+m+'米') function OD(a, b, c) { while (a > c) a -= c - b; while (a < b) a += c - b; return a; } function SD(a, b, c) { b !=...

原创 vue、H5、移动端 读取NFC

拷贝走直接用ps：测试时需在移动端测试 PC测试无效 document.addEventListener("plusready", function() { // NFC监听 monitorNFC() } function monitorNFC(t){ let NfcAdapter; let N

原创 quill Cannot import ImageResize. Are you sure it was registered?

在使用vue-quill-editor富文本编辑器时注册他提供的插件报错TypeError: Cannot read property ‘imports’ of undefined ； quill Cannot import ImageResize. Are you sure it was registered?首先看一下报错的代码quill Cannot import ImageResize. Are you sure it was registered?Cannot rea

原创 JS实现复制文本，点击复制，JS点击复制功能

function copy(val) { let transfer = document.createElement('input') document.body.appendChild(transfer); transfer.value = val; transfer.focus(); transfer.select(); if (document.execCommand('copy')) { document.execCommand(

原创 百度地图信息框添加事件、百度地图InfoBox添加事件

目前这个解决方案应该是最简单的了 在 window.handleClick中可以随意操作