5 dzp_coder

尚未进行身份认证

我要认证

勤学如春起之苗,不见其增日有所长。辍学如磨刀之石,不见其损日有所亏。

等级
TA的排名 8k+

微信小程序 收货地址API 兼容低版本

微信官方在三月底搞了不少事情.开放个人注册权限,蓝牙,与公众号打通,未来还会开发AR,图片识别,文字识别等等能力. 起初大家只是将微信小程序当做玩具看待,相信如今会有很多人把他当成一门技术去研究了.微信小程序的想象空间已经很大. 说说新增API之一的收货地址.虽然看看兼容低版本. 先上图. API很简单,就一行代码 wx.chooseAddress(OBJECT) 调起的是原生页面,

2017-04-01 09:49:36

微信小程序 引入es6 promise

微信小程序开发两个月了.大家的项目都在不断迭代.已经不是小程序.这时候就会遇到多层回调嵌套的问题.有些目不忍视了.迫不得已引入es6-promise.在微信小程序内测的时候promise不需要手动引入,后来被微信移除了.看看效果. promise详细的介绍我就不说了.有很多大神写过. 阮一峰 promise入门看看目录,引入es6-promise就可以用了. 1.网络请求 wxReques

2017-03-06 12:47:09

微信小程序 仿美团分类菜单 swiper分类菜单

有同学要仿美团分类菜单.写了一个. 跟 微信小程序开发之选项卡(窗口顶部TabBar)页面切换很类似代码: js就这么一点//index.js //获取应用实例 var app = getApp()Page({ data: { currentTab: 0, grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], swiperList:[

2017-01-15 14:36:57

微信小程序 仿美团城市选择 城市切换

