微信小程序开发

准备工作 1. 打开小程序后台-开发管理-接口设置 开通wx.chooseLocation接口 小程序管理后台 2. 打开腾讯地图-控制台-我的应用 创建应用并增加key 腾讯地图官网 启用产品选择W

使用步骤 1. 下载所需依赖包并构建npm npm i axios@0.18.1：下载axios包。适配器对axios版本强制要求最高只支持0.19.x版本。 npm i axios-miniprog

注意事项 在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包

project.config.json的配置 miniprogramRoot：指定小程序源码的目录地址。相对地址下一级src/不需要加./。 packNpmManually：是否开启自定义构建npm目

wx.uploadFile() 常用参数 url：开发者服务器地址。 filePath：要上传文件资源的路径 (本地路径或者网络路径，如微信返回的临时链接)。 name：文件对应的key（后端提供）。

mobx-miniprogram 注意： 只有在Component自定义组件中才能使用mobx-miniprogram。 创建Store对象 observable 用于创建一个被检测的对象，对象的属性

this.selectComponent() 获取子组件 实例 数据(包括data和properties) 方法。 示例

常用方法 npm install pubsub-js通过npm下载pubsub-js包并进行构建npm。 使用时需要导入import PubSub from 'pubsub-js'。 PubSub.p

方法 EventChannel.emit(string eventName, any args)：触发一个事件。发射事件，当前页面可以向被打开页面发射，被打开页面也可以向当前页面发射。 EventCh

注意事项 在App()方法中通过this就可以获取到app实例。 在Page()和Component()方法中需要在构造方法外定义一个变量接收getApp()返回的实例如：const appInsta

properties 父传子 triggerEvent发射 bindmyEvent接收自定义事件 子传父 triggerEvent发射自定义事件 第一个参数事件名 第二个参数传递的值。 父组件内需要添

将button组件的open-type属性设置为contact 用户点击后就会进入客服会话。模拟器不支真机可以。 在微信公众号后台，功能-客服中绑定客服账号 绑定之后可以通过网页客服端或小程序客服端进

手机号快速验证组件 button组件的open-type属性设置为getPhoneNumber。 通过button组件的bindgetphonenumber回调方法内的event.detail.cod

page.js的onShareTimeline钩子函数 不设置无法通过右上角三个点分享到朋友圈。 return里面的参数控制分享到朋友圈的内容。 属性 title：自定义标题，即朋友圈列表页上显示的标

第一种方法：page.js的onShareAppMessage钩子函数 不设置无法通过右上角三个点转发。也无法通过按钮转发。 return里面的参数控制分享内容的设置 包括按钮和右上角。 属性 tit

获取方式 1.将form组件内的input组件的type属性设置nickname 当用户点击点击输入框时键盘上方会展示微信昵称。 2.将form组件内的button组件的form-type设置为sub

1.将button组件open-type属性设置为chooseAvatar 2.通过bindchooseavatar事件回调获取头像信息的临时路径。 event.detail.avatarUrl是微信

1.在app.json中删除style:v2配置 2.使用npm下载微信小程序版本的vant。并构建npm。 npm i @vant/weapp 3.在usingComponents中注册组件 4.自

注意事项 引入组件的时候属性名是在externalClasses里定义的值，属性值要求必须是类名。 使用外部传入的样式类要使用externalClasses定义的类名。 外部样式和组件内样式采用就近原

使用方法 behaviors[]注册behaviors。 Behavior方法定义behaviors。 示例