微信小程序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 修复 <form/> 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] 示例代码：<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('myAudio') this.audioCtx.setSrc('http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46') this.audioCtx.play() }, data: { src: '' }, 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> </div> <!--相关文章--> <style type="text/css"> .indexNewList ul li{float:left;margin-left:20px;list-style:none;} .indexNewList h4{font-size:14px;font-style:italic;} #cls-xg{clear:both;font-size:14px;} </style> <!--相关文章--> <div class="more"> <div>上一篇：<a href="http://www.thinksite.cn/show-45-8713-1.html">分享微信小程序之文件结构目录解析</a></div> <div>下一篇：<a href="http://www.thinksite.cn/show-45-8715-1.html">微信小程序中如何引用wxml文件、视图模版的使用方法</a></div> </div> </div> </div> <div style="width:250px;border-left:1px solid #eeeeee;float:left;" class="other_div"> <h3 style="border-bottom:1px solid orange;padding-bottom:10px;margin-bottom:10px;">工具库</h3> <ul> <li><a href="http://www.thinksite.cn/show-45-40263-1.html" target="_blank" title="23个Git实用技巧及命令汇总">23个Git实用技巧及命令汇总</a></li> <li><a href="http://www.thinksite.cn/show-45-9649-1.html" target="_blank" title="微信公众平台快速上手教程Part4开发模式讲解">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9648-1.html" target="_blank" title="微信公众平台设置关键词自动回复">微信公众平台设置关键词自动</a></li> <li><a href="http://www.thinksite.cn/show-45-9647-1.html" target="_blank" title="如何获取微信公众原始号？">如何获取微信公众原始号？</a></li> <li><a href="http://www.thinksite.cn/show-45-9646-1.html" target="_blank" title="微信公众号能够发送的各类图文信息总结">微信公众号能够发送的各类图</a></li> <li><a href="http://www.thinksite.cn/show-45-9645-1.html" target="_blank" title="微信公众平台快速上手教程Part1注册账户与认证">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9644-1.html" target="_blank" title="微信公众平台快速上手教程Part2消息管理与群发">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9643-1.html" target="_blank" title="微信公众平台快速上手教程Part3素材编辑与自动回复">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9642-1.html" target="_blank" title="微信公众平台快速上手教程Part5公众会议帐号">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9641-1.html" target="_blank" title="微信公众平台问题综合解答（6月8日更新）">微信公众平台问题综合解答（</a></li> <li><a href="http://www.thinksite.cn/show-45-9640-1.html" target="_blank" title="微信公众平台快速上手教程Part6微信运营十大要决">微信公众平台快速上手教程Pa</a></li> <li><a href="http://www.thinksite.cn/show-45-9639-1.html" target="_blank" title="进版必看！微信公众平台初级使用教程">进版必看！微信公众平台初级</a></li> <li><a href="http://www.thinksite.cn/show-45-9638-1.html" target="_blank" title="微信公众平台教程（三）素材编辑">微信公众平台教程（三）素材</a></li> <li><a href="http://www.thinksite.cn/show-45-9637-1.html" target="_blank" title="微信公众平台消息接口开发教程（四）天气预报">微信公众平台消息接口开发教</a></li> <li><a href="http://www.thinksite.cn/show-45-9636-1.html" target="_blank" title="微信公众帐号开发教程第1篇-引言">微信公众帐号开发教程第1篇-</a></li> <li><a href="http://www.thinksite.cn/show-45-9635-1.html" target="_blank" title="微信公众平台开发模式消息接口开发（26）从Hello2BizUser">微信公众平台开发模式消息接</a></li> <li><a href="http://www.thinksite.cn/show-45-9634-1.html" target="_blank" title="微信公众帐号开发教程第7篇-文本消息中换行符的使用">微信公众帐号开发教程第7篇-</a></li> <li><a href="http://www.thinksite.cn/show-45-9633-1.html" target="_blank" title="微信公众帐号开发教程第6篇-文本消息的内容长度限制揭秘">微信公众帐号开发教程第6篇-</a></li> <li><a href="http://www.thinksite.cn/show-45-9632-1.html" target="_blank" title="微信公众帐号开发教程第5篇-各种消息的接收与响应">微信公众帐号开发教程第5篇-</a></li> </ul> </div> </div> <div style="clear:both;"></div> <div class="newsOperat"> <div class="tellYou">本文由欣才IT学院整理发布，未经许可，禁止转载。</div> <div class="agreeBox"><a href="javascript:void(0)" class="agree" data-tag="y"><i></i>支持<span></span><font>44</font></a><a href="javascript:void(0)" class="disagree" data-tag="n"><i></i>不支持<span></span><font>0</font></a></div> <div class="bdsharebuttonbox shareBox" data-tag="share_1"> <a class="more" data-cmd="more"></a> <a class="wx" data-cmd="weixin"></a> <a class="wb" data-cmd="tsina"></a> <a class="zoom" data-cmd="qzone"></a> <a class="tencent" data-cmd="tqq"></a> </div> <script> window._bd_share_config={ "common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"}, "share":{}, "bdCustomStyle":"http://www.thinksite.cn/statics/css/thinksite/index.css" }; with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)]; </script> </div> </div> </div> <script language="JavaScript" src="http://www.thinksite.cn/api.php?op=count&id=8714&modelid=1"></script> <!--<script>--> <!--window.onload=function(){--> <!--// 当高亮css改变时，更改pre的背景颜色--> <!--var editColor=$(".column code").css('backgroundColor')--> <!--$(".column code").parent().css("background",editColor)--> <!--}--> <!--</script>--> <script> $(function(){ var fixxTop = $(".newsOperat").offset().top+87; var winnHei = $(window).height() var currHei; $(window).scroll(function(){ currHei = scrollMyTop(); if(fixxTop < winnHei){ return false }else if(fixxTop > winnHei){ if(currHei < fixxTop-winnHei){ $(".newsOperat,.newsDetail").addClass("on") }else if(currHei > fixxTop-winnHei ){ $(".newsOperat,.newsDetail").removeClass("on") } } }) //点赞效果 $(document).on('click',".agreeBox a",function(){ var voteTips='<div class="vote-tips">+1</div>'; var $this=$(this) var initalNum=$.trim($this.find('font').text()) var nextNum=initalNum*1+1 var id="8714" var tag=$this.attr('data-tag'); if(!$this.parent().hasClass('checked')){ if(id){ $.ajax({ type: "post", url: "http://www.thinksite.cn/index.php?m=content&c=index&a=do_support", data: {id : id,tag : tag,model : 'news'}, dataType: "html", success: function (data) { if(data=='ok') { $this.parent().addClass('checked') $this.addClass('on') $this.append(voteTips) $this.find('font').html(nextNum) setTimeout(function(){ $this.find('.vote-tips').remove() },1000) } } }); } } }) }) </script> <!--footer--> <!--footer--> <div class="footerBox"> <div class="footer container"> <div class="footerTop"> <div class="fTLeft"> <a class="logo_footer"></a> <p>让更多人成为更优秀的互联网工程师</p> <div class="phone_footer"></div> </div> <div class="fTMiddle"> <ul> <li> <a href="http://www.thinksite.cn/list-16-1.html" target="_blank" title="PHP培训课程">PHP培训课程</a> <a href="http://www.thinksite.cn/list-65-1.html" target="_blank" title="HTML5培训课程">HTML5培训课程</a> <a href="http://www.thinksite.cn/list-114-1.html" target="_blank" title="java培训课程">java培训课程</a> <a href="http://www.thinksite.cn/list-39-1.html" target="_blank" title="python培训课程">python培训课程</a> </li> <li> <a href="http://www.thinksite.cn/list-17-1.html" target="_blank" title="讲师团队">讲师团队</a> <a href="http://www.thinksite.cn/list-23-0-1-ids.html" target="_blank" title="学员作品">学员作品</a> <a href="http://www.thinksite.cn/list-86-1.html" target="_blank" title="限时就业">限时就业</a> </li> <li> <a href="http://www.thinksite.cn/list-29-1.html" target="_blank" title="学员拓展">学员拓展</a> <a href="http://www.thinksite.cn/list-27-1.html" target="_blank" title="教学环境">教学环境</a> <a href="http://www.thinksite.cn/list-85-1.html" target="_blank" title="报名流程">报名流程</a> </li> <li> <a href="http://www.thinksite.cn/list-22-1.html" target="_blank" title="新闻资讯">新闻资讯</a> <a href="" target="_blank" title="学员访谈">学员访谈</a> <a href="http://www.thinksite.cn/sitemap.html" target="_blank" title="网站地图">网站地图</a> </li> <li> <a href="http://www.thinksite.cn/list-64-1.html" target="_blank" title="关于我们">关于我们</a> <a href="http://www.thinksite.cn/list-38-1.html" target="_blank" title="就业合作">就业合作</a> </li> </ul> </div> <div class="fTRight"> <a><img src="http://www.thinksite.cn/statics/images/thinksite/ewm.png"> <p>欣才学院微信公众号</p> </a> </div> </div> <div style="text-align:center;margin-top:10px;">欣才IT学院为小伙伴们提供专业<a href="http://www.thinksite.cn"><strong style="color:orange;">PHP培训</strong></a>、<a href="http://www.thinksite.cn"><strong style="color:orange;">python培训</strong></a>、<a href="http://www.thinksite.cn"><strong style="color:orange;">java培训</strong></a>、<a href="http://www.thinksite.cn"><strong style="color:orange;">HTML5培训</strong></a>让更多人成为更优秀的互联网工程师！期待您的到来！</div> <div class="footerBottom">Copyright©2008-2020 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备11039863号－2</a> <script type="text/javascript" src="./statics/js/thinksite/cnzz.js"></script> <br/> 版权所有:南京甘池软件科技有限公司 </div> </div> </div> <script src="http://www.thinksite.cn/statics/js/thinksite/baidu_js_push.js"></script> <script type='text/javascript' src='http://tb.53kf.com/kf.php?arg=10004241&style=1'></script> <!--留言弹出层--> <!--反馈--> <script language='javascript' src='http://www.thinksite.cn/index.php?m=formguide&c=index&a=show&formid=27&action=js&siteid=1'></script></body> </html>