dzp_coder-CSDN博客

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

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

2017-04-01 09:49:36 7171 1

原创微信小程序引入es6 promise

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

2017-03-06 12:47:09 41217 10

原创微信小程序仿美团分类菜单 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 20247 3

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

原来的城市选择做了一些修改.代码很简单.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 25409 4

转载微信小程序倒计时

项目需要做倒计时. 黄大哥的轮子.拿来用用.表示很顺手. 代码: 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 27083 8

原创微信小程序获取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 61513 4

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

移动开发中城市选择器必不可少. 空白造了个.修改了一下,看这个 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 9630 2

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

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

2016-12-23 16:12:50 7975 3

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

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

2016-12-21 22:07:13 44586 26

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

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

2016-12-21 21:28:01 152507 24

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

一位同学说要写五星评分.要有半颗星的评分. 于是我做了个玩具. 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 32457 7

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

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

2016-12-12 22:01:56 7414

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

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

2016-12-12 12:09:38 18026 4

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

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

2016-12-07 12:32:41 27741 5

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

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

2016-12-04 11:05:41 35419 10

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

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

2016-12-03 20:58:31 38426 17

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

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

2016-11-30 01:07:12 30641 4

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

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

2016-11-27 00:08:53 41977 16

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

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

2016-11-26 17:06:33 24867 3

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

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

2016-11-25 01:56:59 24527 2

原创使用Fiddler抓取数据包安装配置

今天尝试了用fidder抓取Android应用的数据包,挺靠谱的.笔记.第一步:下载安装fidder我比较懒,直接在360软件管家里面下载的.只有5M,我发誓我没拿360的广告.哈哈第二步:配置参数1. tool -> fidder options 2.设置connectionsfidder listens onpart:8888 勾选 al

2016-11-24 18:27:31 1062

原创 Android开发四大组件是否运行在主线程中?

