问题场景: 下图中的显隐密码和验证码均为包裹在 input标签 中的 image标签, 但在开发测试中发现点击不了这俩个image标签,因为是被input标签的padding挡住了. 解决方法:将image标签用position定位定到对应的位置 1.wxml: <view class="position"> <input class="inputs psw" type="text" value="{{verifica

前言: 小程序开发中诸如获取用户手机号码.调起微信支付.领取卡券等api都是会有一定的延迟的.也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的. 虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下.如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常.所以这个问题还是要处理下的. 刚开始想到的是使用loading开启

前言 小程序上线刷爆了朋友圈,但是最近渐渐消沉了,很少有动静!最近公司项目需要,体验了一下微信小程序,制作了几个功能,布局感觉很简单,但是交互和动画等写起来确实很费劲,主要是因为他不能操作DOM,只能修改数据!下面介绍一下我制作小程序完成的几个小的功能,希望能够给开发小程序的朋友带来帮助! 滚动动画制作 小程序制作回到顶部,或者滚动到某个位置,很简单,也有很多实现方法! 例如: .动态改变它的 scroll-top .scroll-into-view 滚动到某个ID的位置 但是,问题来了,这个效

跳转到内部链接 这个我们应该都知道,通过wx.navigateTo,wx.redirectTo,wx.swtichTab等小程序内部的方法,可以直接跳转到小程序内部已经注册的(就是在app.json中已经记录的)链接页面. 但是怎么跳转到外部页面呢? 微信小程序中有个这样的东西:web-view,可以帮助跳转,需要注意的是,跳转的url是需要在微信公众平台上面配置业务域名的,否则就会出现这样: 详细内容看文档 跳转到外部页面 1.首先在你需要点击的页面,添加一个bindtap方法,用来触发跳转页

一.什么是微信小程序uv ​ UV:是累计独立访问,1个微信号就是一个uv,多次访问不算 ​ 大家想提升微信小程序uv都是为了开通流量主 二.流量主开通标准 ​ 达到1000uv就可以开通:严重违纪不予通过,不要随便去刷流量,否则极有可能被封. 三.推广营销 ​ 微信小程序虽然是转化流量的重要途径,但是如果没有太多的曝光,自然也就没有太多流量来进行转化,所以还需要对小程序进行相应的推广工作,可以通过群聊.朋友圈.短视频.文章.社区等等方式推广,如果用户对该小程序感兴趣的,自然就会进去了. 四.结

直接看例子吧: WXML:直接看Button,用“data-”(data-total)传值,后台如何获取,继续看下面JS代码. <view class="infothird"> <text class="vartime">{{item.KZSJ}}</text> <button class='buttonpay' bindtap="payfor" data-total='{{item.ZJE}}'>

如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 <input/> 中的输入内容,<switch/> 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符. wx:key 的值以两种形式提供 字符串,代表在 for 循环的 array 中 item 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变. 保留关键字 *this 代表在 for 循环中的 item 本身

//JS data: { navNum:0, navList: [ { id: 1, name: '已预约' }, { id: 2, name: '已消费' }, { id: 3, name: '已取消' }, ], shopList0: [ { id: 1, image: '/imgs/news/class_1.png', coach: '张胜男', time: '2017-10-10 09:00-10:00', age: '11,12', adress: '浙江省,杭州市,余杭区,乔司镇,保

