微信小程序0.11.122100版本更新详情介绍

A 新增 API wx.switchTab 详情

A 新增 API wx.scanCode

A 新增 API wx.createMapContext

A 新增 API wx.createCanvasContext

A 新增 API wx.showToast 调用参数 mask

A 新增 页面方法 Page.onShareAppMessage 用于自定义分享内容

A 新增 框架方法 App.onError

A 新增 页面配置 disabelScroll

A 新增 组件

A 新增 组件，用于显示客服会话按钮

A 新增 组件属性 openType

A 新增 组件属性 color

A 新增

A 新增

A 新增 组件属性 circular 控制衔接滑动

A 新增 组件属性 cursor-spacing

A 新增 组件属性 cursor-spacing</p></li><li><p>A 新增 <picker/> 组件属性 disabled</p></li><li><p>A 新增 <view/> 组件属性 hover-class</p></li><li><p>A 新增 <scroll-view/> 组件属性 scroll-x, scroll-y 动态修改支持</p></li><li><p>A 新增 <map/> 组件事件 bindtap bindmarkertap bindcontrolstap bindregionchange</p></li><li><p>A 新增 <input/>组件事件 bindconfirm</p></li><li><p>A 新增 <video/> 组件事件 bindtimeupdate</p></li><li><p>A 新增 <textarea/> 组件事件 bindconfirm</p></li><li><p>A 新增 <textarea/> 组件事件 bindinput</p></li><li><p>A 新增 <canvas/> 组件事件 bindlongtap</p></li><li><p>A 新增 AudioContext.setSrc() 上下文 API</p></li><li><p>A 新增 CanvasContext 上下文</p></li><li><p>A 新增 CanvasContext.arc() 上下文 API</p></li><li><p>A 新增 CanvasContext.fillRect() 上下文 API</p></li><li><p>A 新增 CanvasContext.strokeRect() 上下文 API</p></li><li><p>A 新增 CanvasContext.createLinearGradient() 上下文 API</p></li><li><p>A 新增 CanvasContext.createCircularGradient() 上下文 API</p></li><li><p>A 新增 <scroll-view/> 组件表现 滚动时禁止将页面滚动</p></li><li><p>U 更新 API wx.getSystemInfo 新增 platform 返回参数</p></li><li><p>U 更新 API wx.downloadFile 当 HTTP 状态码为 200 或 304 的时候会返回 tmpFilePath</p></li><li><p>U 更新 API wx.showModal 调用参数 confirmText cancelText 的字数限制</p></li><li><p>U 更新 WXML dataset 返回 支持 Object 和 Array</p></li><li><p>U 更新 <image/> 组件属性 mode 可选 widthFix</p></li><li><p>U 更新 <picker/> 组件属性 range 增加 ObjectArray 类型支持</p></li><li><p>U 更新 <switch/> <checkbox/> <radio/> 默认样式</p></li><li><p>U 更新 CanvasContext.save() CanvasContext.restore() 上下文 API 保存画笔 style</p></li><li><p>U 更新 CanvasContext.arc() 上下文 API 参数调整，新增 eAngle, counterclockwise，去除 sweepAngle</p></li><li><p>U 优化 <swiper/> 滑动体验</p></li><li><p>U 优化 <swiper/> <slider/> 在 <scroll-view/> 交互体验</p></li><li><p>U 优化 <navigator/> <button/> 组件点击体验</p></li><li><p>F 修复 wx.request 在 Android 上 method 只能用大写值的问题</p></li><li><p>F 修复 wx.uploadFile 在 iOS 上无法设置 header 的问题</p></li><li><p>F 修复 wx.getLocation type=gcj02 在 iOS 上不生效的问题</p></li><li><p>F 修复 wx.showToast 退出小程序后依然显示的问题</p></li><li><p>F 修复 wx.showModal 返回参数在 Android 和 iOS 不一致的问题</p></li><li><p>F 修复 wx.showModal content 太长时或 title 为空时，布局错乱的问题</p></li><li><p>F 修复 wx.showModal cancelText 和 confirmText 为空时，没有显示默认值的问题</p></li><li><p>F 修复 wx.showModal 期间，键盘弹出，无法收起键盘的问题</p></li><li><p>F 修复 wx.getImageInfo 在 Android 无法获取 http 链接图片的问题</p></li><li><p>F 修复 wx.getSystemInfo 因为 tabbar 出现导致获取的屏幕高度不一致的问题</p></li><li><p>F 修复 wx.downloadFile 在 Android 上下载后图片无法显示的问题</p></li><li><p>F 修复 wx.request 没有对请求数据正确 encode 的问题</p></li><li><p>F 修复 wx.login 在 iOS 中 App.onLaunch 没有回调的问题</p></li><li><p>F 修复 wx.createAnimationContext 设置 transformOrigin 异常及动画不能进行下一步的问题</p></li><li><p>F 修复 wx.navigateTo wx.redirectTo 在 iOS 上，Page.onLoad 无法调用的问题</p></li><li><p>F 修复 catch 阻止事件的默认行为失效的问题</p></li><li><p>F 修复 setInterval 在 iOS 传参错误导致页面卡死的问题</p></li><li><p>F 修复 onReachBottom 触发多次的问题</p></li><li><p>F 修复 <swiper/> 拥有文本节点后代时出错的问题</p></li><li><p>F 修复 <switch/> <radio/> <checkbox/> <image/> <video/> hidden 属性不生效的问题</p></li><li><p>F 修复 <checkbox/> <radio/> label 无法生效的问题</p></li><li><p>F 修复 <scroll-view/> 滑动到顶部或底部闪屏的问题</p></li><li><p>F 修复 <video/> 在 iOS 上事件不生效的问题</p></li><li><p>F 修复 <video/> 在 iOS 被移除了声音会继续存在的问题</p></li><li><p>F 修复 <text/> 内嵌不会动态更新 class 和 style 的问题</p></li><li><p>F 修复 <button/> disabled 时文字颜色不对的问题</p></li><li><p>F 修复 <input/> focus 属性无效的问题</p></li><li><p>F 修复 <input/> 在 iOS9 使用 display:flex 的时候，第一次输入不显示的问题</p></li><li><p>F 修复 <input/> 初始值为 undefined 时显示异常的问题</p></li><li><p>F 修复 <input/> placeholder 重影的问题</p></li><li><p>F 修复 <input/> <textare/> 聚焦前后颜色异常的问题</p></li><li><p>F 修复 <textarea/> position:fixed 定位异常的问题</p></li><li><p>F 修复 <textarea/> 在打开 picker 后不触发 blur 事件的问题</p></li><li><p>F 修复 <textarea/> 设置 auto-height 时高度变化的问题</p></li><li><p>F 修复 <textarea/> 销毁异常的问题</p></li><li><p>F 修复 <video/> 在 Android 全屏按钮点击两次才能生效的问题</p></li><li><p>F 修复 <audio/> 在多个页面中使用相同 id 冲突的问题</p></li><li><p>F 修复 <canvas/> drawImage 无法正常显示的问题</p></li><li><p>F 修复 <image/> 在 bindload 事件里面 setData 会出现死循环的问题</p></li><li><p>F 修复 <scroll-view/> scroll-into-view 失效的问题</p></li><li><p>F 修复 submit 取不到 input 的内容的问题</p></li><li><p>D 即将移除 <navigator/> redirect 属性</p></li><li><p>D 即将移除 wx.createContext 接口</p></li><li><p>D 即将移除 <input/> auto-focus 属性，直接使用 focus 属性即可</p></li><li><p>D 即将移除 <map /> covers 属性<br/></p></li></ul><br/><br/>开发者工具基础功能<br/><br/><ul class="litype_1 list-paddingleft-2"><li><p>A 新增 wx.switchTab 的调试支持</p></li><li><p>A 新增 wx.startRecord wx.stopRecord wx.playVoice wx.pauseVoice wx.stopVoice API 调试支持</p></li><li><p>A 新增 微信支付调试支持</p></li><li><p>A 新增 二维码扫码调试支持</p></li><li><p>A 新增 app.json 重复定义页面文件导致提交预览错误的提示</p></li><li><p>A 新增 模拟器加载图片网络错误的提示信息</p></li><li><p>A 新增 编译时候设置初始化页面以及参数的功能</p></li><li><p>A 新增 提交预览时候设置初始化页面以及参数的功能</p></li><li><p>F 优化 appdata panel 分页面查看数据，支持动态更新以及 code 模式显示</p></li><li><p>F 修复 wx.getBackgroundAudioPlayerState 在没有音乐播放的时候无返回的问题</p></li><li><p>F 修复 wx.getBackgroundAudioPlayerState 获取 status 不正确的问题</p></li><li><p>F 修复 wxml panel 某些情况下白屏的问题</p></li><li><p>F 修复 wxml panel 属性无法复制，并且复制带有回车的问题</p></li><li><p>F 修复 wxml panel 单一文本节点展示没有对齐的问题</p></li><li><p>F 修复 app.json 中 tabbar 的 position 设置为 top 时模拟器显示错误的问题</p></li><li><p>F 修复 devtools 和编辑器中点击外部链接错误的问题</p></li><li><p>F 修复 wx.requst 因为缓存无法发送请求的问题<br/></p></li></ul>以下是更新详情：<br/><br/><br/>wx.switchTab(OBJECT)<br/><br/>跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面<br/>OBJECT 参数说明：<br/>[tr]参数类型必填说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>url</td><td>String</td><td>是</td><td>需要跳转的 tabBar 页面的路径（需在 app.json 的 字段定义的页面），路径后不能带参数</td></tr><tr><td>success</td><td>Function</td><td>否</td><td>接口调用成功的回调函数</td></tr><tr><td>fail</td><td>Function</td><td>否</td><td>接口调用失败的回调函数</td></tr><tr><td>complete</td><td>Function</td><td>否</td><td>接口调用结束的回调函数（调用成功、失败都会执行）</td></tr></tbody></table>示例代码：<br/>{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他" }] }}wx.switchTab({ url: &＃39;/index&＃39;})<br/><br/><br/><br/><br/>wx.scanCode(OBJECT)<br/><br/>调起客户端扫码界面，扫码成功后返回对应的结果<br/>Object 参数说明：<br/>[tr]参数类型必填说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>success</td><td>Function</td><td>否</td><td>接口调用成功的回调函数，返回内容详见返回参数说明。</td></tr><tr><td>fail</td><td>Function</td><td>否</td><td>接口调用失败的回调函数</td></tr><tr><td>complete</td><td>Function</td><td>否</td><td>接口调用结束的回调函数（调用成功、失败都会执行）</td></tr></tbody></table>success返回参数说明：<br/>[tr]参数说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>result</td><td>码的内容</td></tr></tbody></table>示例代码：<br/>wx.scanCode({ success: (res) => { console.log(res) }})<br/><br/><br/><br/><br/>onShareAppMessage<br/><br/>在 Page 中定义 onShareAppMessage 函数，设置该页面的分享信息。<br/><ul class=" list-paddingleft-2"><li><p>只有定义了此事件处理函数，右上角菜单才会显示“分享”按钮</p></li><li><p>用户点击分享按钮的时候会调用</p></li><li><p>此事件需要 return 一个 Object，用于自定以分享内容<br/></p></li></ul>自定义分享字段<br/>[tr]字段说明默认值[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>title</td><td>分享标题</td><td>当前小程序名称</td></tr><tr><td>desc</td><td>分享描述</td><td>当前小程序名称</td></tr><tr><td>path</td><td>分享路径</td><td>当前页面 path ，必须是以 / 开头的完整路径</td></tr></tbody></table>示例代码：<br/>Page({ onShareAppMessage: function () { return { title: &＃39;自定义分享标题&＃39;, desc: &＃39;自定义分享描述&＃39;, path: &＃39;/page/user?id=123&＃39; } }})<br/><br/><br/><br/><br/>wx.showToast(OBJECT)<br/><br/>显示消息提示框<br/>OBJECT参数说明：<br/>[tr]参数类型必填说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>title</td><td>String</td><td>是</td><td>提示的内容</td></tr><tr><td>icon</td><td>String</td><td>否</td><td>图标，只支持"success"、"loading"</td></tr><tr><td>duration</td><td>Number</td><td>否</td><td>提示的延迟时间，单位毫秒，默认：1500, 最大为10000</td></tr><tr><td>mask</td><td>Boolean</td><td>否</td><td>是否显示透明蒙层，防止触摸穿透，默认：false</td></tr><tr><td>success</td><td>Function</td><td>否</td><td>接口调用成功的回调函数</td></tr><tr><td>fail</td><td>Function</td><td>否</td><td>接口调用失败的回调函数</td></tr><tr><td>complete</td><td>Function</td><td>否</td><td>接口调用结束的回调函数（调用成功、失败都会执行）</td></tr></tbody></table>示例代码：<br/>wx.showToast({ title: &＃39;成功&＃39;, icon: &＃39;success&＃39;, duration: 2000})<br/><br/><br/>onShareAppMessage<br/><br/>在 Page 中定义 onShareAppMessage 函数，设置该页面的分享信息。<br/><ul class=" list-paddingleft-2"><li><p>只有定义了此事件处理函数，右上角菜单才会显示“分享”按钮</p></li><li><p>用户点击分享按钮的时候会调用</p></li><li><p>此事件需要 return 一个 Object，用于自定以分享内容<br/></p></li></ul>自定义分享字段<br/>[tr]字段说明默认值[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>title</td><td>分享标题</td><td>当前小程序名称</td></tr><tr><td>desc</td><td>分享描述</td><td>当前小程序名称</td></tr><tr><td>path</td><td>分享路径</td><td>当前页面 path ，必须是以 / 开头的完整路径</td></tr></tbody></table>示例代码：<br/>Page({ onShareAppMessage: function () { return { title: &＃39;自定义分享标题&＃39;, desc: &＃39;自定义分享描述&＃39;, path: &＃39;/page/user?id=123&＃39; } }})<br/><br/><br/><br/><br/>wx.createCanvasContext(canvasId)<br/><br/>定义<br/><br/>创建 canvas 绘图上下文（指定 canvasId）<br/>Tip: 需要指定 canvasId，该绘图上下文只作用于对应的 <canvas/><br/><br/><br/><br/>参数<br/><br/>[tr]参数类型说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>canvasId</td><td>String</td><td>画布表示，传入定义在 <canvas/> 的 canvas-id</td></tr></tbody></table><br/><br/><br/>新增组件：<br/><br/><br/>audioContext<br/><br/>audioContext 通过 audioId 跟一个 <audio/> 组件绑定，通过它可以操作对应的 <audio/> 组件。<br/>audioContext 对象的方法列表：<br/>[tr]方法参数说明[/tr]<table class="t_table"><tbody><tr class="firstRow"><td>setSrc</td><td>src</td><td>音频的地址</td></tr><tr><td>play</td><td>无</td><td>播放</td></tr><tr><td>pause</td><td>无</td><td>暂停</td></tr><tr><td>seek</td><td>position</td><td>跳转到指定位置，单位 s</td></tr></tbody></table>示例代码：<br/><audio src="{{src}}" id="myAudio" ></audio><button type="primary" bindtap="audioPlay">播放</button><button type="primary" bindtap="audioPause">暂停</button><button type="primary" bindtap="audio14">设置当前播放时间为14秒</button><button type="primary" bindtap="audioStart">回到开头</button>// audio.jsPage({ onReady: function (e) { // 使用 wx.createAudioContext 获取 audio 上下文 context this.audioCtx = wx.createAudioContext(&＃39;myAudio&＃39;) this.audioCtx.setSrc(&＃39;http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46&＃39;) this.audioCtx.play() }, data: { src: &＃39;&＃39; }, audioPlay: function () { this.audioCtx.play() }, audioPause: function () { this.audioCtx.pause() }, audio14: function () { this.audioCtx.seek(14) }, audioStart: function () { this.audioCtx.seek(0) }})<br/><br/>ctx.draw()<p>以上就是微信小程序0.11.122100 版本更新详情介绍的详细内容，更多请关注 第一PHP社区 其它相关文章！</p> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/微信" target="_blank" title="微信">微信</a></li> <li><a href="https://www.php1.cn/tag/xml" target="_blank" title="xml">xml</a></li> <li><a href="https://www.php1.cn/tag/android" target="_blank" title="android">android</a></li> <li><a href="https://www.php1.cn/tag/ios" target="_blank" title="ios">ios</a></li> <li><a href="https://www.php1.cn/tag/小程序" target="_blank" title="小程序">小程序</a></li> <li><a href="https://www.php1.cn/tag/json" target="_blank" title="json">json</a></li> <li><a href="https://www.php1.cn/tag/编辑器" target="_blank" title="编辑器">编辑器</a></li> <li><a href="https://www.php1.cn/tag/php" target="_blank" title="php">php</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了