lys20000913的博客

原创 React Native启动Xcode报错（Mac环境） Xcode must be fully installed before you can continue. Continue to the

xcode 打不开，报错意思就是 提示你没有安装 Xcode 如果你果真没有安装则输入 y 跟着步骤安装即可（对ios系统有要求 如果报错的话 就需要升级一下系统 不报错的话就安装即可）安装以后如果还在报错 在终端执行以下代码。

原创 Electron无感打印 静默打印（vue3 + ts + vite）

electron实现 无感打印 及 常见问题解决 vue3版本require 报错解决：如图所示添加nodeIntegration字段 并且在electron中运行 （浏览器运行会报错）打印出来内容尺寸不对添加pagesize字段 width eight单位是微米 查看你要打印的尺寸设置即可 要打印的页面添加样式 @page{size:auto}

原创 【CSS】CSS实现元素逐渐消失（实现元素透明逐渐消失/模糊）

mask-image 属性用于定义一个遮罩，它可以隐藏元素的一部分或全部内容。在这个示例中，我们使用 mask-image 属性来定义一个线性渐变的遮罩，使得列表项的内容在鼠标悬停时从完全不透明到完全透明的过程中渐变。列表项的内容会从下至上逐渐变暗，直到完全隐藏。

原创 【移动端】解决移动端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安装 前端开发工具安装