异常描述: 点击按钮获取用户手机号码,有的时候会出现点击无反应或很久之后才弹出用户授权获取手机号码的弹窗,这种情况下,也会出现点击穿透的问题(详见:微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理) 异常解析: 1. getPhoneNumber的使用: 对于 getPhoneNumber(OBJECT) API,由于小程序需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发(具体使用方法详见getP

前(che)言(dan): 近几天,微信小程序的内测引起了众多开发人员的热议,很多人都认为这将会成为一大热门,那么好吧,虽然我是一个小白,但这是个新玩意,花点时间稍稍钻研一下也是无妨的,谁让我没有女朋友呢,给我提供了大量的闲暇时光,对此我只想说:呵呵!.现在微信小程序刚发布还在测试阶段,可以说是1.0版本,所以框架和结构内容都还不多,这时候不学什么时候学?万一成为大牛了呢?万一有哪个妹子看上我了呢?想想还有点小激动呢... 正文: 1.什么是微信小程序? 简单的说很像 H5,它将 应用(功能与a

1月9日零点刚过,张小龙与团队正式发布微信小程序.它究竟能在微信8.5亿用户中牵动多少人,现在还很难说.但对于创业者来讲,小程序无疑带来了新契机,以及服务“上帝”们的新方式. 从今天起,只要开发者登录小程序后台,在“开发管理”页面点击“发布”按钮,就会有一个新的微信小程序诞生.可在创建小程序过程中,开发者们还要解决很多问题,比如开发微信小程序需要了解什么?开发微信小程序可能会遇到哪些问题?哪里能找到开发微信小程序可以参考的案例?如何进行数据绑定.列表渲染?小程序开发中的事件如何使用? 在这里,我

微信小程序发布后,公司虽然没有拿到第一批内测资格,但作为微信亲密合作伙伴,一定要第一时间去尝试啦.现在微信小程序刚发布还在测试阶段,可以说是1.0版本,所以框架和结构内容都还不多,相关的文档跟微信API一样都做得很好. 1)微信小程序到底是什么?跟H5,HTML5是不是一样? 它可以把应用功能快速嵌入到微信公众号中,用户无需安装应用就能访问.相比现在的app开发和发布都容易很多. 微信小程序本质上就是Html5,或者说是一种优化过之后的Html5.不过在编码方式跟HTML5还是有很多不同的地方,

距离微信小程序内测版发布已经有十几天的时间了,网上对微信小程序的讨论也异常火爆,从发布到现在微信小程序一直占领着各种技术论坛的头条,当然各种平台也对微信小程序有新闻报道,毕竟腾讯在国内影响力还是很大的.我们都知道微信小程序第一天发布内测版,并没有公开官方开发文档和开发工具,但是这阻止不了技术人的好奇心. 因为自己对小程序也是很有兴趣的,感觉是很有意思的一个东西,所以立马做了一下小demo,水平有限,所以做的过程也就是一个学习的过程,一个提高的过程. 这篇文章主要写我在写demo的过程中遇到的一些

今天我们就以firstdemo为例,介绍一下小程序的基本目录结构.当我们打开一个微信小程序项目后,点击进入“编辑”菜单,我们可以看到有以下5个文件/文件夹):pages文件夹,utils文件夹,全局文件app.js文件,全局文件app.json文件,图片编辑文件工具app.wxss文件.<ignore_js_op> 小程序目录结构的整体结构如下:<ignore_js_op> <ignore_js_op> 我们详细介绍下小程序目录中每个文件和文件夹的功能,以及注意事项.1

最近微信小程序在it界火了起来,公司也要求我们开始接触微信小程序,废话不多说直接从配置微信小程序开始 1,首先,登录 https://mp.weixin.qq.com,(这里默认你已经获取到微信小程序的企业认证,而不是个人认证,也就是说你已经获取上线小程序的权利), 2,到"设置"界面,开发设置,这里你会看到服务器域名设置,先将request合法域名(请求数据的接口域名)这里写上你要请求数据时的后台接口(例如我的接口是:http://www.baidu.com),然后提交审核就行了,这

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

真正用心写完一本书,才知道写书真的很不容易. 我热衷喜欢分享一些技术,也喜欢钻研一些新东西,去年微信小程序刚内测的时候,我和我的同事四个人就一起研究,恰好公司有小程序相关的项目,做项目的同时,越发感觉到小程序很有意思. 在App越来越难装到手机里的今天,小程序这款产品真的特别棒! 我们四个人都非常认同小程序,开始决定写个系列教程,用于给公司其它员工参考.我们都非常认真的写,越写越详细,越透彻. 后来我们4个人一拍大腿,干脆出本书吧. 于是我们进坑了 我们把每个点都尽量的描述清楚,怎么合理组织代码

目录 目录结构 安装包下载地址 一.pages目录介绍 二.index目录介绍 index.js(相当JavaScript文件,必不可少的) index.json(可以不需要) index.wxml(相当于html文件,必不可少的) index.wxss(相当于html里的css,可以不需要) 三.utils目录 四.app.js.app.json.app.wxss app.js app.json app.wxss 创建新的文件夹 方法一: 方法二: 目录结构 当我们打开一个微信小程序项目后,点

关于微信小程序的开发.对于我们这些没学过oc或者android的人来说,无疑是一个令人鸡冻的好消息.这段时间研究了微信小程序开发.关于小程序的注册,认证和基础环境的搭建,官方文档已经非常详细了.这里就不再赘述了. 这里主要说说关于小程序网络模块的开发中遇到的一些问题,也许对大家有一点点帮助: 首先说说我的小程序: 后端服务用的是.NET的webservice: 然后利用小程序的wx.request请求我的接口.但是就是这么简单的一个东西,还是遇到了很多坑: 1.刚入门的童鞋可能会遇到跨域问题.这

一.操作步骤 (1)打开[微信开发者工具]->新建一个默认项目->点击[项目]->点击[上传] (2)使用微信小程序公众平台管理员扫描二维码,在手机微信上点击[确认上传] (3)输入[版本号]与[项目备注]后点击[上传]按钮,如下图 (4)等待上传,上传完成后上传页面会自动消失 (5)登录微信小程序公众平台,点击右边[开发管理]选项菜单,用鼠标将网页滚动到底部,点击下拉图标按钮.点击[选为体验版本] (6)点击[选为体验版本]后弹出一个二维码页面,使用微信小程序公众平台管理员微信扫描二维

免费分享 Python.PHP.ThinkPHP.Laravel.Mysql.微信小程序等学习视频 点击进入搜刮 免费分享 Python.PHP.ThinkPHP.Laravel.Mysql.微信小程序等学习视频