一、方案概述“离线缓存”，网络通畅情况下将从服务器收到的资源保存到本地，网络断开或没有连接的情况下，图片、视频、文件等数据资源直接读取本地文件中的数据。断网启动app读取本地缓存数据显示在界面上，这样能带来更好的用户体验。二、实现技术采用uni-app开发框架，实现更好的App跨平台框架、更方便的H5开发框架。Uni-app引入条件编译，可以在同一个项目调用不同平台的特色能力，App端采用特有的API中的plus.io、plus.storage和plus.sqlite进行实现本地的数据存储三、技术实现难度(1)使用uni.setStorage和uni.getStorage时，需要考虑运行平台，
直接使用swiper做图片轮播图是没有问题的，视频轮播图的兼容性仅仅体现在APP上。我的方法是将nvue页面作为视频的遮罩层，如果直接将视频放到nvue页面，说不定也可以。其实这个兼容性的关键在于video标签在手机上的层级过高，除了nvue，还有其他方法解决。因为我的这个项目是图片，视频混合的轮播图，所以很多地方要判断，是否为视频，但测试时，第一项就是视频，所以很多地方判断，swiper的current是否为0。pages/my/person.vue //因为nvue层级很高，如果页面很长，能上下滑动。那nvue还是始终定在屏幕上方，//用@touchend监听手指
问题：（这里借用网友的一张图说明下问题）图片左边是编译到APP的效果，右边是编译到小程序的效果，同样大小的图标编译到不同平台，呈现出来的图标大小不一样，但是在uniapp中小程序的tabbar没有设置图标大小的属性；解决方案：（在图标库下载不同大小的图片，分平台做处理）小程序引用尺寸相对小的图标，APP引用尺寸较大的图标；在阿里巴巴图标库下载不同尺寸的图标；代码中，编译到不同平台，引用不同大小的图标；{ "pagePath":"pages/index/main", //#ifdefAPP-PLUS "iconPath":"static/mainTabbar/nav_1.png", "selec
【前端】html2canvas生成图片空白排查data:;因为要做一个分享图，就用到了html2canvas，一开始是好好的，今天随便测了下，发现图片显示不出来了。打印了下，生成的图片链接变成了data:;。后面一步一步地排查，发现是页面内容太多了，删减一点内容就能显示出来。然后我又去认真看了下html2canvas的各个参数，发现可以通过调整scale来改善。总结如下：图片跨域可以先检查下所选dom中的图片是否跨域，如果跨域了，可增加设置useCORS:true。如图：内容过多可以检查下所选dom内容是否过多，超出一定范围了会导致base64图片编码生成失败。为了保险起见，可以将html2c
1、在页面使用import{getLocation}from“@/utils/location.js”;getLocation（）获取地址2、创建location文件import{checkOpenGPSServiceByAndroid}from'./openSettings.js'exportfunctiongetLocation(){returnnewPromise((resolve,reject)=>{uni.getLocation({type:"wgs84",success(res){},fail:function(err){uni.showModal({title:'提示',cont
个人项目地址： SubTopH前端开发个人站 （自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上👆是个人前端项目，欢迎提出您的建议😊以下是正文内容...............点击右上角...配置发送给朋友和分享到朋友圈功能..1.全局配置创建share.js文件exportdefault{ data(){ return{ //默认的全局分享内容 share:{ title:'函证管
思路：将标记物固定在地图正中间，地图拖动结束后，获取地图中心位置的经纬度信息html代码{{addr}}css代码.position-logo{position:absolute;width:77rpx;height:77rpx;top:calc(30vh-35rpx);left:50%;transform:translate(-50%,-50%);}.addr-info{padding:19rpx26rpx;background-color:rgba(0,0,0,0.66);box-shadow:0rpx0rpx10rpx0rpxrgba(0,0,0,0.66);opacity:0.8;bo
今天用uniapp写抖音小程序的时候，发现抖音小程序不支持axios（也许是我不会玩哈），那使用uniapp提供的请求方式总是可以的，毕竟uniapp对于小程序的友好度那是真没的说呀。那每个请求都写一套请求代码也太麻烦了，封装一个服务吧。直接上代码，我们把下面这个文件叫做http.js吧，里面的注释也很明白，伸手就能ctrlcv：constBASE_URL='https://用你自己的url替换';//设置基本请求URLconstrequestInterceptor=(config)=>{//添加请求拦截逻辑//在这里可以对请求进行处理，例如添加请求头、签名等config.header={..
uniapp的常用生命周期一、应用生命周期(App.vue文件)二、页面生命周期三、组件生命周期四、项目启动各个生命周期的执行顺序只列举常用生命周期，详细生命周期请看官网此文章吸收了其他多个文章的经验，从而自我总结的笔记一、应用生命周期(App.vue文件)生命周期名称触发时机onLaunch当uni-app初始化完成时触发(全局只触发一次)onShow当uni-app启动或从后台进入前台显示onHide当uni-app从前台进入后台二、页面生命周期uni.navigateTo({url:'...'})保留当前页面，使用uni.navigateBack可以返回到原页面uni.readirect
uniapp生成二维码uniapp生成二维码`最近在写需求的时候遇到了展示二维码入口，扫码后申请获取微信头像数据、微信名称上传至服务器作为待审核员工信息的需求提示：以下是本篇文章正文内容，下面案例可供参考一、二维码实习图参考了https://blog.csdn.net/lemontealin/article/details/104437584这篇文章并做了修改，要想实现二维码的生成的话是需要引用相应插件的，这个插件的作者是echo，echo写了整个ThorUI组件，我个人很佩服他，喜欢他的可以去ThorUI网站看看，学习一下。1）首先下载你需要下载weapp-qrcode.js（百度网盘下载链