原来的城市选择做了一些修改.代码很简单.var city = require('../../utils/city.js');var app = getApp()Page({ data: { searchLetter: [], showLetter: "", winHeight: 0, // tHeight: 0, // bHeight: 0,

2017-01-14 15:25:39

微信小程序 倒计时

项目需要做倒计时. 黄大哥的轮子.拿来用用.表示很顺手. 代码: 1.index.wxml<text style="display: block;text-align: center;font-size: 30px;color: #f60;margin-top: 50px;"> {{clock}} {{micro_second}}</text>2.index.js 注释很清楚了.不

2017-01-10 00:26:57

微信小程序 获取session_key和openid

因为微信认证问题,登录一直放着.今天做个笔记.说说获取session_key和openid的条件1.AppID(小程序ID),需要通过微信认证;2.AppSecret(小程序密钥);3.登录时获取code;注意:即使获取到了appid,未通过微信认证,也是不能拿到code的.打印出来是这样的.获取流程:1.公众平台上找到AppID(小程序ID)和AppSecret(小程序

2017-01-05 15:59:28

微信小程序开发之城市选择器 城市切换

移动开发中城市选择器必不可少. 空白造了个.修改了一下,看这个 gif: 这里只上部分js代码:var city = require('../../utils/city.js');//欢迎关注:http://www.wxapp-union.com/portal.php//CSDN微信小程序开发专栏:http://blog.csdn.net/column/details/13721.html

2016-12-24 00:01:59

微信小程序开发之弹出菜单

周五.玩具一枚. gif: 代码: 1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 animationTran

2016-12-23 16:12:50

微信小程序开发之扫码 扫一扫 wx.scanCode()

目前分享真机无效,开放工具可用. 微信小程序开发之页面分享 onShareAppMessage 扫码真机,开发工具均可用. 真机图片如下: 仔细读了一遍文档,这个API只是调起了客户端扫码界面,扫码成功后返回对应的结果. 微信小程序中并没有提供打开链接的API.那么这个扫码是做什么用的呢?不可能像我一样扫个文字玩玩. 想象空间很大啊. API实在简单,我都不好意思写了. 想起我以前做

2016-12-21 22:07:13

微信小程序开发之页面分享 onShareAppMessage 分享参数用处

今天下午突然听到群里有人说微信小程序工具更新了,文档也更新了不少内容.顾不上吃冬至的饺子.我就冲进来了.先说分享功能,目前真机尚不能调试.开发工具上可以看看效果.后续还会更新.Page()中加上如下代码后在右上角就会出现三个小白点title:分享的标题.desc:分享一段描述.path:这个参数有点意思.以前在微信中的分享一般都是url.这里是当前页面这里应该是pages/i

2016-12-21 21:28:01

微信小程序开发之五星评分

一位同学说要写五星评分.要有半颗星的评分. 于是我做了个玩具. gif: 代码: 1.index.wxml<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) :

2016-12-13 23:53:42

微信小程序之『自定义toast』

一、微信官方默认toasttoast最常见了,几乎每个App都有这样的特效,先看下小程序自带的toast效果,立马想死的心都有了~~微信自带toast的效果: js文件:wx.showToast({ title: '成功', icon: 'success', duration: 2000})用法超级简单,但官方小程序有几个问题:只能显示success、loading两

2016-12-12 22:01:56

微信小程序开发之圆形菜单 仿建行圆形菜单

建行APP首页有个圆形菜单.仿了个玩具出来. 功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; CSDN微信小程序开发-专栏,欢迎关注! 相关技术: 1.微信小程序开发之大转盘 仿天猫超市抽奖 2.微信小程序之仿微信漂流瓶 3.微信小程序开发之

2016-12-12 12:09:38

微信小程序开发之大转盘 仿天猫超市抽奖

天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下.1.外面一圈闪烁的小球是用js控制的样式.500ms改变一次样式.简单粗暴;2.抽奖的item也是js控制背景,但是怎么样让它优雅的停下来是个问题.动画中有timingFunction可以设置速度.自己用js就没那么简单了.我这里用setI

2016-12-07 12:32:41

微信小程序开发之『侧边栏滑动』特效

侧边栏滑动是很常见的功能,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果:wxml: 第一个item1 第

2016-12-04 11:05:41

微信小程序之仿微信漂流瓶

周末找事做做.看到微信里有个漂流瓶.试着敲了敲.这里是用leancloud做后台.涉及到语音和文字的储存,查询.自己不会写后台代码,对于我算是个福利.欢迎交流!技术点:1.微信小程序开发之录音机 音频播放 动画 (真机可用)2.微信小程序开发之用户系统 一键登录 获取session_key和openid3.微信小程序开发之常见问题 不在以下合法域名列表中

2016-12-03 20:58:31

微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义

把录音的模块尝试过之后就想着微信小程序的视频播放会不会更有趣?果然,微信小程序视频自带弹幕.是不是很爽,跟我一起来看看.微信小程序开发之录音机音频播放动画(真机可用)先上gif:再上几张图:1.视频播放器2.选择弹幕颜色3.弹幕来了...1.视频播放器微信已经封装的非常好.我这里只用了很简单的几个属性

2016-11-30 01:07:12

微信小程序开发之录音机 音频播放 动画 (真机可用)

趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评!老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和

2016-11-27 00:08:53

微信小程序开发之麦克风动画 帧动画 放大 淡出

想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动画.我在 微信小程序文档 动画最下面找到这么一行字.这个锅是不是可以甩出去了?ps:如果有同学能实现动画循环,一定告诉我.② 麦克风里面是个帧动画.没有

2016-11-26 17:06:33

微信小程序开发之动画 Animation 放大 透明度

突发奇想,做个录音的模块,结果折腾到一点钟,还在做话筒的动画.最后发现微信还有bug,我也是醉了.有空再接着敲.先上gif:这还没完成,做完之后应该是水波纹的样子.无奈函数执行多次,动画只执行一次.还是先把锅甩出去.上微信开发文档的图:代码先贴上:1.index.wxml2.index.wxss/**in

2016-11-25 01:56:59

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!