一、初始化uni-app项目,这里使用cli方式用命令行创建Vue3/Vite版,详细请参考官网1、创建以javascript开发的工程:npxdegitdcloudio/uni-preset-vue#vitemy-vue3-projectName2、创建以typescript开发的工程:npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-projectName二、启动项目相关操作1、安装依赖npmi2、启动服务npmrundev:mp-weixin//启动微信小程序npmrundev:h5//启动H5端npmrundev:app//启动app端微信小
一、初始化uni-app项目,这里使用cli方式用命令行创建Vue3/Vite版,详细请参考官网1、创建以javascript开发的工程:npxdegitdcloudio/uni-preset-vue#vitemy-vue3-projectName2、创建以typescript开发的工程:npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-projectName二、启动项目相关操作1、安装依赖npmi2、启动服务npmrundev:mp-weixin//启动微信小程序npmrundev:h5//启动H5端npmrundev:app//启动app端微信小
一、前言在uniapp的APP日常开发中,我们时常遇到一些兼容性问题,正如本文所提到的图片的预览和下载。在此功能的开发中,我常遇到以下四个问题:图片预览功能实现,但是PDF,word,xls文件无法打开。安卓的图片预览和文件查看功能正常,ios系统的手机却问题频出,时不时的无法打开文件。图片第一次可以打开,第二次就报404,找不到文件。预览不仅要满足安卓和ios系统,也要使浏览器+企业微信H5也要可以打开文件预览。二、图片预览功能实现,但是PDF,word,xls文件无法打开uni.previewImage()是uniapp的图片预览API,经常与uni.chooseImage()一起使用,不
一、前言在uniapp的APP日常开发中,我们时常遇到一些兼容性问题,正如本文所提到的图片的预览和下载。在此功能的开发中,我常遇到以下四个问题:图片预览功能实现,但是PDF,word,xls文件无法打开。安卓的图片预览和文件查看功能正常,ios系统的手机却问题频出,时不时的无法打开文件。图片第一次可以打开,第二次就报404,找不到文件。预览不仅要满足安卓和ios系统,也要使浏览器+企业微信H5也要可以打开文件预览。二、图片预览功能实现,但是PDF,word,xls文件无法打开uni.previewImage()是uniapp的图片预览API,经常与uni.chooseImage()一起使用,不
目录问题:获取this.$refs为空对象或者为undefined原因一:在uniapp中,非H5端只能用于获取自定义组件,不能用于获取内置组件实例(如:view、text)解决方法:ref在非H5端使用在自定义的组件原因二:使用了版本过低的调试基础库原因三:ref组件使用了条件渲染,即v-if、v-show,这些DOM节点在mounted无法被访问到,详细可以看深入响应式原理-Vue.js原因四:使用了v-for循环动态绑定ref(大部分时请求后端数据动态渲染DOM),this.$ref[name]获取的是数组,详情看ref属性-Vue.js扩展场景:uni-app的H5/小程序实现锚点问题
目录问题:获取this.$refs为空对象或者为undefined原因一:在uniapp中,非H5端只能用于获取自定义组件,不能用于获取内置组件实例(如:view、text)解决方法:ref在非H5端使用在自定义的组件原因二:使用了版本过低的调试基础库原因三:ref组件使用了条件渲染,即v-if、v-show,这些DOM节点在mounted无法被访问到,详细可以看深入响应式原理-Vue.js原因四:使用了v-for循环动态绑定ref(大部分时请求后端数据动态渲染DOM),this.$ref[name]获取的是数组,详情看ref属性-Vue.js扩展场景:uni-app的H5/小程序实现锚点问题
最近又开始写小程序了,刚好遇到微信小程序和内嵌H5之间来回跳转,来回交互;这里记录一下微信小程序和H5之间交互的实现;(我的小程序是通过un-app框架来写的,内部代码基本都是vue)文章目录一、微信小程序跳转H51、web-view二、H5跳微信小程序1、H5直接跳到微信小程序2、内嵌H5跳转到微信小程序三、微信小程序传值给内嵌H51、路径传参四、内嵌H5传值给微信小程序1、用postMessage2、路径传参一、微信小程序跳转H51、web-view微信小程序官方提供了web-view组件来实现微信小程序跳转到H5页面,实现的方式也很简单,具体实现方式如下:1、新建一个页面用来单独存放we
最近又开始写小程序了,刚好遇到微信小程序和内嵌H5之间来回跳转,来回交互;这里记录一下微信小程序和H5之间交互的实现;(我的小程序是通过un-app框架来写的,内部代码基本都是vue)文章目录一、微信小程序跳转H51、web-view二、H5跳微信小程序1、H5直接跳到微信小程序2、内嵌H5跳转到微信小程序三、微信小程序传值给内嵌H51、路径传参四、内嵌H5传值给微信小程序1、用postMessage2、路径传参一、微信小程序跳转H51、web-view微信小程序官方提供了web-view组件来实现微信小程序跳转到H5页面,实现的方式也很简单,具体实现方式如下:1、新建一个页面用来单独存放we
本文已经收录到Github仓库,该仓库包含计算机基础、Java基础、多线程、JVM、数据库、Redis、Spring、Mybatis、SpringMVC、SpringBoot、分布式、微服务、设计模式、架构、校招社招分享等核心知识点,欢迎star~Github地址:https://github.com/Tyson0314/Java-learning目录了解需求方案1:数据库轮询方案2:JDK的延迟队列方案3:时间轮算法方案4:redis缓存方案5:使用消息队列了解需求在开发中,往往会遇到一些关于延时任务的需求。例如生成订单30分钟未支付,则自动取消生成订单60秒后,给用户发短信对上述的任务,我
本文已经收录到Github仓库,该仓库包含计算机基础、Java基础、多线程、JVM、数据库、Redis、Spring、Mybatis、SpringMVC、SpringBoot、分布式、微服务、设计模式、架构、校招社招分享等核心知识点,欢迎star~Github地址:https://github.com/Tyson0314/Java-learning目录了解需求方案1:数据库轮询方案2:JDK的延迟队列方案3:时间轮算法方案4:redis缓存方案5:使用消息队列了解需求在开发中,往往会遇到一些关于延时任务的需求。例如生成订单30分钟未支付,则自动取消生成订单60秒后,给用户发短信对上述的任务,我