<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[晓程序干货店]]></title><description><![CDATA[小程序干货店，只分享小程序全栈开发干货知识，前端、后端都是干货！！]]></description><link>https://blog.youkuaiyun.com/mingciong</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mingciong]]></copyright><item><title><![CDATA[【干货#017】小程序后端Bmob入门：添加一条数据]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78842447</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78842447</guid><author>mingciong</author><pubDate>Tue, 19 Dec 2017 14:39:05 +0800</pubDate><description><![CDATA[在【干货#016】中完成了Bmob的安装和初步运行，获取了一条数据，下面我们讲解向Bmob添加数据。





创建对象

首先要在Bmob后台创建对应的表，如Test。Bmob的数据存储是建立在Bmob.Object上，使用表名（如Test）以extend方法创建相应表的类，然后创建该类的实例。




添加数据

使用set方法添加数据，通过save方法将当前对象]]></description><category></category></item><item><title><![CDATA[【干货#016】小程序后端Bmob入门：获取第一行数据]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78837586</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78837586</guid><author>mingciong</author><pubDate>Mon, 18 Dec 2017 22:02:08 +0800</pubDate><description><![CDATA[这是晓程序干货店第16篇干货分享


阅读该文前，请先完成微信小程序账号注册。




刚入门开发微信小程序的小伙伴，应该都会有怎么操作小程序数据库的困惑，数据放哪，怎么存取等？自己搭服务器，用腾讯云？大哥，我不会Linux，不会SQL，不会Python、Java，我就是前端小白，是不是小程序后端开发就没救了？NO。。。今天，我们就介绍一款可以使用在小程序后端的专供前端小白使用的云]]></description><category></category></item><item><title><![CDATA[【干货#015】小程序收货地址]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78548319</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78548319</guid><author>mingciong</author><pubDate>Thu, 16 Nov 2017 10:36:33 +0800</pubDate><description><![CDATA[这是晓程序干货店第15篇干货分享

小程序在1.1.0版本开始原生支持获取微信本身的用户地址，并支持调起微信的地址编辑界面，不仅给开发者省却了重复造轮子的麻烦（特别是不用再造地址选择器轮子了），而且提升了用户的使用体验。





今天我们就介绍下收货地址API：wx.chooseAddress(OBJECT)，可返还地址信息如下所示：






下面我们以一个更完]]></description><category></category></item><item><title><![CDATA[【干货#014】小程序"页面滚动"与"滚动视图区域"区别]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539173</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539173</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:41:22 +0800</pubDate><description><![CDATA[发现很多同学在开发小程序时经常搞混小程序的“页面滚动”与“滚动视图区域”的区别。下面我们进行分别解释，把它们彻底搞清：




页面滚动

小程序页面（注意这里说的页面指的是注册的Page，而不是视图容器view），默认就具有滚动(上拉)功能，滚动时触发PageScroll事件；在页面滚动触底时，会触发ReachBottom事件；页面下拉时，触发PullDownRefresh事件，通]]></description><category></category></item><item><title><![CDATA[【干货#013】小程序实现地址自动解析和导航]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539156</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539156</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:40:26 +0800</pubDate><description><![CDATA[目标

通过腾讯位置服务API实现地址解析为坐标，并实现导航。如下图，单击解析按钮，实现将输入地址解析为坐标。
















实现

第一步 注册腾讯位置服务

到腾讯位置服务网站(http://lbs.qq.com/index.html)注册账号， 并申请开发密钥（key）。




申请成功后，下载腾讯位置服务微信小程序]]></description><category></category></item><item><title><![CDATA[【干货#012】细解小程序自适应单位rpx]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539128</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539128</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:38:06 +0800</pubDate><description><![CDATA[由于手机终端屏幕大小的差异，小程序页面设计的适配问题就比较突出了。因此，微信小程序推出了新尺寸单位rpx（responsive
 pixel）: 可以根据屏幕宽度进行自适应，并规定屏幕宽度为750rpx。注意是750rpx，重要的事再强调下，是750rpx。大家在设计页面时尺寸单位尽量选择rpx，按照750进行设计，那么就不用担心平台适配问题了，是不是很方便呢？ 




也许有同学会]]></description><category></category></item><item><title><![CDATA[【干货#011】小程序页面滚动实现广告条隐藏]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539100</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539100</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:35:48 +0800</pubDate><description><![CDATA[缘起

小程序需要在手机狭小的屏幕中放入尽量多的内容，而老板想在在页面放个广告条，由于挤占了不然就不大的页面控件，对程序的功能操作又有较大的影响。如何兼顾两者的需求？



下面介绍一种默认显示页面首部广告条，但在用户上滚页面时隐藏广告条，而工具栏保持不动的方法。







方法

实现方法就是使用CSS的定位样式实现，默认使用相对定位relavtive方式，在]]></description><category></category></item><item><title><![CDATA[【干货#010】解决 Page[pages/XXX/XXX] not found错误]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539076</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539076</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:34:28 +0800</pubDate><description><![CDATA[缘起


小程序在模拟机和安卓真机下预览正常，在苹果机出现错误：




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.




截图如下：







]]></description><category></category></item><item><title><![CDATA[【干货#009】小程序如何格式化显示对象数组属性]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539049</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539049</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:31:42 +0800</pubDate><description><![CDATA[缘起

小程序页面中经常要显示后台数据库返回的对象数组，当对象属性可以显示时，直接使用setData进行赋值即可，但当对象属性需要格式化显示时，就需要进行格式化处理。













方案一：数组map映射

首先定义格式化函数formatTime，然后将数组对象的属性进行格式化处理后再映射到数组上。












]]></description><category></category></item><item><title><![CDATA[【干货#008】30分钟实战知晓云内容发布小程序]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539027</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539027</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:29:41 +0800</pubDate><description><![CDATA[缘起

知晓云的特色之一就是内置可视化内容管理，简单易用的富文本编辑、管理功能，配合
 SDK 内置的微信小程序富文本渲染引擎wxParser轻松完成内容发布小程序的制作。




下面一步一步实战一个如下图所示的内容发布小程序“我的日记”，只有两个页面，一个是首页显示发布的日记列表，一个是查看日记内容页面，在首页点击日记标题，可进入日记内容页面。




首页：

]]></description><category></category></item><item><title><![CDATA[【干货#007】标签机打印小程序参数二维码的方法]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78539002</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78539002</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:27:58 +0800</pubDate><description><![CDATA[缘起

微信小程序参数二维码是针对小程序特定页面，设定相应参数，用户扫描后可以进入相应页面的方法，具有多种用途。




目前，有多种方式可以生成小程序二维码图片，然后直接打印出来。但在使用标签机打印二维码时，打印图片就显得不经济和不方便了，特别是在批量打印时更显不方便，而一般标签机都是支持文本生成二维码，然后打印。









因此，如果需要使用标签机打印]]></description><category></category></item><item><title><![CDATA[【干货#006】实战知晓云分页显示]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78538980</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78538980</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:25:45 +0800</pubDate><description><![CDATA[缘起

使用场景是用户下拉页面时，自动加载和显示数据。本例用的是显示一个常用电话列表。









准备


在知晓云后台数据表中增加Phone表，添加title和tel字段，并添加15条以上数据，以作为测试时使用。









实现

第1步 配置界面





使用WEUI样式配置电话列表界面，在数据加载时显示加载提]]></description><category></category></item><item><title><![CDATA[【干货#005】实战知晓云发送模板消息]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78538918</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78538918</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:21:53 +0800</pubDate><description><![CDATA[缘起

使用场景是在用户完成付款后通过模板消息向用户发送付款成功消息。










准备


发送模板消息首先要在小程序后台申请模板，微信提供了模板库供开发者选择，注意模板标题必须以“提醒”或“通知”结尾。










如现有模板库关键字等不符合自身需求，可以重新申请，需要1-3天的审核时间。








]]></description><category></category></item><item><title><![CDATA[【干货#004】解决"Failed to load image"错误]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78538724</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78538724</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 11:08:13 +0800</pubDate><description><![CDATA[缘起

编译小程序时有时出现图片加载错误：


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







这个错误比较迷惑人的是，这个错误是随机的，有时并不会出现]]></description><category></category></item><item><title><![CDATA[【干货#003】自定义小程序客服按钮]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78538565</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78538565</guid><author>mingciong</author><pubDate>Wed, 15 Nov 2017 10:59:04 +0800</pubDate><description><![CDATA[缘起

小程序官方客服按钮长度固定（18-27px）不说，且只有 
dark和

light两种样式，说句实在话还有点丑。  




目标

做一个如下所示的菜单，点击区域包含整个屏幕宽度。 




实现

第1步

使用WEUI控件实现如上图所示的客服菜单。
view class="weui-cell weui-cell_access" hover]]></description><category></category></item><item><title><![CDATA[【干货#002】小程序开发最佳图标库:阿里图标库]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78536037</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78536037</guid><author>mingciong</author><pubDate>Tue, 14 Nov 2017 22:37:26 +0800</pubDate><description><![CDATA[概述

为了提高小程序的颜值，你是不是还在苦苦搜索漂亮的图标或自己撸呢？今天我们介绍一个来自阿里妈妈的神奇图标库网站，从此妈妈再也不用担心小程序图标了。



iconfont+(http://www.iconfont.cn，阅读原文可进入)是阿里妈妈MUX倾力打造的图标管理和交流平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。]]></description><category></category></item><item><title><![CDATA[【干货#001】小程序使用有赞ZanUI]]></title><link>https://blog.youkuaiyun.com/mingciong/article/details/78528344</link><guid>https://blog.youkuaiyun.com/mingciong/article/details/78528344</guid><author>mingciong</author><pubDate>Tue, 14 Nov 2017 11:01:25 +0800</pubDate><description><![CDATA[概述

ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本，这套UI还有PC桌面版(React)和移动端版，都经过了有赞的业务实践，特别适合开发商城类程序。


现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具]]></description><category></category></item></channel></rss>