汉堡请不要欺负面条

一个漫长的学习之路!!!

排序:
默认
按更新时间
按访问量
RSS订阅

微信小程序开发—(十一)navigator

一.理解navigator 二.使用 1.navigator跳转页面样式分为两种一种是左上角带返回按钮跳转到新的页面,另一种不带即在本页跳转,通过控制redirect属性 跳转到navigator新页面 redirect在当前页打开 2.参数传递 在index.wx...

2017-05-05 14:05:46

阅读数 734

评论数 0

微信小程序开发—(八)canvas绘制图形

一.小知识 (1).API接口 (2).context 对象的方法列表 二.步骤 wxml中:            在js文件onLoad: function() {}的方法中开始编写代码 1.创建一个 Canvas 绘图上下文 CanvasContex...

2017-05-04 10:35:00

阅读数 12563

评论数 0

微信小程序开发—(五)弹出框

消息提示框 模态弹窗 操作菜单 1.消息提示——wx.showToast(OBJECT) //show.js //获取应用实例 var app = getApp() Page({ showok:function() { wx.showToast({ tit...

2017-05-02 17:31:33

阅读数 95848

评论数 21

微信小程序之文件类API

一.小知识 1.wx.saveFile(OBJECT):保存文件到本地。 wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths wx.saveFile({ ...

2017-05-26 15:13:24

阅读数 1052

评论数 0

微信小程序之音乐控制播放(audio的API)

一.小知识 1.wx.getBackgroundAudioPlayerState(OBJECT):获取后台音乐播放状态。 2.wx.playBackgroundAudio(OBJECT) 二.案例

2017-05-25 16:15:06

阅读数 22544

评论数 3

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

1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下....

2017-05-25 14:26:38

阅读数 572

评论数 0

微信小程序wx.getImageInfo()获取图片信息

一.知识点 二.列子 (1).加载时 图片的大小:{{imgwidth}}px*{{imgheight}}px var app = getApp() Page({ data: { tempFilePaths: '../up...

2017-05-25 13:58:14

阅读数 27083

评论数 5

微信小程序wx.previewImage预览图片

二.例子 (1)网络的图片 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left; width:45%; height:200px;...

2017-05-25 12:08:46

阅读数 87829

评论数 13

微信小程序--后台交互/wx.request({})方法/渲染页面方法 解析

小程序的后台获取数据方式get/post具体函数格式如下:wx.request({}) data: { logs:[] }, onLoad:function(){ this.getdata(); } getdata:function(){//定义函数名称 var that=th...

2017-05-25 11:02:54

阅读数 4018

评论数 0

微信小程序开发—(十七)animation API(2)

上面微信小程序开发—(十七)animation API,我们了解到animation使用。现在我们来了解下关于动画的机制。 不管是位移,缩放,旋转,可能都会涉及到三个轴,那就是x,y,z,轴,这三个轴大致这样的如下图  x轴是水平的,y轴在垂直方向上,而z轴,是"指向我们的方...

2017-05-19 10:10:08

阅读数 299

评论数 0

微信小程序开发—(十七)animation API

wx.createAnimation(object) 看官方介绍 1.创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。 2.调用动画操作方法后要调用 step() 来表示一组动画完成,可以在一...

2017-05-19 09:54:46

阅读数 1301

评论数 0

微信小程序开发模拟下拉菜单

一.知识点 1.实现动态显示和隐藏某个控件 列表1 data:{ open:false }, showitem:function(){ this.setData({ open:!this.data.open }) }, .dis...

2017-05-18 10:44:43

阅读数 1893

评论数 0

微信小程序开发—(十六)video视频播放

一.知识点 二.操作 1.wxml 播放 暂停 获取视频 发送弹幕 监听button点击事件:点击显示视频组件 2.js var util = require('../../utils/util.js') function getRand...

2017-05-17 13:42:16

阅读数 4338

评论数 2

微信小程序开发—(十五)audio音频播放

一.知识点 (1).audio为音频组件,我们可以轻松的在小程序中播放音频。 整理下就是: (2).API 1.wx.createAudioContext(audioId):创建并返回 audio 上下文 audioContext 对象  audioContext...

2017-05-17 10:49:51

阅读数 1741

评论数 0

微信小程序开发—(十四)表单验证2

一.知识点 1.是否为空 if(e.detail.value.userName.length==0||e.detail.value.psw.length==0||e.detail.value.tel.length==0){ this.setData({ ...

2017-05-16 17:16:38

阅读数 593

评论数 0

微信小程序开发—(十四)表单组件1

一.小知识 1.表单,将组件内的用户输入的 提交。当点击 表单中 formType 为 submit 的 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。 2.picker 从底部弹起的滚动选择器,现支...

2017-05-16 16:45:20

阅读数 475

评论数 0

微信小程序开发—(十三)可滚动视图区域 scroll-view

一.知识点 可滚动视图区域 scroll-view 使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。 1.index.wxml vertical scroll竖直方向 click me t...

2017-05-16 14:52:07

阅读数 3963

评论数 0

微信小程序开发—(十二)列表

一.知识点 (一).列表渲染 wx:for tip:wx:for=“array”可以等于参数名,在js中调用 Page({ data:{ array: [{name: '小李'},{ name: '小高'}]}  }),获取值;也可以直接把wx:for="{{[1, 2, ...

2017-05-12 16:49:27

阅读数 420

评论数 0

微信小程序image图片自适应宽度比例显示的方法

一.了解image组件 由于image有默认的固定的宽度和高度,这样我们在做图片自适应的时候,就不好做了。下面就来一起解决下 二.方法 (一).使用mode:widthFix widthFix:宽度不变,高度自动变化,保持原图宽高比不变。 首先我们先设置image的mode为widthFix,...

2017-05-05 16:52:43

阅读数 65457

评论数 4

微信小程序尺寸单位rpx以及样式相关介绍

一.rpx单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 设备 ...

2017-05-05 16:30:23

阅读数 792

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