前端御书房

支付功能是一个很常用且很重要的功能。可以用于支付的支付平台也有很多，比较常见的有微信支付、支付宝支付以及各大银行的支付方式。本篇文章仅说明微信支付和支付宝支付在前端方面需要做的一些常见的工作。在支付功能的实现过程中，前端需要做的工作比后端来说要少一些。支付功能的具体业务实现的重点在后端，前端需要做的就是把后端处理后的数据通过各大支付平台的api发送请求即可。本文所介绍的支付功能都需要在对应的支付开放平台申请之后才能使用具体请看对应的平台的说明。

上传图片是小程序常见的功能，例如点评类小程序邀请用户分享照片、电商类小程序要求商家上传商品照片。伴随着照片像素越来越高，图片体积越来越大，小程序开发者需要压缩图片，否则将导致用户上传图片失败或加载时间过长等影响体验的情况。小程序提供 wx.chooseMedia、wx.canvasToTempFilePath、wx.compressImage 3 个图片类接口，便于开发者在不同应用场景下处理图片。除此以外，这 3 个接口的巧妙结合能够满足更多元化的图片压缩需求。下面就来看看怎样使用吧！

使用cover-view，cover-view比原生组件的层级更高，或者说也是一种原生组件，不过在cover-view的子组件只能是coveri-view、cover-image，对于包含其他组件的弹框并不适用。背景：web-view中的支付页面，点击支付，跳转到小程序的支付页面，支付后返回到后端返回的web-view的url指定的页面，然后当用户点击返回时，从该页面返回到小程序首页。在小程序中使用原生的表单组件时，在有弹出框出现的情况下，原生表单组件会出现在遮罩层上面，且会造成事件穿透的情况。

删除无用代码、资源文件开启按需加载组件分包初始渲染缓存提前请求数据在onLoad或更早发起请求使用本地缓存。

写作背景在开发商城小程序时需要显示用户头像、昵称、手机号等信息以便后续业务的实现，因此需要通过微信小程序的API采集用户数据，由此进行总结。在微信小程序中获取用户信息可以通过这几种方式获取，getUserInfo、getUserProfile、open-data组件、button的open-type属性，接下来分别对这些方法进行介绍。

在父组件中引入behaviors注册为descendant即后代组件，target表示子节点所包含的behaviors，只要组件中的behaviors中含有parent就都会被关联为子组件。在子组件中引入父组件路径作为键，并配置type说明引入的组件是什么类型，parent表示父组件，即./parent/index路径的组件是当前组件的父组件。在父组件中引入子组件的路径作为键，并配置type说明引入的组件是什么类型，child表示子节点，即./child/index路径的组件是当前组件的子组件。

微信小程序：实现长按识别二维码，持续更新中……

自定义tabbar在项目根目录下创建custom-tab-bar文件夹，在该文件夹下创建组件自定义tabbar作为一个自定义组件进行构建。构建完毕后在app.json中的tabBar选项中配置custom，并配置完整的list选项。"tabBar": { "color": "#000", "selectedColor": "#d8e106", "list": [{ "pagePath": "pages/tabbar/index/index", "