在做小程序的时候,做到了一个限时商品售卖,用到了倒计时,因为这个原因导致了安卓手机上使用小程序时,将小程序放入后台运行一段时间后,再次进入小程序后出现了页面白屏或者点击事件失效的情况,这里记录下 1.相关代码文件 我这里是使用了自定义组件的形式来渲染的 外部的引用的自定义组件的wxml文件 /* limitCommodity是一个数组,返回的是商品对象,包含商品价格.商品结束时间.商品图片等 */ <block wx:for="{{limitCommodity}}" wx:key…

感觉ios的小程序每个页面都可以下拉出现白屏 有时页面带有滑动的属性会跟着晃动,体验不是很好 解决办法: 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了,下面溢出的内容就拉不出来了,此时用overflow:scroll间接滑动 .content{ width:100%; height:600rpx: overflow-y:…

今天的话题主要是关于微信小程序.安卓APP.苹果APP对比分析.既然是对比分析肯定是将它们一个一个说明. 本篇不涉及技术话题,只讲解微信小程序.安卓APP.苹果APP它们各自的优缺点及其应用场景. 一.微信小程序 1.微信小程序的优势 (1)对用户使用上来说,确实方便,要用的时候打开,不用的时候关掉,即用即走.这点比需要下载,还要占用手机内存空间的APP要好.        (2)主要的样式代码都封装在微信小程序里面,所以打开速度比普通的H5要快,接近原生APP. (3)可以调用比H5更多的手机…

很多人可能会问:微信小程序和在微信里面浏览一个网页有什么区别? 首先,小程序的运行是全屏的,界面跟进入了一个APP很像,更为沉浸跟在微信里面访问h5不一样:其次,它的浏览体验更为稳定. 不过,这还不够,除非--进入小程序之后他不会打断聊天,再次进入之后也依然是离开时的页面. 我也是非常不辞劳苦地想要知道这个答案,但亲身体验之后,可以告诉你: 对苹果用户来说,除了上面说到的东西之外,貌似是没有区别的. 但是,对广大安卓用户来说,是有的!(作为千年安卓用户,有一种终于扬眉吐气一回的感觉.) 在安卓系…

之前在网上看到博客园新闻服务开放接口,因为自己本身有看博客园IT新闻的习惯,为了能随时随地简洁方便的浏览新闻,于是萌生了一个利用开放API开发一个微信小程序的想法. 1. mpvue初探 平时技术栈有用到Vue,这个小程序功能也比较简单,用 mpvue 再合适不过了.mpvue 基于 Vue.js 核心,修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,获得完整的 Vue.js 开发体验,组件化代码复用.Vuex 数据管理.webpack 构建机制…

目录 前言: 1. 成品展示 2. 原理图解析 3. pcb设计 4. 嵌入式对外提供接口 4.1 蓝牙广播 4.2 蓝牙服务和属性 4.3 数据包格式 4.4 数据通信模型 重要 . 前言: 本期给大家带来一款精致炫酷的蓝牙土壤温湿度传感器,用于做盆栽呵护类产品. . 1. 成品展示 淘宝上卖得比较多的主要是下面这种模块,其主要作用是测量土壤电阻(越潮湿,电阻越小;越干燥,电阻越大),同时卖家会提供一个adc电路,该电路有电压比较器,可以根据可调电阻设置比较阈值,从而实现土壤湿度到达某一阈值后…

作为一个只懂简单HTML,jQuery,JS的web后台开发者,最近在学习小程序开发,现在将小程序的点击全屏功能的相关内容记录下来.如果有不对的地方或者有更简单的方法,请留言指教 0_0~ .js 文件 data: { one:"block", //判断图片全屏前是否隐藏 ones:"none", //判断图片全屏后是否隐藏 phoneheight :" " , //按比例缩放后图片高 phoneWidth : " "  //…

使用工具: 1.微信Web开发者工具 2.Visual Studio 2019 前端采用color UI,后端采用c# .net 过程中的几个重点点记录 1.color UI使用 下载colorUI以后 将icon.wxss.colorui.wxss拷贝至项目根目录 在app.wxss中导入文件 @import "icon.wxss"; @import "colorui.wxss";   2.图片上传功能 wxml前端代码 <view class="…

如何定义一个全局变量: 1,在根目录下app.js中添加 App({ globalData: { g_isPlayingMusic : false, g_currentMusicPostId :null, doubanbase:"https://api.douban.com", self_reduction:"自减" } }) 2,在js中访问我们的全局变量 var app = getApp(); //全局的 getApp() 函数可以用来获取到小程序实例. onL…

微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标. touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove…

官方的开发文档 微信小程序写的不多,随便写写 创建项目,分析工具 微信小程序有专门的编辑工具,去官网下载 然后申请一个小程序项目,获得一个appId,然后进入编辑工具就可以直接开发了 编辑工具可以设置es6编译和npm 文件分析 小程序的写法非常的像vue-cli,但是vue是一个vue文件带有html+js+css 小程序是一个页面分为四个文件,wxml+js+wxss+json(配置页面) 还有一个app.json总配置页面,一个app.js入口文件,一个app.wxss的全局css文件 新…

本文主要以使用小程序云Serverless服务开发一个记事本微信小程序为例介绍如何使用小程序云Serverless开发微信小程序.记事本小程序的开发涉及到云函数调用.云数据库存储.图片存储等功能,较好地展示了小程序云Serverless服务在实际研发场景中如何帮助开发者提升研发效率. 一.准备工作 在开始前,确保已经完成以下准备工作:1.注册微信开放平台账号,并创建微信小程序,获得微信小程序AppID:2.下载并安装微信开发者工具:3.已安装 nodejs 开发环境. 二.操作步骤 2.1.步骤…

今天早上,张小龙在微信公开课上分享了小程序的理念,并且公布了小程序将于1月9日上线. 为了体现张小龙对未来程序形态的理解,小程序有四个特定:无需安装.触手可及.用完即走.无需卸载.今天,36氪刚好有机会体验了一下携程.36氪和"小程序示例"三枚小程序,在这里跟大家分享一下. 我氪的小程序先保密,至于"小程序示例",则是微信制作的一个展示性质的小程序,给开发者们介绍小程序目前有什么组件和接口.跟张小龙说的一样,用户需要通过在微信里扫二维码进入小程序:扫码之后,就会直接…

微信小程序上传图片的时候,如果是多图片上传,一般都是直接用一个循环进行wx.uploadFile 这个在电脑上面测试与苹果手机上面都不会有什么问题 但当用安卓测试的时候,你会发现小程序会提示一个the same task is working wx.uploadFile不能并行,因为wx.uploadFile是一个异步函数,所以循环的时候在安卓手机上会出现并行 解决的方法 做一个上传完的标识,然后 用递归算法进行上传 在上传成功的回调函数里面,直接递归,标识满足直接跳出,完成所有图片上传 贴上个…

终于把小程序版弄完了,不过这并不能称之为是我的作品,因为我还没有彻底学会小程序,对JavaScript语言还有很多不会的地方,没有掌握, 这次的程序是通过学习网上的多个教程,多个案例结合拼凑模仿者人家的弄出来的,所以接下来希望自己能学好JavaScript语言,真正写出自己的 微信小程序! ps:但是前面的轮播图和整体布局可是自己设计的哦^_^啦啦啦 这就是我的随心记账本(美中不足的是过于简单,没有加上日期等模块,嘿嘿,随心嘛~) 这是意趣那一夜,这一页很骄傲啊都是自己设计的,不过,就是,有点l…

新版开发者工具增加了https检查功能:可使用此功能直接检查排查ssl协议版本问题: 可能原因:0:后台域名没有配置0.1:域名不支持https1:没有重启工具:2:域名没有备案,或是备案后不足24小时:备案未生效:感谢@小树提供的案例 3:ssl协议有问题:具体请参考本文: 微信小程序开发SSL证书配置,解决request fail问题 解决方法 1.Geotrust先检查下你的站点.把一些常规的问题解决掉,比如中级证书没装,等等问题. 2.微信支持,且只支持ssl_protocols TLS…

异常描述: 微信小程序领取卡券,调用 wx.addCard 接口,安卓手机正常调起领取卡券界面,苹果手机.微信开发者工具中均出现“参数错误”,如图: 异常解析: 安卓手机能正常调起领取界面,那就说明领取卡券参数是没有问题的,那么苹果手机中出现的异常应该就是ios系统对js的某些兼容性问题了.认真再从头看一遍小程序开发文档中关于 领取卡券 的部分,能看到这么一句: 注:cardExt 需进行 JSON 序列化为字符串传入 既然安卓手机访问正常,那十有八九就是参数格式问题了. 问题解决: 检查下小程…

关于微信小程序不显示图片 通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问 本地图片:确定相对路径或者绝对路径正确 微信小程序图片路径,不可以存在中文,使用英文做路径和文件名 文件后缀文,小写.且保证正确 网络图片,必须确保域名已经备案 关于微信小程序安卓手机访问不到图片,而苹果手机正常 排除以上通病5点之后,出现安卓手机访问不到图片,而苹果手机正常访问的情况,大概率是图片地址做了CDN转发,多数CDN会默认开启防盗链, 需…

众所周知,微信小程序对下载的文件大小有限制,目前是最大支持10M.我们在用去水印小程序保存视频的时候,如果遇到长视频,视频大小可能就超过限制.遇到这种情况,我们如何才能把视频保存到手机相册呢? 首先,如果你用的是Android手机就会很幸福,因为Android系统比较开放,不像苹果系统比较封闭.Android手机用户只需要把去水印小程序解析之后的视频地址复制到浏览器打开,就能下载保存了,常见的安卓手机上的QQ浏览器.UC.Chrome浏览器都可以. 再说苹果系统,苹果系统和安卓系统操作步骤一样,…

原文:http://blog.csdn.net/walkingmanc/article/details/54237961 在微信小程序开发过程中,如果你完全按照官方文档来,那么恭喜你,90%的可能性你会掉入大坑而且还难以爬起来,有时候明显没有任何问题但是结果就是不对. 今天就来给大家说一下客户端发起post请求时的一个坑. 按照官方文档,我们客户端发起post请求的代码如下: t:function() { wx.request({ url: 'https://www.meimichao.com/…

1.什么是wepy 这个框架是腾讯内部出的一个类MVVM的小程序开发框架.大体上来说语法是类VUE的,所以如果有VUE开发经验的话迁移成本会低一些.至于具体的怎么使用我就不赘言了,有问题查文档(官方文档) 2.为什么会出现wepy 我虽然还没有在实际项目中完整开发过一个APP,但自己看着文档敲着DEMO再道听途说一下也都知道,小程序是有很多限制的,小项目可能觉得无所谓,可业务稍微复杂一点,写起来和维护起来都是非常蛋疼的.主要表现在以下几个方面: 组件化支持能力太弱(几乎没有) 不能使用 less…

前言 微信小程序自去年公测以来,我司也申请了一个帐号开发,春节前后开始开发,现在终于告一个段落了.谨以此文记录下踩过的坑. 坑1:scroll-view与onPullDownRefresh冲突 由于有几个页面需要将导航tab栏自动置顶,所以使用了scroll-view.然而又想要下拉刷新,本来想直接使用onPullDownRefresh,结果却发现下拉的时候onPullDownRefresh根本没有!囧! 研究了半天,最终监听touchXXX自己模拟了个下拉刷新.(具体实现方案改日再分享.)为了…

现在做小程序的越来越多,商家推广也是一个瓶颈,谁不发点红包,都很难找到人来用你的微信小程序了.于是不管你开发什么小程序功能,你或多或少都要用到小程序来发红包吧.  我们自己之前做公众号发红包,做了两三年了,然后后面小程序火了,开始做小程序发红包,在开发过程中也遇到一些坑.下面我们给大家分享下我们如何解决的. 小程序如何发红包.直接上来先说跳坑方法吧,没耐心的,可以直接看完我这段就赶紧去改你的代码就行了,有耐心的,或者你可能除了这个坑以外,还有其他的坑的,那你就仔细看完我后面分析的内容. 小程序发…

1:微信小程序之去掉横向滑动滚动条 /** 去除横向滚动条 */ ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 2:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译. 未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译. 使用小程序框架wepy的时候,报出这样的错误 解决方法: 在创建项目->添加项目时选择的项目目录的文件夹下不能有次级文件夹,如果有次级文件夹 即便是空文…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5…

微信小程序联盟出品 跳坑textarea<二百二十三>不显示文本及textarea相关问题集合跳坑<二百一十三> background-image无法获取本地资源图片....跳坑<二百一十二>单位rpx/px/em/vh使用说明跳坑<二百一十一>转发API:onShareAppMessage使用跳坑<二百一十>使用模拟数据mock.js跳坑<二百零九>textarea组件value不显示跳坑<二百零八>使用Express后…

图片上传相关文章 微信小程序多张图片上传功能 微信小程序开发(二)图片上传 微信小程序上传一或多张图片 微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传 微信小程序wx.previewImage预览图片 微信小程序之预览图片 小程序开发:上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器 微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Python Flask小程序文件(图片)上传技巧 小程序图片上传阿里OSS使用方法 微信小程序问题汇…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467…

一.起步 1.1 配置uni-app开发环境 什么是uni-app,就是基于vue的一个开发框架,可以将我们写的一套代码,同时发布到ios.安卓.小程序等多个平台 官方推荐使用Hbuilderx来写uni-app项目 下载之后可以将预设改为vscode 进入hbuilder插件市场下载scss插件 1.2 初始化uni-app项目 创建一个uni-app项目 如果把小程序项目运行到微信开发者工具: 首先manifest.json配置自己的id 然后工具 设置 运行设置 找到微信开发者工具的安装路…