网络API类似于ajax向服务器请求网络地址，唯一不同的是这个请求有很多的规则，且必须向服务器上请求，不能在本地请求　　网络　　　　发送请求：　　　　　　wx.request()　　发起https网络请求　　参数：对象　　　　　　对象的属性：　　　　　　　　url：类型　　字符串　　开发者服务器的接口地址（且拥有诸多的限制，必须是https的网络请求）　　　　　　　　如图：　　　　　　　　　　　　　　　　如果我们没有合法的域名，也能进行测试：　　　　　　　　　　我们需要对调试基础库的选项进行打勾就好了　　　　　　　　data：类型　　字符串/对象/数组/缓存　　请求的参数　　　　　　　　header：类型　　对象　　请求设置的header （得到数据的返回值，默认是json格式，我们都知道在服务器请求到的数据都是字符串）　　 　　　　　　　　method：类型　　字符串　　请求的方式：　　　　　　　　　　属性值：options/get/head/post/put/delete/tract/connect　　这是请求的方式　　　　　　　　dataType：类型　　...

　　由于每个API参数：对象的属性都有success，fail，complete，所以在这个提前介绍，就不再每个API上写了　　　　success：类型　　函数　　接口调用成功的回调函数　　　　fail：类型　　函数　　接口调用失败的回调函数　　　　complete：类型　　函数　　接口调用结束的回调函数（调用成功，失败，都会执行）　　----------------------------------　　下拉刷新：　　　　wx.stopPullDownRefresh()　　停止当前页面的下拉刷新　　直接调用即可　　　　wx.startPullDownRefresh()　　开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致　　直接调用即可　　滚动：　　　　wx.pageScrollTo()　　将页面滚动到目标位置　　参数：对象　　　　　　对象的属性：　　　　　　　　scrollTop：类型　　数字　　滚动到页面的目标位置，单位px　　　　　　　　duration：类型　　数字　　滚动的动画的时长，单位ms　　动画：　　　　wx.createAnimation()　　创建一...

　　界面　　有关屏幕的api　　交互：　　　　wx.showToast()　　显示消息提示框　　参数：object　　　　　　object的属性：　　　　　　　　title：类型　　字符串　　提示的内容（文本最多7个汉字）　　　　　　　　icon：类型　　字符串　　图标　　　　　　　　　　属性值：success：显示成功的图标　　　　　　　　　　　　　　loading：显示加载的图标　　　　　　　　　　　　　　none：不显示图标　　　　　　　　image：类型　　字符串　　自定义图标的本地路径，image的优先级高于icon　　　　　　　　duration：类型　　数字　　提示延迟的时间　　　　　　　　mask：类型　　布尔　　是否显示透明蒙层，防止触摸穿透　　　　　　　　success：类型　　函数　　接口成功调用的回调函数　　　　　　　　fail：类型　　函数　　接口调用失败的回调函数　　　　　　　　complete：类型　　函数　　接口调用结束的回调函数（成功，失败，都会执行）　　　　wx.showModal()　　显示模态对话框（他拥有确定按钮和取消按钮）　　参数：objec...

