自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序 - 获取html标签相对位置、宽高

微信官方文档wx.createSelectorQuery()官方代码如下:const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function (res) { res[0...

2018-12-30 10:48:29 1061

原创 小程序 - wx.pageScrollTo安卓手机上滚动异常

官方文档wx.pageScrollTo(Object object)该效果在微信开发者工具的模拟器,苹果手机上都正常滚动;但是在安卓手机上看不到正常的滚动效果,我见到过的bug有从当前位置,滚动到最顶部,再滚动到指定位置 滚动到指定距离的偏差大如果只达到指定距离,而忽略滚动效果,可以在安卓手机上避免这样的bug出现,只需要把duration设置为0(直接跳到指定位置)代码如下...

2018-12-29 17:25:02 1967

原创 小程序 - 未授权情况下获取用户头像、昵称

详情参考官方文档 开放能力 open-data.wxml文件中,获取头像、昵称代码如下:<open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>还可以获取用户微信设置的所在地区、性别等信息...

2018-12-20 18:59:31 8026

原创 小程序 - 禁止iphone手机页面下拉

小程序在安卓手机与iphone手机上展现的效果会有细微的区别,其中,iphone手机上不做任何设置的话,页面是可以整体下拉的,如图所示:解决这个问题,只需要在对应页面的.json文件添加"disableScroll": true{ "navigationBarTitleText": "个人中心", "disableScroll": true}...

2018-12-20 17:47:25 6710 3

原创 小程序 - 微信支付 & 支付完成回调

微信支付是小程序一个重要的功能,详情参考官方文档文档中必填的参数由后台人员返回给前端,通常前端携带订单号请求后台接口,换取这些参数触发支付的代码如下wx.requestPayment({ timeStamp: '', nonceStr: '', package: '', signType: 'MD5', paySign: '', success: (res...

2018-12-19 17:16:20 8766

原创 小程序 - 设置上一层页面数据 & 监听页面滑动返回上一页

设置上一层页面数据在某些场景下,我们需要在A页面进行表单的简单编辑,然后跳转(wx.navigateTo)进入B页面,进行详细的表单编辑;在B页面完成编辑后,返回A页面,将所有数据进行提交。这里需要关注的是,B页面返回A页面中,需要携带当前页面的数据,便于在A页面中使用。携带参数进入另一个页面,通常我们会使用以下的操作方式wx.navigateTo({ url: '../pa...

2018-12-19 11:42:25 7848

原创 小程序 - 微信授权登录 & 微信授权绑定手机号

用户在使用小程序时,经常需要授权登录,授权登录的作用是获取用户的基本信息,如头像、昵称以及openid等,openid可用于微信授权手机号、微信支付。微信授权登录.xhtml如下,wxLogin为自定义方法<button open-type="getUserInfo" bindgetuserinfo="wxLogin"></button>.js如下/...

2018-12-18 19:05:56 5267 3

原创 小程序 - 高德地图获取位置信息

使用流程参考微信小程序SDK |高德地图API具体阅读以下三部分1.需要在注册高德开发者账号,创建应用,选择应用类型,生成Key2.下载amap-wx.js文件,并在项目在引入var amapFile = require('../../../amap-wx.js');location () { wx.getLocation({ type: 'wg...

2018-12-18 18:14:37 1151 1

原创 小程序 - 获取扫码进入小程序携带的参数

参考文档获取二维码 - 接口 B:适用于需要的码数量极多的业务场景前端需要关注以下的文档后台开发者会将携带的参数放在scene中,演示获取scene中携带的id,代码如下onLoad: function (options) { let scene = decodeURIComponent(options.scene); console.log(scene.id);...

2018-12-18 17:55:00 5466 1

原创 小程序 - 分享功能

将小程序分享至好友或者微信群,参考文档页面事件处理函数,小程序分享原来是可以监听成功分享的回调,但是该回调事件被微信禁用了,详情可查看分享功能调整 小程序分享,可通过右上角自带的分享按钮,也可以在.xtml中使用button组件进行分享&lt;button open-type="share"&gt;分享&lt;/button&gt;可通过onShareAppMessage(O...

2018-12-18 17:30:04 6403

小程序 日历组件 ______

小程序日历组件,包含当月日历展示,上一月、下一月日期查看,回到今天等功能,代码由微信开发和工具完成。该资源包含.wxml、.css、.js文件,使用时直接引入项目,根据所需修改css样式即可。如有发现代码运行出错,请在csdn博客 https://blog.csdn.net/sinat_33184880 下留言告诉我

2019-01-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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