首先亮出微信小程序文档地址：
一、指南1、起步小程序简介：小程序技术发展史--将h5的js-sdk如何变成小程序的小程序与普通网页开发的区别体验小程序开始：申请帐号--拿到appid并设置服务器域名安装开发工具第一个小程序编译预览小程序代码构成：JSON配置文件WXML模板文件WXSS样式文件脚本逻辑文件小程序宿主环境：...小程序协同工作和发布:...小程序开发指南--外链2、配置小程序全局配置--整个APP的配置页面配置--某个page的配置sitemap配置--小程序SEO的配置3、小程序框架场景值--表示用户是从哪个地方打开小程序的逻辑层AppService--小程序注册、路由跳转等等视图层View--WXML、WXSS、组件、动画等等4、小程序运行时小程序的运行环境JavaScript支持情况小程序运行机制小程序更新机制5、自定义组件组件模板和样式Component构造器组件间通信与事件组件生命周期behaviors组件间关系数据监听器抽象节点自定义组件扩展开发第三方自定义组件单元测试6、插件--给别人用时，别人看不到咱的源代码开发插件使用插件插件调用API的限制插件使用组件的限制插件功能页7、基础能力网络--小程序只可以跟指定的域名与进行网络通信（必须https、不能IP、可以二级域名、可以加端口号、必须ICP备案）存储--本地缓存（上限10MB、账号隔离）文件系统画布--canvas分包加载多线程Worker服务端能力--后端API、access_token自定义tabBar8、硬件能力蓝牙NFCWi-Fi9、开放能力用户登录：小程序登录--小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。UnionID--有同一用户、不同应用、unionID相同授权--用户权限授权开放数据校验与解密获取手机号--【针对非个人开发者，且完成了认证的小程序开放】生物认证小程序通过SOTER提供以下生物认证方式。转发打开APP消息卡券获取小程序码--数据分析附近的小程序物流助手--帮助开发者快速对接物流广告调试10、性能优化建议分析工具11、基础库基础库版本分布兼容
二、全局配置1、小程序配置全局配置--app.json文件用来对微信小程序进行全局配置页面配置--每个页面的.json文件来对本页面的窗口表现进行配置sitemap配置--sitemap.json文件用于配置小程序及其页面是否被微信爬虫爬取场景值--场景值列表，表示用户从哪个地方打开的小程序2、框架接口小程序：App(Objectobject)注册小程序。必须调用且只能调用一次。不然会出现无法预期的后果。AppObjectgetApp(Objectobject)获取到小程序全局唯一的App实例。页面：Page(Objectobject)注册小程序中的一个页面。getCurrentPages()获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面。自定义组件：Component(Objectobject)创建自定义组件。Behavior(Objectobject)注册一个behavior模块化：require(stringpath)引入模块。返回模块通过module.exports或exports暴露的接口。基础功能：wx：小程序API全局对象，用于承载小程序能力相关APIconsole向调试面板中打印日志。setTimeout定时器3、WXML语法参考数据绑定列表渲染条件渲染模板引用4、WXS语法参考模块变量注释运算符语句数据类型基础类库三、组件1、视图容器view视图容器swiper滑块视图容器swiper-item滑块视图容器的子组件scroll-view可滚动视图区域。movable-view可移动的视图容器，在页面中可以拖拽滑动movable-areamovable-view的可移动区域cover-view覆盖在原生组件之上的文本视图。cover-image覆盖在原生组件之上的图片视图2、基础内容text文本。rich-text富文本。progress进度条组件icon图标。
3、表单组件form表单input输入框label文字提示radio单选框radio-group单选框的容器checkbox多选框。checkbox-group多选框的容器switch开关slider滑动选择器textarea多行文本域【原生组件】picker从底部弹起的滚动选择器。picker-view嵌入页面的滚动选择器picker-view-column滚动选择器子项button按钮。button的open-type微信开放能力contact打开客服会话share打开小程序转发getPhoneNumber获取用户手机号getUserInfo获取用户信息launchApp打开APPopenSetting打开授权设置页feedback打开“意见反馈”页面4、导航navigator页面链接functional-page-navigator仅在插件中有效，用于跳转到插件功能页。5、媒体组件image图片audio音频video视频camera系统相机live-player实时音视频播放【部分主体开放】live-pusher实时音视频录制【部分主体开放】6、地图map地图7、画布canvas画布
8、开放能力adBanner广告。图片广告official-account关注公众号组件【有场景限制】open-data用于展示微信开放的数据。web-view承载网页的容器【个人类型与海外类型的小程序暂不支持使用】
9、原生组件10、无障碍访问
四、API1、基础wx.canIUse(stringschema)判断小程序的API，回调，参数，组件等是否在当前版本可用。系统：wx.getSystemInfoSync()获取设备信息信息更新：wx.getUpdateManager()获取全局唯一的版本更新管理器，用于管理小程序更新wx.getUpdateManager管理小程序更新等操作小程序：wx.getLaunchOptionsSync()获取小程序启动时的参数wx.onPageNotFound(fn)监听小程序要打开的页面不存在事件wx.onError(fc)监听小程序错误事件wx.onAudioInterruptionEnd(fn)监听音频中断结束事件wx.onAudioInterruptionBegin(fn)监听音频因为受到系统占用而被中断开始事件wx.onAppShow(fn)监听小程序切前台事件wx.onAppHide(fn)监听小程序切后台事件...各种取消监听调试：wx.setEnableDebug(object)设置是否打开调试开关。此开关对正式版也能生效。wx.getLogManager(object)获取日志管理对象console控制台打印定时器：setTimeout(fn)延时函数setInterval(fn)定时函数2、路由wx.switchTab(Objectobject)跳转到tabBar页面，并关闭其他所有非tabBar页面wx.reLaunch(Objectobject)关闭所有页面，打开到应用内的某个页面wx.redirectTo(Objectobject)加载某个页面。但是不允许跳转到tabbar页面。wx.navigateTo(Objectobject)打开某个页面。但是不能跳到tabbar页面。wx.navigateBack(Objectobject)关闭当前页面，返回上一页面或多级页面。3、界面交互：wx.showToast(Objectobject)显示消息提示框wx.showModal(Objectobject)显示模态对话框wx.showLoading(Objectobject)显示loading提示框wx.showActionSheet(Objectobject)显示操作菜单wx.hideToast(Objectobject)隐藏消息提示框wx.hideLoading(Objectobject)隐藏loading提示框导航栏：wx.showNavigationBarLoading(Objectobject)导航栏显示转圈圈动画wx.hideNavigationBarLoading(Objectobject)导航栏隐藏转圈圈动画wx.setNavigationBarTitle(Objectobject)动态设置当前页面的标题wx.setNavigationBarColor(Objectobject)设置页面导航条颜色背景：wx.setBackgroundTextStyle(Objectobject)动态设置下拉背景字体、loading图的样式wx.setBackgroundColor(Objectobject)动态设置窗口的背景色TabBar：wx.showTabBar(Objectobject)显示tabBarwx.hideTabBar(Objectobject)隐藏tabBarwx.showTabBarRedDot(Objectobject)显示tabBar某一项的右上角的红点wx.hideTabBarRedDot(Objectobject)隐藏tabBar某一项的右上角的红点wx.setTabBarBadge(Objectobject)为tabBar某一项的右上角添加文本wx.removeTabBarBadge(Objectobject)移除tabBar某一项右上角的文本wx.setTabBarStyle(Objectobject)动态设置tabBar的整体样式wx.setTabBarItem(Objectobject)动态设置tabBar某一项的内容字体：wx.loadFontFace(Objectobject)动态加载网络字体。下拉刷新：wx.startPullDownRefresh(Objectobject)开始下拉刷新。wx.stopPullDownRefresh(Objectobject)停止当前页面下拉刷新。滚动：wx.pageScrollTo(Objectobject)将页面滚动到目标位置动画：wx.createAnimation(Objectobject)创建一个动画实例animationAnimation动画对象...一堆动画操作方法置顶：wx.setTopBarText(Objectobject)动态设置置顶栏文字内容。自定义动画：wx.nextTick(functioncallback)延迟一部分操作到下一个时间片再执行。wx.getMenuButtonBoundingClientRect()获取菜单按钮（右上角胶囊按钮）的布局位置信息窗口：wx.onWindowResize(functioncallback)监听窗口尺寸变化事件wx.offWindowResize(functioncallback)取消监听窗口尺寸变化事件4、网络发起请求：wx.request(Objectobject)发起HTTPS网络请求，返回：RequestTaskRequestTask网络请求任务对象，包含一大堆中断、监听等方法下载：wx.downloadFile(Objectobject)下载文件资源到本地。返回：DownloadTaskDownloadTask一个可以监听下载进度变化事件，以及取消下载任务的对象上传：wx.uploadFile(Objectobject)将本地资源上传到服务器。返回：UploadTaskUploadTask一个可以监听上传进度变化事件，以及取消上传任务的对象WebSocket：wx.connectSocket(Objectobject)创建一个WebSocket连接。返回：SocketTaskwx.onSocketOpen(functioncallback)监听WebSocket连接打开事件wx.onSocketMessage(functioncallback)监听WebSocket接受到服务器的消息事件wx.onSocketError(functioncallback)监听WebSocket错误事件wx.sendSocketMessage(Objectobject)通过WebSocket连接发送数据。wx.onSocketClose(functioncallback)监听WebSocket连接关闭事件wx.closeSocket(Objectobject)关闭WebSocket连接SocketTaskWebSocket对象，进行发送数据等mDNS：wx.startLocalServiceDiscovery(Objectobject)开始搜索局域网下的mDNS服务。搜索的结果会通过wx.onLocalService事件返回。wx.stopLocalServiceDiscovery(Objectobject)停止搜索mDNS服务wx.onLocalServiceFound(functioncallback)监听mDNS服务发现的事件wx.onLocalServiceLost(functioncallback)监听mDNS服务离开的事件wx.onLocalServiceDiscoveryStop(functioncallback)监听mDNS服务停止搜索的事件wx.onLocalServiceResolveFail(functioncallback)监听mDNS服务解析失败的事件wx.offLocalServiceFound(functioncallback)取消监听mDNS服务发现的事件wx.offLocalServiceLost(functioncallback)取消监听mDNS服务离开的事件wx.offLocalServiceDiscoveryStop(functioncallback)取消监听mDNS服务停止搜索的事件wx.offLocalServiceResolveFail(functioncallback)取消监听mDNS服务解析失败的事件5、数据缓存wx.setStorageSync(stringkey,anydata)添加缓存wx.removeStorageSync(stringkey)移除缓存wx.getStorageSync(stringkey)查询缓存wx.getStorageInfoSync()获得所有key的数组wx.clearStorageSync()清除所有key6、媒体地图：wx.createMapContext(stringmapId,Objectthis)创建map上下文MapContext对象。返回MapContextMapContextMapContext实例图片：wx.saveImageToPhotosAlbum(Objectobject)保存图片到系统相册。wx.previewImage(Objectobject)在新页面中全屏预览图片。wx.getImageInfo(Objectobject)获取图片信息。网络图片需先配置download域名才能生效。wx.compressImage(Objectobject)压缩图片接口，可选压缩质量wx.chooseMessageFile(Objectobject)从客户端会话选择文件。wx.chooseImage(Objectobject)从本地相册选择图片或使用相机拍照。视频：wx.saveVideoToPhotosAlbum(Objectobject)保存视频到系统相册。支持mp4视频格式。wx.createVideoContext(stringid,Objectthis)创建video上下文VideoContext对象。返回：VideoContextwx.chooseVideo(Objectobject)拍摄视频或从手机相册中选视频。VideoContextVideoContext实例...一堆方法音频：wx.createInnerAudioContext()创建内部audio上下文，返回：InnerAudioContext对象。wx.createAudioContext(stringid,Objectthis)创建audio上下文，返回：AudioContext对象。wx.playVoice(Objectobject)开始播放语音。wx.pauseVoice(Objectobject)暂停正在播放的语音。wx.stopVoice(Objectobject)结束播放语音。wx.getAvailableAudioSources(Objectobject)获取当前支持的音频输入源wx.setInnerAudioOption(Objectobject)设置InnerAudioContext的播放选项。设置之后对当前小程序全局生效。InnerAudioContext对象。AudioContext对象...两堆方法背景音频：wx.stopBackgroundAudio(Objectobject)停止播放音乐。wx.seekBackgroundAudio(Objectobject)控制音乐播放进度。wx.playBackgroundAudio(Objectobject)使用后台播放器播放音乐。wx.pauseBackgroundAudio(Objectobject)暂停播放音乐。wx.onBackgroundAudioStop(functioncallback)监听音乐停止事件。wx.onBackgroundAudioPlay(functioncallback)监听音乐播放事件。wx.onBackgroundAudioPause(functioncallback)监听音乐暂停事件。wx.getBackgroundAudioPlayerState(Objectobject)获取后台音乐播放状态。wx.getBackgroundAudioManager()获取全局唯一的背景音频管理器。返回：BackgroundAudioManagerBackgroundAudioManage对象...一堆方法实时音视频wx.createLivePusherContext()创建live-pusher上下文LivePusherContext对象。wx.createLivePlayerContext(stringid,Objectthis)创建live-player上下文LivePlayerContext对象。LivePusherContextLivePlayerContext...两堆方法录音：wx.stopRecord()停止录音。wx.startRecord(Objectobject)开始录音。wx.getRecorderManager()获取全局唯一的录音管理器RecorderManagerRecorderManager全局唯一的录音管理器...一堆方法相机：wx.createCameraContext()创建camera上下文CameraContext对象。CameraContext...一堆方法7、位置wx.openLocation(Objectobject)使用微信内置地图查看位置wx.getLocation(Objectobject)获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。wx.chooseLocation(Objectobject)打开地图选择位置。8、转发wx.updateShareMenu(Objectobject)更新转发属性wx.showShareMenu(Objectobject)显示当前页面的转发按钮wx.hideShareMenu(Objectobject)隐藏转发按钮wx.getShareInfo(Objectobject)获取转发详细信息9、画布：wx.createCanvasContext(stringcanvasId,Objectthis)创建canvas的绘图上下文CanvasContext对象wx.canvasToTempFilePath(Objectobject,Objectthis)把当前画布指定区域的内容导出生成指定大小的图片。在draw()回调里调用该方法才能保证图片导出成功。wx.canvasPutImageData(Objectobject,Objectthis)将像素数据绘制到画布。在自定义组件下，第二个参数传入自定义组件实例this，以操作组件内canvas组件wx.canvasGetImageData(Objectobject,Objectthis)获取canvas区域隐含的像素数据。CanvasContextcanvas组件的绘图上下文...一大堆方法10、文件wx.saveFile(Objectobject)保存文件到本地。wx.removeSavedFile(Objectobject)删除本地缓存文件wx.openDocument(Objectobject)新开页面打开文档wx.getSavedFileList(Objectobject)获取该小程序下已保存的本地缓存文件列表wx.getSavedFileInfo(Objectobject)获取本地文件的文件信息。wx.getFileSystemManager()获取全局唯一的文件管理器wx.getFileInfo(Objectobject)获取文件信息FileSystemManager文件管理器...一堆方法11、开放接口登录：wx.login(Objectobject)登录，拿到js_codewx.checkSession(Objectobject)检查登录态是否过期。小程序跳转：wx.navigateToMiniProgram(Objectobject)打开另一个小程序wx.navigateBackMiniProgram(Objectobject)返回到上一个小程序。只有在当前小程序是被其他小程序打开时可以调用成功账号信息：wx.getAccountInfoSync()获取当前帐号信息用户信息：wx.getUserInfo(Objectobject)获取用户信息。UserInfo对象数据上报：wx.reportMonitor(stringname,numbervalue)自定义业务数据监控上报接口。数据分析：wx.reportAnalytics(stringeventName,Objectdata)自定义分析数据上报接口。支付：wx.requestPayment(Objectobject)发起微信支付。授权：wx.authorize(Objectobject)提前向用户发起授权请求。设置：wx.openSetting(Objectobject)调起客户端小程序设置界面，返回用户设置的操作结果。wx.getSetting(Objectobject)获取用户的当前设置。AuthSetting用户授权设置信息收货地址：wx.chooseAddress(Objectobject)获取用户收货地址。卡券：wx.openCard(Objectobject)查看微信卡包中的卡券。wx.addCard(Objectobject)批量添加卡券。【需要认证】发票：wx.chooseInvoiceTitle(Objectobject)选择用户的发票抬头。当前小程序必须关联一个公众号，且这个公众号是完成了微信认证的wx.chooseInvoice(Objectobject)选择用户已有的发票。生物认证：wx.startSoterAuthentication(Objectobject)开始SOTER生物认证。验证流程请参考说明。wx.checkIsSupportSoterAuthentication(Objectobject)获取本机支持的SOTER生物认证方式wx.checkIsSoterEnrolledInDevice(Objectobject)获取设备内是否录入如指纹等生物信息的接口微信运动：wx.getWeRunData(Objectobject)获取用户过去三十天微信运动步数。需要先调用wx.login接口。步数信息会在用户主动进入小程序时更新。12、设备：iBeaconwx.startBeaconDiscovery(Objectobject)开始搜索附近的iBeacon设备wx.stopBeaconDiscovery(Objectobject)停止搜索附近的iBeacon设备wx.onBeaconUpdate(functioncallback)监听iBeacon设备更新事件wx.onBeaconServiceChange(functioncallback)监听iBeacon服务状态变化事件wx.getBeacons(Objectobject)获取所有已搜索到的iBeacon设备IBeaconInfo对象...一堆方法Wi-Fiwx.startWifi(Objectobject)初始化Wi-Fi模块。wx.stopWifi(Objectobject)关闭Wi-Fi模块。wx.onWifiConnected(functioncallback)监听连接上Wi-Fi的事件wx.onGetWifiList(functioncallback)监听获取到Wi-Fi列表数据事件wx.getWifiList(Objectobject)请求获取Wi-Fi列表。wx.connectWifi(Objectobject)连接Wi-Fi。wx.getConnectedWifi(Objectobject)获取已连接中的Wi-Fi信息。wx.setWifiList(Objectobject)设置wifiList中AP的相关信息。在onGetWifiList回调后调用，iOS特有接口。WifiInfo对象低功耗蓝牙：...一堆接口联系人：wx.addPhoneContact(Objectobject)添加手机通讯录联系人。蓝牙：...一堆接口电量：wx.getBatteryInfoSync()获取设备电量。剪贴板：wx.setClipboardData(Objectobject)设置系统剪贴板的内容wx.getClipboardData(Objectobject)获取系统剪贴板的内容NFC：wx.stopHCE(Objectobject)关闭NFC模块。wx.startHCE(Objectobject)初始化NFC模块。wx.sendHCEMessage(Objectobject)发送NFC消息。仅在安卓系统下有效。wx.onHCEMessage(functioncallback)监听接收NFC设备消息事件wx.getHCEState(Objectobject)判断当前设备是否支持HCE能力。网络：wx.onNetworkStatusChange(functioncallback)监听网络状态变化事件wx.getNetworkType(Objectobject)获取网络类型屏幕：wx.setScreenBrightness(Objectobject)设置屏幕亮度wx.setKeepScreenOn(Objectobject)设置是否保持常亮状态。wx.onUserCaptureScreen(functioncallback)监听用户主动截屏事件。wx.getScreenBrightness(Objectobject)获取屏幕亮度电话：wx.makePhoneCall(Objectobject)拨打电话加速计：wx.stopAccelerometer(Objectobject)停止监听加速度数据。wx.startAccelerometer(Objectobject)开始监听加速度数据。wx.onAccelerometerChange(functioncallback)监听加速度数据事件。罗盘：wx.stopCompass(Objectobject)停止监听罗盘数据wx.startCompass(Objectobject)开始监听罗盘数据wx.onCompassChange(functioncallback)监听罗盘数据变化事件。频率：5次/秒，接口调用后会自动开始监听，可使用wx.stopCompass停止监听。设备方向：wx.stopDeviceMotionListening(Objectobject)停止监听设备方向的变化。wx.startDeviceMotionListening(Objectobject)开始监听设备方向的变化。wx.onDeviceMotionChange(functioncallback)监听设备方向变化事件。陀螺仪：wx.startGyroscope(Objectobject)开始监听陀螺仪数据wx.stopGyroscope(Objectobject)停止监听陀螺仪数据。wx.onGyroscopeChange(functioncallback)监听陀螺仪数据变化事件。性能：wx.onMemoryWarning(functioncallback)监听内存不足告警事件。扫码：wx.scanCode(Objectobject)调起客户端扫码界面进行扫码震动：wx.vibrateShort(Objectobject)使手机发生较短时间的振动（15ms）wx.vibrateLong(Objectobject)使手机发生较长时间的振动（400ms)13、Workerwx.createWorker(stringscriptPath)创建一个Worker线程Worker对象。...一堆方法14、第三方平台wx.getExtConfigSync()获取第三方平台自定义的数据字段。15、WXMLwx.createSelectorQuery()返回一个SelectorQuery对象实例wx.createIntersectionObserver(Objectthis,Objectoptions)创建并返回一个IntersectionObserver对象实例。IntersectionObserver对象，用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见。NodesRef对象用于获取WXML节点信息的对象SelectorQuery查询节点信息的对象16、广告wx.createRewardedVideoAd(Objectobject)创建激励视频广告组件。返回：RewardedVideoAd组件
-------------------------------------------------------------------------------------
以上内容仅供参考
程序员交流群：782974737
欢迎加入