微信小程序把玩

微信小程序把玩（二十七）audio组件

音频播放已经封装的很好！只需配合属性设置即可！（method和data配合使用）主要属性：wxml播放暂停调为1倍速调为0.5倍速jsPage({data:{//text:"这是一个页面"action:{method:''}},audioPlay:function(){this.setData({action:{method:'play'}})},audioPause:function(){thi
_RTFSC_·2022-06-23 07:28

微信小程序把玩（二十一）switch组件

switch开关组件使用主要属性：wxmlswitch类型开关checkbox类型开关jsPage({data:{//text:"这是一个页面"},/***switch开关监听*/listenerSwitch:function(e){console.log('switch类型开关当前状态-----',e.detail.value);},/***checkbox类型开关监听*/listenerChe
顺子_RTFSC·2020-09-15 11:21

微信小程序把玩（三十一）wx.uploadFile(object), wx.downloadFile(object) API

反正我是没有测通这两个API！！！！不知道用的方式不对还是其他的！！！先记录下回头再说。。。主要方法：wx.uploadFile(OBJECT)上传wx.downloadFile(OBJECT)下载wxml下载图片jsPage({data:{//text:"这是一个页面"resource:''},onLoad:function(options){//页面初始化options为页面跳转所带来的参数}
顺子_RTFSC·2020-09-14 04:14

微信小程序把玩（十六）form组件

form表单组件是提交form内的所有选中属性的值，注意每个form表单内的组件都必须有name属性指定否则提交不上去，button中的type两个submit，reset属性分别对应form的两个事件主要属性：wxml{{item.value}}提交重置jsPage({/***初始化数据*/data:{items:[{name:'JAVA',value:'Android',checked:'tr
顺子_RTFSC·2020-09-10 18:51

微信小程序把玩（八）view组件

刚看到这个效果的时候还真是和ReactNative的效果一致，属性也基本的一样.view这个组件就是一个视图组件使用起来非常简单。主要属性：flex-direction：主要两个特性”row”横向排列”column”纵向排列justify-content主轴的对齐方式（如果flex-direction为row则主轴就是水平方向）可选属性(‘flex-start’,‘flex-end’,‘cente
顺子_RTFSC·2020-08-26 23:51

微信小程序把玩（三十二）Image API

选择图片时可设置图片是否是原图，图片来源。这用的也挺常见的，比如个人中心中设置头像，可以与wx.upLoadFile()API使用主要方法：wx.chooseImage(object)wxml点击我选择相册jsPage({data:{//text:"这是一个页面"source:''},/***选择相册或者相机配合上传图片接口用*/listenerButtonChooseImage:function
顺子_RTFSC·2020-08-18 22:07

微信小程序把玩（二十三）modal组件

modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml弹出modal您是否真的要退出应用jsPage({data:{//text:"这是一个页面"hiddenModal:true},listenerButton:function(){this.setData({hiddenModal:!this.data.hiddenModal})},liste
顺子_RTFSC·2020-08-18 22:06

微信小程序把玩（七）数据绑定

数据绑定有一部分前几个看着还行，后面的几个可能有几个不理解，界面展示的数据有的也因为条件没法显示。看不懂的可以先记着，后面真正用到时就会明白，反正我是这样想的。这里先记录下data.wxml{{message}}组件属性控制属性三元运算符我是运算结果---{{a+b}}+{{c}}+d5}}">asdf{{"Hello"+name}}{{item}}data.jsPage({data:{//内容绑
顺子_RTFSC·2020-08-18 03:22

微信小程序把玩（三十八）获取设备信息 API

获取设备信息这里分为四种，主要属性：网络信息wx.getNetWorkType,系统信息wx.getSystemInfo,重力感应数据wx.onAccelerometerChange,罗盘数据wx.onCompassChangewxml获取网络类型获取设备信息监听重力感应数据监听罗盘数据jsPage({data:{text:"Pagesystem"},onLoad:function(options
顺子_RTFSC·2020-08-14 08:49

微信小程序把玩（十一）icon组件

这些是提供的所支持的图标样式，根据需求在此基础上去修改大小和颜色。主要属性：使用方式：wxml
顺子_RTFSC·2020-08-11 23:21

微信小程序把玩（八）view组件

view弹性框模型分为弹性容器以及弹性项目。当组件的display为flex或inline-flex时，该组件则为弹性容器，弹性容器的子组件为弹性项目。flex-direction:rowflex-direction:columnjustify-content:flex-startjustify-content:flex-endjustify-content:centerjustify-conte
1223688·2020-08-01 02:17

微信小程序把玩（三十六）Storage API

其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志，数据存储主要分为同步和异步异步存储方法：存数据wx.setStorage(object)相同key会覆盖，可写回调方法获取方法：wx.getStorage(object)清除方法：wx.clearStorage()里面可以写回调函数成功，失败，完成同步存储方法：存数据相同key会覆盖wx.setStorageSync(key
顺子_RTFSC·2020-08-01 02:55

微信小程序把玩（三十三）Record API

其实这个API也挺奇葩的，录音结束后success不走，complete不走，fail也不走，不知道是不是因为电脑测试的原因，只能等公测或者等他们完善。以后再测和补充吧！！！！主要属性：wx.startRecord(object)手动调用wx.stopRecord()停止录音wxml{{formatRecordTime}}开始录音结束录音jsvarutil=require('../../../ut
顺子_RTFSC·2020-08-01 02:55

微信小程序把玩（十八）picker组件

picker选择器分为三种，普通选择器，时间选择器，日期选择器用mode属性区分，默认是普通选择器。测试时时间和日期点击无反应不知道是BUG还是啥！没法手机测试现在也不知道咋回事！！主要属性：普通选择器时间选择器日期选择器wxml普通选择器{{array[index]}}时间选择器{{time}}日期选择器{{date}}jsPage({data:{//text:"这是一个页面"array:['A
顺子_RTFSC·2020-08-01 02:55

微信小程序把玩（二十四）toast组件

toast消息提示框，可用在提示一些信息，比如清楚缓存给用户一个友好的提示！或操作一些请求不想让用户有什么操作，toast也可以做到因为toast显示时其他操作是无效的主要属性：wxml点击显示toastOK!jsPage({data:{//text:"这是一个页面"hiddenToast:true},/***监听button点击事件*/listenerButton:function(){this
顺子_RTFSC·2020-07-31 12:02

微信小程序把玩（十）swiper组件

Android写过轮播图的痛楚只有写过的知道，相对还是比较麻烦的，并没有一个轮播图组件，有个ViewPage也需要自己定制，IOS则多用UIScrollerView去实现，这个swiper封装的相对还是方便的，使用方式也相对那俩容易些。主要属性：属性只需要设置就行了也可以抽到js文件的data中进行数据绑定，监听使用bindchange，在js中做业务处理。wxmljsPage({data:{//
顺子_RTFSC·2020-07-29 06:32

微信小程序把玩（三十九）navigation API

演示效果也看到了小程序也就提供这几个处理导航控制。值得注意的是只能同时导航五个页面主要属性：导航条一些方法wx.setNavigationBarTitle(object)设置导航条的Title导航标题可以通过三种方式设置，第一种是通过全局配置名字统一，第二种就是在page中新建个json文件配置它会覆盖全局配置的title，第三种就是通过API设置。wx.showNavigationBarLoad
顺子_RTFSC·2020-07-13 16:47

微信小程序把玩（四十一）canvas API

绘图是每个移动应用必备的技术，基本上和Android，IOS，等移动开发都是相同的，创建个上下文，给你个画布再上画，官网给的小例子都比较全了自己去看吧，drawImage时没有反应不知道是BUG还是电脑不能测试待定，http://wxopen.notedown.cn/api/api-canvas.html屏幕就像是数学上的坐标轴，且在第四象限，以屏幕左上角为圆点，X轴向右为正向左为负，Y轴向下为正
顺子_RTFSC·2020-07-12 04:04

微信小程序把玩（四十）animation API

动画水还是比较深的，这里只是简单介绍下小程序中动画的一些属性和注意事项，做动画前一定要整理好思路将动画一步步分解，再进行组合！这里只做引入。wx.createAnimation(object)看官方介绍1.创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。2.调用动画操作方法后要调用step()来表示一组
顺子_RTFSC·2020-07-12 04:33

微信小程序把玩（二十九）video组件

视频播放组件与图片加载组件也没啥差别，使用起来也没啥注意的重要属性：wxml点击显示视频组件jsPage({data:{//text:"这是一个页面"hiddenVideo:true},/***监听视频加载错误状态*/listenerVideo:function(e){console.log(e.detail.errMsg);},/***监听button点击事件*/listenerButton:f
顺子_RTFSC·2020-06-27 09:11

微信小程序把玩（十九）radio组件

radio组件为单选组件与radio-group组合使用，使用方式和checkbox没啥区别主要属性：wxml{{item.value}}jsPage({data:{array:[{name:'Jave',value:'Android',checked:'true'},{name:'Object-C',value:'IOS'},{name:'jsx',value:'ReactNative'},{n
顺子_RTFSC·2020-06-27 09:10

微信小程序把玩（五）页面生命周期

这里只要熟悉页面的基本生命周期即可，业务在指定生命周期函数内书写。以下是官网给出的生命周期函数方法和状态图上面的生周期函数图对于做Android或者IOS的来书理解起来应该不是难事，具体怎么掌握只有慢慢尝试和摸索代码处理:这里的代码主需要对使用创建项目时index目录下文件处理下就行,至于跳转后的页面用的还是logs不需要更改！下面贴下代码注释也比较详细index.wxml{{motto}}ind
顺子_RTFSC·2020-06-27 09:10

微信小程序把玩（十五）checkbox组件

不得不吐糟下checkbox默认样式真是有点略丑！！！checkbox组件为一个多选框被放到checkbox-group组中，并在checkbox-group（只能包含checkbox）中设置监听事件。checkbox-group监听方法：checkbox多选属性：wxml{{item.value}}jsPage({/***初始化数据*/data:{items:[{name:'JAVA',valu
顺子_RTFSC·2020-06-27 09:10

微信小程序把玩（二十八）image组件

image组件也是一个程序不可缺少的，可以这样说一个app中image组件随处可以看到，一般image有两种加载方式第一种是网络图片第二种是本地图片资源，都用src属性去指定。重点属性：三种缩放模式九种剪切方式wxmlaspectFit保持纵横比缩放图片，只保证图片的短边能完全显示出来bottom不缩放图片，只显示图片的底部区域left不缩放图片，只显示图片的左边区域topright不缩放图片，只
顺子_RTFSC·2020-06-27 09:10

微信小程序把玩（九）scroll-view组件

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块主要属性：使用演示：wxml
顺子_RTFSC·2020-06-27 09:10

微信小程序把玩image的13中mode

mode有效值：mode有13种模式，其中4种是缩放模式，9种是裁剪模式image组件也是一个程序不可缺少的，可以这样说一个app中image组件随处可以看到，一般image有两种加载方式第一种是网络图片第二种是本地图片资源，都用src属性去指定。重点属性：这里写图片描述三种缩放模式这里写图片描述九种剪切方式这里写图片描述wxmlaspectFit保持纵横比缩放图片，只保证图片的短边能完全显示出来
大豆博文·2020-06-25 17:58

微信小程序组件探究和应用

1111.jpg把玩微信小程序组件微信小程序把玩《二》：页面生命周期，模块化，数据绑定，view组件微信小程序把玩《三》：scroll-view组件，swiper组件，icon组件微信小程序把玩《四》：
极乐叔·2019-12-25 08:45

微信小程序把玩（十七）input组件

input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多，有需要自己慢慢测，尝试主要属性：wxml登录jsPage({/***初始化数据*/data:{phone:'',password:'',},/***监听手机号输入*/listenerPhoneInput:function(e){this.data.phone=e.detail.value;
顺子_RTFSC·2016-09-26 10:02
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他