lys20000913的博客

原创 【移动端】解决移动端H5 IOS安卓 长按弹出拷贝/复制（关闭浏览器的默认长按机制）

【代码】【移动端】解决移动端H5 IOS安卓 长按弹出拷贝/复制（关闭浏览器的默认长按机制）

原创 video在移动端 IOS端 安卓端层级不可控遮挡底部元素 解决方案

【代码】video在移动端 IOS端 安卓端层级不可控遮挡底部元素 解决方案。

原创 【正则】整理一些有用的正则

正则表达式 手机号/身份证号/网址/链接/等

原创 css设置宽高等比 设置和宽度一样的高度

css将高度设置为和宽度一样；

原创 This attempt to set a cookie via a Set-Cookie header was blocked due to user preferences

iframe嵌入的页面无法登陆 cookie读写失败；使用iframe嵌入第三方页面后登录不进去，当遇到这个问题的时候可以打开你的netwoker 检查一下 是不是 提示了cookie的一个warn 如下图所示。打开你的页面查看地址栏最后 是不是有一个小眼睛 点一下 将第三方cookie设置为允许即可。

原创 VUE3 BUG Cannot read properties of null (reading ‘isCE‘)

Cannot read property 'isCE' 解决

原创 Vue3封装全局WebSocket；全局可监听、可发送、心跳处理等；

Vue3封装全局WebSocket；全局可监听、可发送、心跳处理等；

原创 Vue3怎么给子组件加上v-model并使用

Vue3怎么给子组件加上v-model并使用

原创 JS根据时区获取对应时间

JS根据时区获取时间

原创 通过自定义指令实现展开收起；vue3自定义指令 可自行配置行数；TextEllipsis 文本省略自定义指令实现；cv走直接使用！一个可拓展性相当高的自定义指令！

通过自定义指令实现展开收起;vue3自定义指令展开收起省略文字 可自行配置行数；TextEllipsis 文本省略自定义指令实现；cv走直接使用！一个可拓展性相当高的自定义指令！

原创 JS实现复制功能兼容IOS、IOS通过JS实现复制功能

JS实现复制功能兼容IOS、IOS通过JS实现复制功能

原创 uniapp使用scss变量报错/无效

uniapp使用scss变量无效/报错

原创 JS实现多线程 解决定时器不可靠/不准确

JS实现多线程 解决定时器不可靠/不准确

原创 H5调用相机上传图片

H5调用相机上传图片

原创 h5调用手机相册上传文件、返回File文件/上传结果路径

h5调用手机相册上传文件、返回File文件/上传结果路径

原创 JS实现千分位分隔符；VUE3全局实现千分位分隔物 财务数字方法；VUE3使用自定义指令实现全局千分位分隔 财务数字

JS实现千分位分隔符；VUE3全局实现千分位分隔物 财务数字方法；VUE3使用自定义指令实现全局千分位分隔 财务数字

原创 获取当前浏览器版本环境

获取浏览器版本环境

原创 H5 H5+保存图片至相册

H5 H5+保存图片至相册

原创 JS监听网络连接

JS监听网络连接状态

原创 前端、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=>{ })...