Android的四大组件是不是运行在主线程中?打了log,做个笔记.先上图:图没有说服力,因为log是我写的.哈哈.1.activity在onCreate()里面打印当前的线程的id和name@Override protected void onCreate(Bundle savedInstanceState) { super.onCrea

2016-11-23 12:59:06 7489 3

原创微信小程序开发之下拉刷新上拉加载

微信小程序中的下拉刷新,上拉加载的功能在所难免,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善.上gif:原理: scroll-view中有监听滑动的方法,这个跟android类似.其中用到了滑动到顶部,滑动到底部的方法.1.下拉刷新,在滑动到顶部时,bindscrolltoup

2016-11-23 00:02:50 25551 6

原创 Android开发 support V4 更换

换了新的类库,support v4重复,删掉类库中的v4包后monkey跑起来.结果就报错了.log: java.lang.NoSuchMethodError: No static method checkSelfPermission(Landroid/content/Context;Ljava/lang/String;)I in class Landroid/support/v4/cont

2016-11-17 10:24:20 4836

原创微信小程序开发之用户系统一键登录获取session_key和openid

思来想去不愿自己的微信小程序是个单机版本.自己又不会写后台.现在借助leancloud可以实现微信小程序一键登录功能.尝试后,做笔记.第一步:下载av-weapp.js,放到utils下.第二步:使用 const AV = require('../../utils/av-weapp.js');路径根据具体情况而定.第三步:做初始化. AV.init({ appId:

2016-11-17 00:53:44 38030 5

原创微信小程序开发之常见问题不在以下合法域名列表中 wx.request合法域名配置

加上了appid,麻烦事就来了.问题:xxx不在以下合法域名列表中 ,请参考文档解决方法:去微信公众平台配置域名.注意:1.一个月申请修改的次数3次,且行且珍惜.我这个月只有一次机会了.2.必须是HTTPS. HTTPS SSL证书目前正在学习微信小程序开发,欢迎讨论.我的博客:http://blog.

2016-11-17 00:15:50 34561 2

原创微信小程序开发之拖拽 image 触摸事件监听

需要做个浮在scroll-view之上的button.尝试了一下.上GIF:Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标.1.index.wxml 简单的设置一张图片,添加触摸事件监听.点击事件监听.根据触摸事件获取X Y位移,设置为image的位置2.index.js//index.

2016-11-15 18:57:46 16052 14

原创微信小程序开发之图片等比例缩放获取屏幕尺寸图片尺寸自适应

早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记.老规矩,先上图.1.图片高宽比小于屏幕高宽比2.图片高宽比大于屏幕高宽比3.这种其实也是图片高宽比小于屏幕高宽比,但是高宽都大于屏幕高宽.所以不能简单用高宽来判断

2016-11-11 12:48:13 78942 13

原创微信小程序开发之音乐播放器真机测试 audio API

简单的试了试播放器,还是有不少坑的.开始在模拟器上跑,一直没有声音,总是刚开始播放就暂停.做个笔记.准备资源:音乐图片地址:http://ac-5g9r20ds.clouddn.com/63bedb5f584234b6827c.jpg音乐mp3地址:http://ac-5g9r20ds.clouddn.com/e54ad7f0a834b9c07ec6.mp3我用leancloud做

2016-11-09 17:27:33 19021 9

原创微信小程序开发之选择器时间选择器日期选择器地区选择器

用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器.上gif:上代码:1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { date: '2016-11-08', time: '12:00', array: ['中国',

2016-11-08 17:33:10 29393 2

原创微信小程序开发之真机测试地图定位 map API 无法获取当前位置的问题

今天做到地图定位的模块.模拟器肯定是获取不到位置的.下面为真机测试结果.上图:经纬度不说了.定位用的,我这里直接输入的数字定位.但是有许多问题下图中scale是缩放比例,这个属性目前无效.后期微信团队应该会修复.毕竟现在刚开始公测.这样就导致我不管怎么修改scale,我的地图都是在默认的缩放比例.如上图.markers中的rotate是图标的旋转角度.如果需

2016-11-08 11:23:24 14124 2

原创微信小程序开发之本地图片上传(leancloud)

将本地图片上传至leancloud后台.获取本地图片或者拍照,我在上一篇博文中写过.这里就不说了.我的博客直接上代码:1.index.js//index.js//获取应用实例var app = getApp()const AV = require('../../utils/av-weapp.js');Page({ data: { temp

2016-11-02 23:58:35 34620 8

原创微信小程序开发之从相册获取图片使用相机拍照本地图片上传

今天遇到微信小程序的用户头像设置功能,做笔记.先上gif:再上代码:小demo,代码很简单.1.index.wxml获取图片2.index.js//index.js//获取应用实例var app = getApp()Page({ data: { tempFilePaths: '' }, onLoad: function () {

2016-11-02 23:08:51 59792 22

原创微信小程序开发之数据存储参数传递数据缓存

微信小程序开发内测一个月.数据传递的方式很少.经常遇到页面销毁后回传参数的问题,小程序中并没有类似Android的startActivityForResult的方法,也没有类似广播这样的通讯方式,更没有类似eventbus的轮子可用.现在已知传递参数的方法只找到三种,先总结下.由于正处于内测阶段,文档也不是很稳定,经常修改,目前尚没有人造轮子.先上GIF:1.APP.js我

2016-11-02 10:24:31 37212 2

原创微信小程序开发之保留小数(toFixed) 四舍五入获取整数 string转int

今天遇到了不少问题,问题虽小,还是得做个笔记.1.保留小数点后几位小数.方法很简单.toFixed()即可.括号内的数字表示保留的位数.如果是整数,就会不上0特别注意:这方法返回的是String,我开始不知道,拿着返回值去做加法,折腾半个小时都是拼字符串,问了黄秀杰大神才知道搞错了.然后用parseInt()转换类型才拿到值.2.获取几位数 toPr

2016-10-29 00:49:13 70581 2

原创微信小程序开发之画布canvas 饼状图

微信小程序开发的时候会遇到统计功能的开放.今天想做一个饼状图,群里有朋友造了轮子,我整理了一下,加了一些注释,分享出来.先说说canvas:1.微信里面canvas标签默认宽度300px、高度225px,可自行修改.2.同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作;不懂的

2016-10-27 12:26:04 18444 8

原创微信小程序开发之选项卡(窗口顶部TabBar)页面切换

微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml 哈哈呵呵嘿嘿我是哈哈我是呵呵我是嘿嘿

2016-10-23 11:53:26 105380 62

原创微信小程序开发之选项卡(窗口底部TabBar)页面切换

微信小程序开发中窗口底部tab栏切换页面很简单很方便.代码:1.app.json//app.json{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgro

2016-10-23 11:02:13 31863 4

原创微信小程序开发之吐司toast(消息提示框)

做Android的时候对toast是很熟悉的.微信小程序开发中吐司也是重要的消息提示方式.上代码:1.index.wxmltoast是微信提供的组件,duration是延迟时间,单位毫秒.这里设置是1000ms.bindchange是事件.在index.js中触发事件即可. {{toastText}} 2.index.js先在data中定义参数,to

2016-10-19 12:46:00 18004

原创微信小程序开发之网络请求(POST请求)

微信小程序开发中网络请求必不可少.GET.POST请求是最常用的.GET请求POST请求的时候有好几个坑.我已经为大家填好了.wx.request({ url: 'test.php', data: { x: '' , y: '' }, method: "POST", header: { 'Content-Type': 'application

2016-10-17 16:08:30 100514 21