微信小程序
关注
分享
扫一扫
weixin_41991473
忠实诚信,讲原则，说到做到，决不推卸责任；有自制力，做事情始终坚持有始有终，从不半途而废；肯学习,有问题不逃避,愿意虚心向他人学习；自信但不自负,不以自我为中心；平易近人。为人诚恳,性格开朗,积极进取,适应力强、勤奋好学、脚踏实地，有较强的团队精神,工作积极进取,态度认真
展开
-
微信小程序同一页面的取值
1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。实例： js里得值：data{schoolName:"清华大学"}wxml里获取：<view class="texts">{{schoolName}}</view>2.js里数组或是集合在wxml里的取值方法：js里将该集合或数组定义为全局变量，在wxml里采用for...原创 2018-04-15 11:27:48 · 1612 阅读 · 0 评论 -
微信小程序之利用微信内置地图查看已定位的位置
获取到经纬度后，调用 wx.openLocation({ })方法即可：实例如下：js： data: { longitude:106.49626 , dimension:29.59921,},address: function () { var that = this; wx.openLocation({ latitude: parseFloat(that.data.d...原创 2018-06-20 18:57:57 · 2770 阅读 · 0 评论 -
微信小程序客服功能
微信小程序客服功能的实现只需进行如下操作：1.登录微信公众平台 ——>启动小程序客服推送 ——>点击客服消息打开 ——>添加客服人员2.在微信小程序端调用 contact-button 接口即可具体如下：<contact-button type="default-light" size="20" session-from="weapp" ></contac..原创 2018-06-14 14:55:18 · 3704 阅读 · 0 评论 -
微信小程序之拨打电话
微信小程序拨打电话功能的实现是采用wx.makePhoneCall具体方法如下：.wxml<view>电话：15888888888</view><view data-ph='15888888888' bindtap='callPhone'></view>.js callPhone: function (e) { var phone = e.cu...原创 2018-06-22 12:02:15 · 4213 阅读 · 0 评论 -
微信小程序之滚动选择器（picker）
滚动选择采用的是picker组件，具体使用方法如下：实例1：Page({js:data:{pickerList:[ { id:1 , name: picker01},{ id:2 ,name: picker02},{ id:3 ,name: picker03},{ id:4 ,name: picker04},],pickerListIdx:0,}bindPicker: function (e) {...原创 2018-06-26 15:48:37 · 3424 阅读 · 0 评论 -
微信小程序之小程序审核
小程序审核时间慢或是审核不通过，不要慌！可从以下去找问题：1.帐号基本信息1.1小程序名称、简介、logo、服务范围、服务标签、帐号基本信息文字均不得： （1）侵犯他人权益（著作权、商标权、肖像权、名誉权等）。包括但不限于，使用或包含不属于该小程序主体的品牌或商标、标识等内容或与之相似的内容、信息、特殊角标。示例：检查名称、简介中是否含有该小程序不属于该帐号的权益。 （2）含有商业化用语的、热...转载 2018-07-06 11:12:35 · 5766 阅读 · 1 评论 -
微信小程序之提示框弹框
1.显示消息提示框，长度不超过12个字节，即6个汉字 wx.showToast({ title: '演示1', }) 2.显示loading提示框，主动调用wx.hideLoading()才能关闭wx.showLoading({title: '演示2',})wx.hideLoading(); 3.显示模拟弹...原创 2018-07-19 20:49:26 · 10061 阅读 · 0 评论 -
微信小程序之图片保存
微信小程序保存图片分为两步：1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。即：调用函数wx.downloadFile({}) 2.保存图片到系统相册。即：调用函数wx.saveImageToPhotosAlbum({}) 具体代码如下：.wxml<button data-image='{{图片路径}}' bin...原创 2018-07-25 14:44:54 · 3901 阅读 · 0 评论 -
微信小程序之分享页面
用户点击分享执行onShareAppMessage函数即可：实例如下：分享分为两种：1.微信小程序自带的页面分享 2.自己页面写的分享按钮：<button open-type="share">点击分享</button> 它们共同调用Js如下：onShareAppMessage: function (r...原创 2018-08-02 17:55:50 · 4070 阅读 · 0 评论 -
微信小程序之一键连接wifi
在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifi Wi-Fi 接口调用：1.Android： startWifi —> connectWifi —> onWifiConnected2.iOS（仅iOS 11及以上版本支持）：startWifi —> connectWifi —> onWifiConnected 操作步骤如下：...原创 2018-08-24 15:23:07 · 15893 阅读 · 7 评论 -
微信小程序选择按钮
1.单选：radio实例：js:Page({data : {radioId:"",loves:[{id:1， name:"跑步" ，checked : 'true'},{id:2， name:"篮球" },{id:3， name:"足球" },]},updataRadio:function(e){var Id=e.value.idthis.setData({radioId:Id})},})wxml...原创 2018-04-15 15:45:24 · 2826 阅读 · 0 评论 -
微信小程序数组操作
对数组的增加concat()/修改 /删除splice()/清空实例：jsPage({data:{Lists:[{ id:1, name:"北京大学"，array: 2},{ id:2, name:"天津大学"，array: 3},{ id:3, name:"湖南大学"，array: 4},]},//数组增加一个数组addArray : function(){var newArray=...原创 2018-04-16 13:38:28 · 15007 阅读 · 0 评论 -
微信小程序计算两点间的距离
获取经纬度 getLocation: function () { var that = this; wx.getLocation({ success: function (res) { if (res != undefined && res != null) { this.setData({ lati...原创 2018-04-17 14:18:52 · 6670 阅读 · 0 评论 -
微信小程序页面跳转
1.保留当前页面，跳转到应用内另一个页面：wx.navigateTo({ url: '页面路径', }) 实例： pageSkip :function(){ wx.navigateTo({ url: '/page/admin/details', }) },2.关闭当前页面，返回到上一级或多级页面：wx.navigateBack({ url: '页面路径...原创 2018-04-13 11:40:44 · 3697 阅读 · 0 评论 -
微信小程序弹框
1.提示框：wx.showToast实例：wx:showToast({title:'马上开始'})2.显示加载: wx.showloading 关闭提示:wx.hidelading 两个需配合使用实例：wx:showloading({title:'正在加载'})setDoun(function(){wx.hidelading()2000},)3.模态弹框: wx.showModal wx.sh...原创 2018-04-18 20:38:49 · 772 阅读 · 0 评论 -
微信小程序页面间传值
1.js页面间的传值：url: ' 路径 ? 值='+ 获取该页面取值,实例1： pageSkip :function(){ wx.navigateTo({ url: '/page/login/facte?shopsName='+this.data.shopsName, }) },实例2： pageSkip :function(){ w...原创 2018-04-13 12:15:22 · 324 阅读 · 0 评论 -
微信小程序页面取值
微信小程序js接受页面传值的方法：1.本页面参数名为局部变量：onLoad: function (options) { var 本页面参数名=options.上一传值页面参数名},实例： onLoad: function (options) { var shopsName=options.shopsName },2.本页面参数名为全局变量：onLoad: function (o...原创 2018-04-13 12:57:05 · 5024 阅读 · 0 评论 -
微信小程序赋值方法
1.微信小程序将值赋值给局部变量: "="实例：var name=options.goodsName2.微信小程序将值赋值给全局变量: "=" 或 this.setData({ })实例：this.data.goodName=options.goodsName this.setData({ goodName: options.goodsName })3.微信小程序将局部变量赋值给...原创 2018-04-13 13:29:05 · 23920 阅读 · 0 评论 -
微信小程序页面跳转之wx.navigateBack
wx.navigateBack关闭当前页面，返回上一页面或多级页面。使用方法详解：方法名: function () { var pens = getCurrentPages(); var twoPen = pens[pens.length - 页面层级]; twoPen.delelPen();（上级页面里的刷新方法） wx.navigateBack({ ...原创 2018-04-13 17:44:57 · 4583 阅读 · 1 评论 -
获取打开微信小程序设备的屏幕尺寸
获取尺寸jsPage({data:{ windowHeight: '', windowWidth: '',}onLoad: function (options) { wx.getSystemInfo({ success: function (res) { console.log(res); // 屏幕宽度、高度 console.log('h...原创 2018-04-19 16:34:37 · 11065 阅读 · 0 评论 -
微信小程序之悬浮拖动框
1.微信小程序悬浮拖动页面DargDarg.jsPage({data:{top : ' ' ,left : ' ',windowWidth:'',windowHeight:''} //拖动不超过规定范围 setTouchMove: function (e) { console.log("---------------- e.touches[0].clientX------------...原创 2018-04-19 17:50:46 · 12413 阅读 · 3 评论 -
微信小程序绘制表格
表格的绘制jsPage({data:{ infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",tb1:"0",tb2:"0",tb3:"0",tb4:"0",endwise2: "跑步",tc1:"0",tc2:"原创 2018-05-09 11:18:03 · 3143 阅读 · 0 评论 -
微信小程序之一键复制
微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能微信小程序中复制一般采用调用 wx.setClipboardData 接口实现功能如下：1，.wxml里写一个复制按钮 <button bindtap="copy"> 一键复制 </button>2, .js里写复制功能 copy: function (e)...原创 2018-09-07 10:31:42 · 6138 阅读 · 0 评论