目录问题：获取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
文章目录前言一、为什么要压缩图片二、图片压缩方式1.微信小程序2.H5总结前言关于微信小程序、H5兼容性问题，今天就压缩以及上传图片做一个可实现方法的简要阐述。一、为什么要压缩图片在使用uni-app开发小程序及H5的具体业务中，我们会遇到需要让用户上传本地图片的场景，随着现在的手机像素越来越高，图片的大小也越来越大，上传原图后一方面是难以上传成功，另一方面是上传成功后在列表中图片太大加载时间过长或者加载失败。若是直接提示用户“无法上传xxM以上的图片”，用户体验会不好，于是需要我们对用户上传的图片进行压缩。而不同平台之间压缩图片的方式并不完全兼容，需要提供不同的方
文章目录前言一、为什么要压缩图片二、图片压缩方式1.微信小程序2.H5总结前言关于微信小程序、H5兼容性问题，今天就压缩以及上传图片做一个可实现方法的简要阐述。一、为什么要压缩图片在使用uni-app开发小程序及H5的具体业务中，我们会遇到需要让用户上传本地图片的场景，随着现在的手机像素越来越高，图片的大小也越来越大，上传原图后一方面是难以上传成功，另一方面是上传成功后在列表中图片太大加载时间过长或者加载失败。若是直接提示用户“无法上传xxM以上的图片”，用户体验会不好，于是需要我们对用户上传的图片进行压缩。而不同平台之间压缩图片的方式并不完全兼容，需要提供不同的方
开门见山地说，在移动端开发中，80%的项目都会涉及到列表展示，而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多。本篇文章主要介绍在使用uniapp开发移动端的过程中，比较好用的一个下拉及上拉组件，节约大家选择组件的时间，其完美适配uniapp，并可以实现一套代码打包成app，H5及小程序使用。文章最后的链接是完整的一个demo代码。 本文介绍的这个组件名字叫——mescroll，在他官网中有一句他的主要介绍–精致的下拉刷新和上拉加载js框架。虽然主打是js框架，但他同时也支持uniapp适配，并且效果不错，本文主要介绍其在uniapp方面的使用。当然介绍再多也不如各位开发者亲自去了解
开门见山地说，在移动端开发中，80%的项目都会涉及到列表展示，而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多。本篇文章主要介绍在使用uniapp开发移动端的过程中，比较好用的一个下拉及上拉组件，节约大家选择组件的时间，其完美适配uniapp，并可以实现一套代码打包成app，H5及小程序使用。文章最后的链接是完整的一个demo代码。 本文介绍的这个组件名字叫——mescroll，在他官网中有一句他的主要介绍–精致的下拉刷新和上拉加载js框架。虽然主打是js框架，但他同时也支持uniapp适配，并且效果不错，本文主要介绍其在uniapp方面的使用。当然介绍再多也不如各位开发者亲自去了解
开源省钱兄同城跑腿源码，目前只开源用户端V2版本部分核心模块源码提供学习研究使用uniapp技术，提供学习使用不可商业适配支持公众号+APP+H5+小程序，使用Hbuilder导入即可运行#功能说明发布跑腿订单管理轮播帮我买帮我送同城服务同城帮买万能任务公告红包地址管理联系客服系统设置修改头像红包列表价格计算协议设置中心登录获取验证码等功能定位功能地图功能学习#体验方式小程序搜索：码兄新跑腿 #技术栈用户端 uniapp（vue语法）#下载地址省钱兄同城跑腿源码（小程序+APP+H5）uniapp前端模版源码-小程序文档类资源-CSDN下载#产品介绍省钱兄同城跑腿-同城跑腿小程序源码-跑腿AP
开源省钱兄同城跑腿源码，目前只开源用户端V2版本部分核心模块源码提供学习研究使用uniapp技术，提供学习使用不可商业适配支持公众号+APP+H5+小程序，使用Hbuilder导入即可运行#功能说明发布跑腿订单管理轮播帮我买帮我送同城服务同城帮买万能任务公告红包地址管理联系客服系统设置修改头像红包列表价格计算协议设置中心登录获取验证码等功能定位功能地图功能学习#体验方式小程序搜索：码兄新跑腿 #技术栈用户端 uniapp（vue语法）#下载地址省钱兄同城跑腿源码（小程序+APP+H5）uniapp前端模版源码-小程序文档类资源-CSDN下载#产品介绍省钱兄同城跑腿-同城跑腿小程序源码-跑腿AP
H5唤起小程序1、使用微信开放标签,也就是微信内部唤起小程序。需要微信的js-SDK。username=''//所需跳转的小程序原始id，即小程序对应的以gh_开头的id必填path=''//所需跳转的小程序内页面路径及参数需要在路径后面添加.htmlH5：已认证的服务号服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。小程序：已认证的非个人主体的小程序，使用小程序云开发的静态网站托管绑定的域名下的网页，可以使用此标签跳转任意合法合规的小程序jssdk:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Ap
