YM_010530的博客

原创 悬浮按钮可拖动

目前是写的uniapp端 web端类似就是监听鼠标事件。

原创 uniapp 小程序与h5通信 三方人脸验证

【代码】uniapp 小程序与h5通信 三方人脸验证。

原创 uniapp 酒店入离时间段组件

【代码】uniapp 酒店入离时间段组件。

原创 uniapp 酒店入离日期组件

【代码】uniapp 酒店入离日期组件。

原创 vue video播放m3u8监控视频

很关键的问题 vite创建的项目不需要import ‘videojs-contrib-hls’ 导入就报错。直接添加如下代码即可。

原创 Avoided redundant navigation to current location: 路由相同报错

ue-router有一个内置保护机制，它会阻止不必要的重复导航，以提高性能并避免不必要的计算。

原创 echarts中国地图下钻省市 js json

汇总全国省市数据

原创 audio元素的duration时长为Infinity 问题

audio元素的duration时长为Infinity 问题

原创 wav下载

const response = await fetch(row.accessUrl) const blob = await response.blob() const link = document.createElement('a') link.href = URL.createObjectURL(blob) link.download = 'audio.wav' document.body.appendChild(link) link.cli

原创 uniapp 九宫格抽奖

uniapp九宫格抽奖

原创 小程序复制功能不可用 setClipboardData:fail no permission

setClipboardData:fail no permission

原创 uniapp webview页面返回app

【代码】uniapp webview页面返回app。

原创 uniapp video 层级覆盖

层级覆盖 cover-view组件。

原创 uniapp picker组件的样式更改

不知道有没有小伙伴遇到过这个问题 我是各种穿透和层级都尝试了更改不了其样式。然后 ctrl+f 搜索相应类名改就好了。找到如下目录的js文件在HX中打开。在全局app.vue下添加如下代码。app端 需要更改其源码。

原创 UniApp中获取安卓设备的唯一标识符

在UniApp中获取安卓设备的唯一标识符时，尤其是针对安卓平板电脑，需要注意的是，为了保护用户隐私，从Android 10（API级别29）开始，Google进一步加强了对设备标识符的管理，许多传统的设备唯一标识（例如IMEI、MAC地址等）无法直接通过应用程序访问，除非用户明确授予相关权限。（匿名广告标识符）： 对于广告跟踪和设备识别，在Android 10及以上版本，可以尝试使用开放匿名设备标识符（OAID），它是由某些广告服务提供商提供的，并遵循一定的隐私政策。

原创 uniapp跳转安卓系统wifi

【代码】uniapp跳转安卓系统wifi。

原创 uniapp调用app 和安卓 指定包名 活动类

下面是掉原生 指定包 活动类。

原创 视频测试示例

链接包含各种格式MP4、flv、mkv、3g、mp3、图片各种文件格式的文件。其他各种格式MP4、flv、mkv、3gp 视频下载 点进去自己选择即可。

原创 uniapp 对video视频组件嵌套倍速按钮

uniapp 对video视频组件嵌套倍速按钮

原创 uniapp APP隐藏状态栏，虚拟键

这段代码是使用了plus模块中的navigator对象的两个方法，分别是setFullscreen和hideSystemNavigation。它们的作用是隐藏手机屏幕上方的状态栏和底部的虚拟按键。hideSystemNavigation()：隐藏手机底部的虚拟按键，使用户无法退出应用程序。setFullscreen(true)：将应用设置为全屏展示模式，隐藏状态栏。同时，隐藏状态栏和虚拟按键可能会给用户带来不便，应该根据具体情况使用。如上代码配置（在一个页面设置这个段代码，所有页面都会消失）

原创 前端实现3D相册

【代码】前端实现3D相册。

原创 echarts实现温度计

【代码】echarts实现温度计。

原创 封装axios对拦截器配置

【代码】封装axios对拦截器配置。

原创 Vue nextTick使用场景及实现原理

nextTick是前端面试中vue框架中必考的部分，一定要掌握。它主要是处理我们再变更完数据以后，无法立刻拿到最新的DOM节点对象的问题。我们可以这样理解：vue执行完渲染后会执行this.nextTick()里面的callback函数。

原创 封装时间补 0 函数

【代码】封装时间补 0 函数。

原创 做一个简单的倒计时

因为倒计时一般是24小时开始 所以没有做年月日 需要的可以自行添加。

原创 做盒子的拖拽

【代码】做盒子的拖拽。

原创 常用的一些数组方法

【代码】常用的一些数组方法。

原创 前端常用数据处理方法-2

【代码】前端常用数据处理方法-2。

原创 前端常用数据处理语法-1

【代码】前端常用数据处理语法-1。

原创 ui 开发 剪辑等工具集成网站

这里给大家推荐一个工具集成网站,总体来说还是挺不错的。

原创 eslint 配置项大全

关于eslint的配置

原创 Vue 做文件的上传和下载

这里我直接附上源码 直接套用转成自己项目要求格式即可。相信大家做需求时肯定会遇到处理文件的上传或者下载。

原创 Vue 实现树形下拉选择框

这是elemen ui做法 element plus有成型的组件。

原创 使用阿里字体图标 iconfont 无法改变颜色问题

但是最近发现了个问题，就是在设置字体图标的颜色时，它失效了，无论怎么弄，图标就是不变色。这搞得一时之间找不到原因所在！字体图标如今在项目中是普遍使用的一种方案，相比较以前的 雪碧图 方案来说，方便了不少。不管是维护还是使用，都大大降低了心智负担，而且很重要的一点，它可以像字体一样通过 CSS 随意设置颜色～找到原因就好解决问题了，我的解决方案是：把字体图标拆分成两个项目，一个全是彩色的，一个全是纯色的。最终结果就是：如果你的字体项目在【字体格式】那里选择了【彩色】，那么这套字体图标的颜色就不允许修改了！

原创 无障碍阅读适老化 aria

像我们经常访问的知乎，它就支持 aria ，从而方便老年人和残障人士更友好的浏览网页，享受网上冲浪的快乐。今天就来解开大家的疑惑！下面这个表单添加了 aria-label 属性，那么当页面聚焦到此表单上时，屏幕阅读器会读出 aria-label 属性的值，aria-label 不会在视觉上呈现效果，只是方便设备读取备注。在编写 HTML 页面时，相信大家都有遇到过以 aria- 开头的属性，如 aria-placeholder ，aria-hidden，aria-details 等等。

原创 element ui日期选择器清除后报错了

【代码】element ui日期选择器清除后报错了。

原创 原型链的图解

原创 git 命令 全套

git 命令

原创 做vue开始日期和结束日期的一个问题要注意

vue element ui开始日期和结束日期