- 博客(21)
- 收藏
- 关注
原创 uniapp app端使用renderjs 实现高德地图线路规划
change:prop="map.updateMap"里面的map是<script module="map" lang="renderjs">里面module的名称。使用函数去给markList赋值触发runderjs里面的方法updateMap。里面的密钥和key 就是上面我们在高德地图里面申请的密钥和key。然后在页面创建节点去给renderjs传参。renderjs里面的updateMap方法。首先去高德的开放平台去申请key和密钥。使用高德地图的sdk实现线路规划。创建完成就会有key和密钥。
2025-04-17 18:58:40
360
原创 uniapp 使用renderjs 实现app使用echarts
由于项目需要在app端实现图表效果 ucharts无法实现 就打算使用echarts来实现,下面是我实现的具体步骤仅供参考。
2025-04-17 18:38:06
339
原创 uniapp 使用i18n 进行项目国际化
由于手动翻译很麻烦所以下载了一个插件进行翻译使用 npm install @luck-8/uni-tool 安装。由于项目需要进行国际化所以使用vue-i18n设置npm i vue-i18n。内容有个cache.json 用来缓存文件进行百度翻译的时候不会重新去翻译。其它翻译的文件(zh.json 和en.json)里面都设置{}config.js配置文件里面配置百度的 appid和key,去。,每次翻译结束记得使用命令翻译回来。config.js 文件内容。config.js文件和。
2025-04-17 18:16:07
713
原创 uniapp 实现深浅模式切换
由于项目需要进行深色模式和浅色模式 进行主题色切换参考了下面网站,但是我这个提示没办法动态引入所以使用的每个页面都手动加类名去改样式。uview 弹窗之类的会存在底部占位空白需要手动加上。
2025-04-16 17:55:00
364
原创 uniapp app(ios和Android)使用tcp实现对设备的交互
我这边使用的uniapp插件市场里面的TCP-Socket插件实现的,由于我这边设备返回数据过多所以更具设备返回的头是不是包含emu 和长度信息,包含就是第一包,然后根据接收到的长度去判断是否和总长度一致,我这边需要一直去轮询下发命令查询数据所以在app.vue里面加了个定时器,使用方式就直接调用函数setinstruction传true,就开始发指令去查消息,传false就关闭发指令。
2025-04-16 17:23:15
411
原创 uniapp app实现折叠表格
由于项目需要在app中显示折叠表格,没找到插件(可以使用uni-table,但不支持折叠表格,也需要手写折叠)打算手写一个。由于我这只需要三级就没做处理实现效果实现方式通过隐藏的table元素动态计算元素内容宽度,在放到显示的table上面实现数据列等宽,通过弹性盒子 align-items: stretch;实现等高,折叠面板通过动态的往数组里面添加元素实现展开,通过获取子级的长度和子级是否展开如果展开就拿到当前子级的子级的长度合并进行删除。
2025-04-12 10:43:16
288
原创 uniapp使用微信授权登录app
注意:微信app授权存在缓存,授权了一次就不会再次弹出授权提示框,会静默授权,当前的appid申请了授权,如果改了appid再去授权,还是之前的appid会导致对应不上,需要清理微信缓存或者删除微信。在uniappd的manifest文件里面的模块配置勾选微信登录 里面填写微信开放平台申请的应用的appid的值。然后调用uniapp的授权接口和登录接口 然后去获取用户信息 拿到用户的openid和unionId给后端。
2025-04-09 11:36:08
598
原创 vue 实现video全屏播放 弹幕滚动
由于项目需要视频播放的时候进行全屏且存在一个可以一直滚动的弹幕,实现方案禁用视频按钮,手写 父元素固定定位实现全屏播放,然后自定义播放速度,音量,进度条,播放和全屏按钮。
2024-12-03 15:57:15
916
原创 vue 使用阿里云视频播放器(Aliplayer) 视频全屏添加自定义内容
主要通过监听全屏事件然后给阿里视频播放器动态的添加元素。由于项目需要视频全屏播放加水印。
2024-12-03 15:40:00
545
原创 vue 动态引入组件
在项目中经常遇到文件夹下有很多组件,单个引入就太麻烦了所以使用动态引入(只支持浏览器,uniapp小程序和app会报错)在components文件夹下面的c文件夹下的组件indexBanner的动态引入的方法。新建mapComponent.js文件。
2024-11-30 00:00:00
681
原创 vue使用前端直传文件到COS(腾讯云)
由于项目需要大文件上传,所以使用腾讯云上传。创建cosUploadFile.js文件。引入刚才创建的js文件。
2024-11-27 00:15:00
628
原创 uniapp配置代理
manifest.json文件设置manifest.json文件设置"devServer" : {"https" : false,"proxy" : {"/test" : {"target" : "http://192.000.0.00:9999", //请求的目标域名"changeOrigin" : true,"secure" : false,"pathRewrite" : {"^/test" : "/"}}},"port" : 8080},
2024-11-26 01:00:00
356
原创 JS Worker实现计时器(seTimeout)后台保活
由于项目功能要求考试途中用户切换页面 考试倒计时也要正常运行,找了一下发现是浏览器自己把进程进行关闭了,再次回来的时候页面就假死了,所以就需要worker去新建子进程去实现倒计时。worker初始化和发送消息接收消息的方法。ks.worker.js 文件内容。引入自己定义的worker.js。vue.config.js配置。ks.worker.js 文件。
2024-11-25 16:17:49
331
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人