关闭

【干货#015】小程序收货地址

这是晓程序干货店第15篇干货分享 小程序在1.1.0版本开始原生支持获取微信本身的用户地址,并支持调起微信的地址编辑界面,不仅给开发者省却了重复造轮子的麻烦(特别是不用再造地址选择器轮子了),而且提升了用户的使用体验。 今天我们就介绍下收货地址API:wx.chooseAddress(OBJECT),可返还地址信息如下所示: 下面我们以一个更完...
阅读(32) 评论(0)

【干货#014】小程序"页面滚动"与"滚动视图区域"区别

发现很多同学在开发小程序时经常搞混小程序的“页面滚动”与“滚动视图区域”的区别。下面我们进行分别解释,把它们彻底搞清: 页面滚动 小程序页面(注意这里说的页面指的是注册的Page,而不是视图容器view),默认就具有滚动(上拉)功能,滚动时触发PageScroll事件;在页面滚动触底时,会触发ReachBottom事件;页面下拉时,触发PullDownRefresh事件,通...
阅读(8) 评论(0)

【干货#013】小程序实现地址自动解析和导航

目标 通过腾讯位置服务API实现地址解析为坐标,并实现导航。如下图,单击解析按钮,实现将输入地址解析为坐标。 实现 第一步 注册腾讯位置服务 到腾讯位置服务网站(http://lbs.qq.com/index.html)注册账号, 并申请开发密钥(key)。 申请成功后,下载腾讯位置服务微信小程序...
阅读(14) 评论(0)

【干货#012】细解小程序自适应单位rpx

由于手机终端屏幕大小的差异,小程序页面设计的适配问题就比较突出了。因此,微信小程序推出了新尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应,并规定屏幕宽度为750rpx。注意是750rpx,重要的事再强调下,是750rpx。大家在设计页面时尺寸单位尽量选择rpx,按照750进行设计,那么就不用担心平台适配问题了,是不是很方便呢?  也许有同学会...
阅读(20) 评论(0)

【干货#011】小程序页面滚动实现广告条隐藏

缘起 小程序需要在手机狭小的屏幕中放入尽量多的内容,而老板想在在页面放个广告条,由于挤占了不然就不大的页面控件,对程序的功能操作又有较大的影响。如何兼顾两者的需求? 下面介绍一种默认显示页面首部广告条,但在用户上滚页面时隐藏广告条,而工具栏保持不动的方法。 方法 实现方法就是使用CSS的定位样式实现,默认使用相对定位relavtive方式,在...
阅读(14) 评论(0)

【干货#010】解决 Page[pages/XXX/XXX] not found错误

缘起 小程序在模拟机和安卓真机下预览正常,在苹果机出现错误: Page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task. 截图如下: ...
阅读(17) 评论(0)

【干货#009】小程序如何格式化显示对象数组属性

缘起 小程序页面中经常要显示后台数据库返回的对象数组,当对象属性可以显示时,直接使用setData进行赋值即可,但当对象属性需要格式化显示时,就需要进行格式化处理。 方案一:数组map映射 首先定义格式化函数formatTime,然后将数组对象的属性进行格式化处理后再映射到数组上。 ...
阅读(20) 评论(0)

【干货#008】30分钟实战知晓云内容发布小程序

缘起 知晓云的特色之一就是内置可视化内容管理,简单易用的富文本编辑、管理功能,配合 SDK 内置的微信小程序富文本渲染引擎wxParser轻松完成内容发布小程序的制作。 下面一步一步实战一个如下图所示的内容发布小程序“我的日记”,只有两个页面,一个是首页显示发布的日记列表,一个是查看日记内容页面,在首页点击日记标题,可进入日记内容页面。 首页: ...
阅读(38) 评论(0)

【干货#007】标签机打印小程序参数二维码的方法

缘起 微信小程序参数二维码是针对小程序特定页面,设定相应参数,用户扫描后可以进入相应页面的方法,具有多种用途。 目前,有多种方式可以生成小程序二维码图片,然后直接打印出来。但在使用标签机打印二维码时,打印图片就显得不经济和不方便了,特别是在批量打印时更显不方便,而一般标签机都是支持文本生成二维码,然后打印。 因此,如果需要使用标签机打印...
阅读(15) 评论(0)

【干货#006】实战知晓云分页显示

缘起 使用场景是用户下拉页面时,自动加载和显示数据。本例用的是显示一个常用电话列表。 准备 在知晓云后台数据表中增加Phone表,添加title和tel字段,并添加15条以上数据,以作为测试时使用。 实现 第1步 配置界面 使用WEUI样式配置电话列表界面,在数据加载时显示加载提...
阅读(40) 评论(0)

【干货#005】实战知晓云发送模板消息

缘起 使用场景是在用户完成付款后通过模板消息向用户发送付款成功消息。 准备 发送模板消息首先要在小程序后台申请模板,微信提供了模板库供开发者选择,注意模板标题必须以“提醒”或“通知”结尾。 如现有模板库关键字等不符合自身需求,可以重新申请,需要1-3天的审核时间。 ...
阅读(48) 评论(0)

【干货#004】解决"Failed to load image"错误

缘起 编译小程序时有时出现图片加载错误: Failed to load image http://xxx xxxxx: the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1 这个错误比较迷惑人的是,这个错误是随机的,有时并不会出现...
阅读(18) 评论(0)

【干货#003】自定义小程序客服按钮

缘起 小程序官方客服按钮长度固定(18-27px)不说,且只有 dark和 light两种样式,说句实在话还有点丑。   目标 做一个如下所示的菜单,点击区域包含整个屏幕宽度。  实现 第1步 使用WEUI控件实现如上图所示的客服菜单。 view class="weui-cell weui-cell_access" hover...
阅读(17) 评论(0)

【干货#002】小程序开发最佳图标库:阿里图标库

概述 为了提高小程序的颜值,你是不是还在苦苦搜索漂亮的图标或自己撸呢?今天我们介绍一个来自阿里妈妈的神奇图标库网站,从此妈妈再也不用担心小程序图标了。 iconfont+(http://www.iconfont.cn,阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。...
阅读(16) 评论(0)

【干货#001】小程序使用有赞ZanUI

概述 ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,这套UI还有PC桌面版(React)和移动端版,都经过了有赞的业务实践,特别适合开发商城类程序。 现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具...
阅读(56) 评论(0)
    个人资料
    • 访问:320次
    • 积分:151
    • 等级:
    • 排名:千里之外
    • 原创:15篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档