　　路由：由于页面的跳转；　　　　wx.switchTab()　　跳转到tabBar页面，并关闭掉其他所有非tabBar页面；参数：为对象，　　对象的属性：　　　　url：需要跳转的tabBar的页面路径（需在app.json的tabBar字段定义的页面），路径后面不能在参数　　　　success：接口调用成功后的回调函数　　　　fail：接口调用失败的回调函数　　　　complete：接口调用结束的回调函数　　案例：　　　　wx.switchTab({　　　　　　url:"/a/d/g",　　　　//路径　　　　　　success:function(e){　　　　　　　　console.log(e)　　　　　　}　　　　})　　app.json中tabBar字段的写法　　　　　　wx.reLaunch：关闭所有页面，打开到应用内的某个页面 　　参数：对象　　属性：　　　　url：需要跳转的应用内的页面路径，路径可以带参数，参数与路径之间使用？隔开参数键与参数值用=相连，不同的参数用&分隔；案例："path?key=value&key1=value1";　　　...

　　其实还有一些组件，没有提，因为那些组件跟API的功能差不多，API可能比他会更好一点；　　　具体可见官方文档　　　基础：　　　　判断接口是否可用：wx.canIUse(a)　　　　　　　　a代表：接口名字　　返回值：布尔　　true代表成功，false代表接口不可用　　　　系统信息：wx.getSystemInfo({})　　使用第二种　　　　　　参数：{}　　success：代表成功　　　　　　　　　　　 fail：代表失败　　　　　　　　　　　 complete：接口调用完成后的回调函数　　　　　　案例：　　　　　　　　wx.getSystemInfo({　　　　　　　　　　success(res){　　　　　　　　　　　　console.log(res)　　　　//res　　便是获取信息的参数的对象　　　　　　　　　　}　　　　　　　　})　　　　系统更新的API：wx.getUpdateManager()　　//他的返回值，拥有很多的方法　　　　　　案例：　　　　　　　　constsd=wx.getUpdateManager()　　//在sd上拥有有关系...

　　image组件：是小程序专门针对图片的组件，功能强大　　image组件的属性：　　　　src：类型　　字符串　　图片资源的路径　　　　mode：类型　　字符串　　图片裁剪缩放模式　　　　lazy-load：类型　　布尔　　图片的懒加载，在一定范围内加载图片　　　　show-menu-by-longpress：类型　　布尔　　开启长按图片显示，识别小程序码菜单　 事件：　　　　binderror：当错误发生时触发　　　　bindload：当图片载入完成时触发...

　　输入框：该组件是原生组件，使用的时候要注意相关的设置　　属性：　　　　value：类型　　字符串　　输入框的初始内容　　　　type：类型　　字符串　　input类型　　　　　　属性值：text　　文本输入键盘　　　　　　　　　　number数字输入键盘　　　　　　　　　　idcard　身份证输入键盘　　　　　　　　　　digit　　带小数点的数字键盘　　　　password：类型　　布尔　　是否是密码类型　　　　placeholder：类型　　字符串　　输入框为空时占位符　　　　placeholder-style：类型　　字符串　　指定placeholder样式　　　　placeholder-class：类型　　字符串　　指定placeholder的样式类　　　　disabled：类型　　布尔　　是否禁用　　　　maxlength：类型　　数字　　最大输入长度，设置为-1时，不限制最大长度　　　　cursor-spacing：类型　　数字　　指定光标与键盘的距离　　　　focus：类型　　布尔　　获取焦点　　　　confirm-type：类型　　字符串　　设置键盘右下角按钮的文字...

　　表单组件：将组件内用户输入的<switch><input><checkbox><slider><radio><picker>提交　　　　　　　当点击表单的form-type为submit的<button>组件时，会将表单组件中的value值进行提交，需要在表单组件中加上name作为key　　属性：　　　　report-submit：类型　　布尔　　是否返回formid用于发送模板消息　　　　report-submit-timeout：类型　　数字　　等待一段时间，确认formid是否生效　　事件：　　　　bindsubmit：携带form中的数据触发submit事件　　　　bindreset：表单重置时会触发reset事件...

　　checkbox组件是一个多选框组件，还可以使用checkbox-group组件来进行绑定事件和实现，真正意义上的多选　　checkbox的属性：　　　　value：　　属性值　　字符串　　当在checkbox-group绑定事件时，事件源e所携带的参数中detail checkbox中的value值决定　　　　disabled： 属性值　　布尔　　是否被禁用　　　　checked： 属性值　　布尔　　当前是否选中，默认选中　　　　color：　　属性值　　字符串　　字体颜色　　checkbox-group组件事件：　　　　bindchange：checkbox-group中选项发生改变时触发change事件 detail={value:[选中的checkbox的value数组]}...

　　button组件拥有强大的功能自身可以拥有很多跟微信风格的样式，且是表单和开放的能力重要的按钮　　button的属性：　　　　size：　　类型　　字符串　　按钮的大小　　　　　　属性值：default　　默认的　　　　　　　　　　mini　　　小尺寸　　　　type：　　类型　　字符串　　按钮的样式类型　　　　　　属性值：default　　默认的　　　　　　　　　　primary　　绿色的　　　　　　　　　　warn　　　红色的　　　　plain：　　类型　　布尔　　按钮是否镂空，背景色透明　　　　disabled：类型　　布尔　　是否禁用　　　　loading：  类型　　布尔　　名称前是否带有加载的图标　　　　form-type：类型　　字符串　　用于form组件会分别触发submit和reset事件　　　　　　属性值：submit　　触发表单的submit事件　　　　　　　　　　reset　　　触发表单的reset事件　　　　open-type：类型　　字符串　　微信的开放能力　　　　　　属性值：contact：打开客服会话，如果用户在会话中点击消息卡片...

　　　　事件，视图层到逻辑层的一种通讯方式，或者将用户的行为返回到逻辑层，当我们在组件绑定事件之后，当我们触发事件，就会执行逻辑层绑定的事件，处理回调函数，当页面的事件触发之后　　页面上元素一些额外事件，通过事件对象传递给我们的回调函数　　绑定事件的实例：　　　　通过view标签来给他绑定了一个事件，事件名clickme，在index.js中，我们绑定了一个clickme的回调函数，在回调函数内，我们打印出了事件所传入事件对象的参数　　事件对象上，各个属性的一个含义；　　　　type：触发事件的类型　　　　timestamp：触发事件当时的时间戳　　　　target：触发事件的根源组件，包括触发事件组件的id，类型，以及dataset自定义属性的集合　　　　currentTarget：触发事件的当前组件，触发当前事件的id，类型，以及dataset自定义属性的集合　　　　touches：表示我们停留在屏幕上触摸点的一个信息；　　　　changedTouches：表示一个有变化的触摸点的信息；　　　　detail：表示我们绑定事件所携带的数据，包括x/y到页面左上角的距离　　　　小程序的...

　　wxss：是一套样式语言，用来描述wxml的组件样式；小程序在css基础上做的修改和扩充的版本　　css：是一套样式语言，样式表，用来描述xml和html文件样式的呈现；　　设备像素：是图片在设备上显示的小点，这些是固定不变的　　css像素：逻辑像素，是我们一套标准来显示屏幕的宽　　ppi：独立设备显示的密度　　　　dpr：设备像素除以逻辑像素　　微信给的屏幕的宽750px，我们在750px的基础上进行自适应　　尺寸单位：rpx（响应式像素）　　样式导入：　　　　在css的文件中，在引入另一个css的文件：　　　　@import"文件路径"　　正常情况下，你在同名的wxss上样式，就是对应的wxml元素上的样式；　　内联样式：在wxml文件中通过标签上的style属性来操作样式；　　选择器：id　　class　　标签　　并级　　伪类　　优先级概念　　权重概念；　　无穷大的案例：　　　　color:red!important;　　这个字体颜色为红色无穷大的权限　　nodejs中的javascript　　　　ECMAscript:　　　　Native:用这个模块，来使用原生js，实现原...

现在的微信分享给朋友-分享到朋友圈链接带有自定义的title、描述、图片，需要配置js-sdk(地址：mp.weixin.qq.com)微信文档需要后台配置config的参数，返回给前台 1）debug设置为true的时候，可以在调试的时候使用，页面有的问题，都会console出来，但是必须在pc的浏览器中才可以 2）appID,timestamo,nonceStr,signature这四个参数是后台返回的，（后台需要在微信那边获取，是动态的值） 3）需要请求ajax，成功以后做分享（我这里的url是个地址，后台那边做的处理，正常应该是一个接口）　　 4）jsApiList是需要开放的功，例如：分享给朋友，分享到朋友圈，分享到qq，分享到微博，可以自己设置分享的权限 5）最后还有一点需要注意的，就是分享接口的调用，分享接口可以自定义设置title，描述内容，图片，这个函数要放到ajax内，或者wx.ready(function(){。。。})函数内...

由于业务需求，需要使用微信小程序语音识别的功能，查找了好多发难，也踩了好多坑，把过程记录一下，或许会帮助到需要的朋友。在小程序中识别用户语音输入的命令关键流程流程：录音存储-->上传录音文件到服务器后台-->读取服务器返回结果关键代码：//按键按下事件startRec:function(res){varthat=thiswx.startRecord({success:function(res){vartempFilePath=res.tempFilePath//获取录音文件路径console.log(tempFilePath)//上传卢新文件到服务器wx.uploadFile({url:'http://ipaddress:port/voice_detec',filePath:tempFilePath,name:'voice',//服务器返回识别结果success:function(res){console.log(res.data)vardata=res.datavarjd=JSON.parse(data)if(jd.err_no==0){varmsg=jd.result[...

WXML：<viewclass="topImg"><viewclass="topImg-item"><viewclass="t-i-left">头像</view><viewclass="t-i-right"><viewclass="image"bind:tap="imageClick"><imagesrc="{{imgUrl}}{{image}}"/></view></view></view></view>WXSS:.topImg{width:100%;height:200rpx;display:flex;justify-content:center;}.topImg-item{width:700rpx;height:200rpx;display:flex}.t-i-left{width:50%;height:100%;display:flex;align-items:center;font-size:30rpx;}.t-i-right{width:50%...