- 微信小程序如何隐藏scroll-view滚动条
[代码]::-webkit-scrollbar {[代码] [代码]width[代码][代码]: [代码][代码]0[代码][代码];[代码] [代码]height[代码][代码]: [代码][代码]0[代码][代码];[代码] [代码]color[代码][代码]: [代码][代码]transparent[代码][代码];[代码] [代码]}[代码]scroll-view 使用上述代码 无法隐藏滚动条,ios 上 有的时候有,有的时候没有
2018-04-24 - picker-view 组件的 bug
picker-view 组件初始化为 hidden 的状态,picker-view-column 内的 view 会 height:0; overflow:hidden; 导致无法显示,设置高度都不行。 看之前3月份的帖子说下版解决这问题,但是现在 8月了好像还是没有解决。
2017-08-28 - picker-view的bug,view高度渲染成0
如题,如果把pick-view放在一个隐藏的view里面,picker-view-column里面的view高度会渲染成0;设置了高度也不行。
2016-12-25 - scroll-view组件
请问一下,我在页面分成了上下两部分,上部分是固定的一个view,下部分是一个scroll-view组件,需要根据屏幕大小进行自适应高度适配,这个scroll-view的高度应该怎么设置啊? 我用var dev = wx.getSystemInfoSync();获取设备高度,然后减去view的高度,但是貌似在不同的拼上会导致scroll-view的高度并没有完全延伸到底部,而是会剩余或者超出。 <scroll-view scroll-y="true" style="height:{{height}}px" bindscroll="scrollView" bindscrolltolower="bottomScroll" scroll-into-view="{{scrollId}}">
2017-01-10 - scroll-view滚动到底部有时候不触发scrolltolower事件
1.初始页面会渲染出10条数据 2.然后快速滑动页面scroll-view触底,数组arr变为20条,页面渲染20条。正常情况可以继续滑动去触底让数组变为30条,页面渲染30条,然后继续往滑。。。 3.问题复现:要一直快速滑动页面,总会在某个节点(可能是30、40、50、60条等)的时候看到打印的数组arr是n十条的时候,页面也是n十条,也就是数组和页面数据对等,以及已经到底部的时候。卡在那不能再滑动页面去触底了(因为已经在底部了)。此时需要回滚一点点 才能继续触发触底事件
2020-07-01 - 部分机型,切换账号后,H5公众号应用,localStorage数据未清空,导致应用登录状态不正确
[图片][图片][图片][图片][图片]
2020-01-05 - 小程序在第三方平台提交审核报‘9400001’,errmsg: "该开发小程序已开通小程序直播?
[图片] 具体情况这样,请大佬帮忙
2020-04-17 - cover-view文本被截断,或者有什么替代方案吗
- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo
2018-12-25 - cover-view文本被截断
- 当前 Bug 的表现(可附上截图)[图片] - 预期表现:cover-view文本跟view表现一样,不会被截断
2018-11-29 - externalClasses与addGlobalClass之间的冲突
externalClasses与addGlobalClass之间的冲突 官方文档记录 styleIsolation styleIsolation 选项从基础库版本 2.6.5 开始支持。它支持以下取值: isolated 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值); apply-shared 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面; shared 表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。(这个选项在插件中不可用。) addGlobalClass 小程序基础库版本 2.2.3 以上支持 addGlobalClass 选项,即在 Component 的 options 中设置 addGlobalClass: true 。 这个选项等价于设置 styleIsolation: apply-shared ,但设置了 styleIsolation 选项后这个选项会失效。 externalClasses 有时,组件希望接受外部传入的样式类。此时可以在 Component 中用 externalClasses 定义段定义若干个外部样式类。 问题描述 https://developers.weixin.qq.com/community/develop/doc/00002ae55d4ae87bf7d78dfe156c00?highLine=externalClasses%E5%A4%96%E9%83%A8%E6%A0%B7%E5%BC%8F%E7%B1%BB 该链接里有解释,为什么有些子组件类名添加前缀(前缀来源组件文件名)。 情况1:在设置了addGlobalClass后,子组件的类名并不会添加前缀。 情况2:在设置了externalClasses后,子组件在使用externalClasses定义的类名时不会添加前缀。 情况3:在同时设置了addGlobalClass与externalClasses后,子组件的类名并不会添加前缀。通过externalClasses定义的类名在调试器的Wxml里查看时,在子组件的dom上显示会添加前缀,外部定义样式失效(因为两个类名不同)。 下面着重解决第三种情况 问题解决 情况3下,引入的类名的前缀和子组件的名称是有关的,子组件如果/component/form/form.wxml,则前缀为[代码]form--my-class[代码],但是有一种情况,如果页面组件引用的组件内有组件的文件名 name.indexOf(‘form’)!==-1,则这个前缀还会加长,如[代码]form-form--my-class[代码]。(我这边是测试了页面组件引用了[代码]aa-form[代码],[代码]aa-form[代码]里引用了[代码]form[代码]组件,导致出现[代码]form-form--my-class[代码],当我把[代码]aa-form[代码]改成[代码]aa-modal[代码],则恢复成[代码]form--my-class[代码])。 在定义外部样式类时,最好除了[代码]my-class[代码],顺便把[代码]组建名-my-class[代码]也给定义了。
2020-12-09 - 小程序里webview打开的H5页面怎么清除缓存?
微信小程序H5页面一直是旧的版本,如何能快速的清除webView缓存呢?不让运维处理的话
2020-07-27 - 什么是上传代码时样式自动补全?
原地址 https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a 4.2 基本的布局方法——Flex布局如果之前你接触过网页开发中的flexbox布局,基本上你可以略过这节。但有一点需要注意的是,你的小程序要求兼容到iOS8以下版本,需要开启样式自动补全。开启样式自动补全,在“项目”—“项目设置”—勾选“上传代码时样式自动补全”。 什么是上传代码时样式自动补全?
2019-03-18 - 【BUG】Iconfont外部字体在IOS上无法显示
我想在小程序里使用图标字体,根据百度的教程引入了iconfont: [代码]@font-face {[代码][代码] [代码][代码]font-family[代码][代码]: [代码][代码]'iconfont'[代码][代码]; [代码][代码]/* project id 563821 */[代码][代码] [代码][代码]src[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.eot'[代码][代码]);[代码][代码] [代码][代码]src[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.eot?#iefix'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'embedded-opentype'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.woff'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'woff'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.ttf'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'truetype'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.svg#iconfont'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'svg'[代码][代码]);[代码][代码]}[代码][代码].iconfont {[代码][代码] [代码][代码]font-family[代码][代码]:[代码][代码]"iconfont"[代码] [代码]!important[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]:[代码][代码]16px[代码][代码];[代码][代码] [代码][代码]font-style[代码][代码]:[代码][代码]normal[代码][代码];[代码][代码] [代码][代码]-webkit-font-smoothing: antialiased;[代码][代码] [代码][代码]-moz-osx-font-smoothing: grayscale;[代码][代码]}[代码] .icon-shouye:before { content: "\e602"; } .icon-jia1:before { content: "\e600"; } .icon-tianjia:before { content: "\e601"; } ...... 引入了以后,在pc端测试完美,在安卓上也可以正常显示 然而交给团队其他人测试的时候,在iphone 6s和iphone 7p上都出现了无法正常显示字体图标的情况 请问有人遇到相同的问题吗?有没有什么合适的解决方案?为什么我看大家遇到的都是安卓无法显示。 图标如下: [图片] [图片]
2018-02-06 - 怎么动态屏蔽page下拉刷新
我想反馈一个 Bug: 我为page打开了enablePullDownRefresh "enablePullDownRefresh": true, 然后自定义了一个弹窗,view,wxss设置如下 { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3) } 这个view覆盖了整个屏幕,并且设置了属性catchtouchstart='true'来屏蔽手指滑动的事件。 预期效果是无论手指的该view上怎么动都不会影响下层的容器。现在page仍然可以下拉,而且找不到方法屏蔽这个动作.catchtouchmove也试过了。 有没有办法屏蔽page下拉事件?
2018-03-21 - Android 下JS部分 Date.toLocaleString() 无效
代码非常短,代码片段已经提供。 js [代码]const app = getApp()[代码][代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]datedisplay:[代码][代码]""[代码][代码],[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]let d = [代码][代码]new[代码] [代码]Date()[代码][代码] [代码][代码]this[代码][代码].setData({date:d})[代码][代码] [代码][代码]this[代码][代码].setData({datedisplay:d.toLocaleString()})[代码][代码] [代码][代码]},[代码][代码]})[代码] wxml [代码]<[代码][代码]wxs[代码] [代码]module[代码][代码]=[代码][代码]"util"[代码][代码]>[代码][代码] [代码][代码]function toLocal(time) {[代码][代码] [代码][代码]d = getDate(time)[代码][代码] [代码][代码]if (d == "Invalid Date") return ""[代码][代码] [代码][代码]return d.toLocaleString()[代码][代码] [代码][代码]}[代码][代码] [代码][代码]module.exports.toLocal = toLocal[代码][代码]</[代码][代码]wxs[代码][代码]>[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"intro"[代码][代码]><[代码][代码]text[代码][代码]>[代码][代码]JS toLocaleString:[代码][代码]{{datedisplay}}[代码][代码]</[代码][代码]text[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"intro"[代码][代码]>[代码][代码]<[代码][代码]text[代码][代码]>[代码][代码]WXS toLocaleString:[代码][代码]{{util.toLocal(date)}}[代码][代码]</[代码][代码]text[代码][代码]></[代码][代码]view[代码][代码]>[代码] 做的事情也非常简单,对比js部分的Date.toLocaleString() 和wxs部分Date.toLocaleString() 安卓下截图: [图片] iOS截图 [图片] BUG显而易见。很显然在安卓里,js框架内的Date对象toLocaleString()被简单地作为toString()处理了,其他toLocaleTimeString(), toLocaleDateString()都存在问题。这个问题非常久了,希望赶紧处理。这都是小程序框架基础函数级别的服务,有这种问题那么久没发现也是一个奇迹。
2018-05-31 - 自定义组件使用slot后position: fixed无效
自定义组件使用slot后position: fixed无效
2018-12-13 - 自定义组件使用cover-view且position:fixed时,slot异常
- 当前 Bug 的表现(可附上截图) [图片] 本想实现一个悬浮在页面底部的自定义组件,使用cover-view组件为容器,但是发现当定位设置为fixed的时候,slot对应的cover-view节点并没有悬浮在底部 而是跟随页面上下滚动 - 预期表现 slot对应的节点应该悬浮 - 复现路径 - 提供一个最简复现 Demo
2019-07-09 - 小程序构建骨架屏的探索
首屏 一般情况下,在首屏数据未拿到之前,为了提升用户的体验,会在页面上展示一个loading的图层,类似下面这个 [图片] 其中除了菊花图以外网上还流传这各种各样的loading动画,在PC端上几乎要统一江湖了,不过最近在移动端上面看到不同于菊花图的加载方式,就是这篇文章需要分享的Skeleton Screen,中文称之为"骨架屏" 概念 A skeleton screen is essentially a blank version of a page into which information is gradually loaded. 在H5中,骨架屏其实已经不是什么新奇的概念了,网上也有各种方案生成对应的骨架屏,包括我们经常使用的知乎、饿了么、美团等APP都有应用骨架屏这个概念 图片来源网络,侵删 [图片] 方案 先从H5生成骨架屏方案开始说起,总的来说H5生成骨架屏的方案有2种 完全靠手写HTML和CSS方式给每个页面定制一套骨架屏 利用预渲染的方式生成静态骨架屏 第一套方案,毫无疑问是最简单最直白的方式,缺点也很明显,假如页面布局有修改的话,那么除了修改业务代码之外还需要额外修改骨架屏,增加了维护的成本。 第二套方案,一定程度上改善了第一套方案带来的维护成本增加的缺点,主要还是使用工具预渲染页面,获取到DOM节点和样式,保留页面结构,覆盖样式,生成灰色块盖在原有文本、图片或者是canvas等节点上面,最后将生成的HTML和CSS打包出来,就是一个带有骨架屏的页面。最后再利用webpack工具将生成的骨架屏插入到HTML里面,详细的话可以看看饿了么的分享,这里就不多描述了。 调研了下H5生成骨架屏的方案,对于小程序生成骨架屏的方案也有了一个大致的想法,主要有2个难点需要实现 预渲染 获取节点 预渲染 再说回饿了么提供的骨架屏的方案,使用 puppeteer 渲染页面(或者使用服务端渲染,vue或者react都有提供相应的方案),拿到DOM节点和样式,这里有一点需要注意的是,页面的渲染是需要初始化的数据,数据的来源可以是初始化的data(vue)或者mock数据,当然小程序是无法直接使用 puppeteer 来做预渲染(有另外的方案可以实现),需要利用小程序初始化的 data + template 渲染之后得到一个初始化结构作为骨架屏的结构 [代码]//index.js Page({ data: { motto: 'Hello World', userInfo: { avatarUrl: 'https://wx.qlogo.cn/mmopen/vi_32/SYiaiba5faeraYBoQCWdsBX4hSjFKiawzhIpnXjejDtjmiaFqMqhIlRBqR7IVdbKE51npeF6X1cXxtDQD2bzehgqMA/132', nickName: 'jay' }, lists: [ 'aslkdnoakjbsnfkajbfk', 'qwrwfhbfdvndgndghndeghsdfh', 'qweqwtefhfhgmjfgjdfghaefdhsdfgdfh', ], showSkeleton: true }, onLoad: function () { const that = this; setTimeout(() => { that.setData({ showSkeleton: false }) }, 3000) } }) //index.wxml <view class="container"> <view class="userinfo"> <block> <image class="userinfo-avatar skeleton-radius" src="{{userInfo.avatarUrl}}" mode="cover"></image> <text class="userinfo-nickname skeleton-rect">{{userInfo.nickName}}</text> </block> </view> <view style="margin: 20px 0"> <view wx:for="{{lists}}" class="lists"> <icon type="success" size="20" class="list skeleton-radius"/> <text class="skeleton-rect">{{item}}</text> </view> </view> <view class="usermotto"> <text class="user-motto skeleton-rect">{{motto}}</text> </view> <view style="margin-top: 200px;"> aaaaaaaaaaa </view> </view> [代码] 有了上面的 data + template 之后,就有了一个初始化的页面结构,接下来就需要拿到节点信息 节点 小程序基础库1.4.0之后小程序基础库提供了一组新的API,可用于获取节点信息,具体API戳这里。 跟H5方式一样,根据class或者id获取节点信息,不同的是只能获取到当前的节点信息,无法获取到其父或者子节点信息,所以只能手动给需要渲染骨架屏的节点添加相应的class或者id [代码]<view class="container"> <view class="userinfo"> <block> <image class="userinfo-avatar skeleton-radius" src="{{userInfo.avatarUrl}}" mode="cover"></image> <text class="userinfo-nickname skeleton-rect">{{userInfo.nickName}}</text> </block> </view> <view style="margin: 20px 0"> <view wx:for="{{lists}}" class="lists"> <icon type="success" size="20" class="list skeleton-radius"/> <text class="skeleton-rect">{{item}}</text> </view> </view> <view class="usermotto"> <text class="user-motto skeleton-rect">{{motto}}</text> </view> <view style="margin-top: 200px;"> aaaaaaaaaaa </view> </view> [代码] 约定2个特殊的class作为获取节点信息的标记[代码]skeleton-rect[代码]和[代码]skeleton-radius[代码],在页面中获取相应的[代码]top[代码]、[代码]left[代码]、[代码]width[代码]、[代码]height[代码]进行骨架屏的绘制 结果 [图片] 具体的调用方式和源码,请看 github ,最后求start 总结 上文有说到小程序也可以使用 page-skeleton-webpack-plugin 方式一样生成骨架屏,最重要的一点就是需要将小程序跑在chrome上面,后面的流程就一样了,至于怎么将小程序跑在chrome上面呢?可以利用 wept ,缺点就是目前作者已经停止维护这个工具了,不支持新版小程序的API。 说回来我这个生成骨架屏的方案,其实跟 page-skeleton-webpack-plugin 有点相似,不同的是,page-skeleton-webpack-plugin 采用离线渲染的方式生成静态骨架屏插入路由中,而我采用运行时先渲染页面默认结构,然后根据默认结构再绘制骨架屏。从性能角度出发确实不如 page-skeleton-webpack-plugin,但是也差不了多少了,主要还是小程序并没有提供类似服务端渲染的方案。目前从使用上来讲,还是有点小麻烦,需要默认数据撑开页面结构,需要给相应的节点添加class,后面有时间再研究下有没有更好的方案吧~~~
2019-02-20 - 如何知道用户是否分享成功
现有一需求功能,用户成功分享一次,可获取一定的积分数额。改变后,没法获取success后的数据。有没有大佬帮帮忙想想方法
2019-01-14 - 微信小程序分享成功回调为何还可以使用?
七月份发布的分享调整公告说微信版本6.7.2将会对分享功能做调整。现在8月30号,安卓、IOS版本也都升到6.7.2了,为何还可以使用微信分享成功回调? 我司很早就对分享部分做了相应调整,搞得现在很尴尬。 [图片]
2018-08-31 - 设置中开启总开关,但消息模板不选中,订阅消息无法弹出授权框?
[图片][图片] 1.总开关开启,消息模板也选中,能正常使用requestSubscribeMessage弹框授权。 2.总开关开启,消息模板未选中状态(如图),requestSubscribeMessage无法弹框,但errMsg却返参ok,且默认选了拒绝(如图2,订阅弹框结果第一次:reject),实际并没有弹框,为什么?
2020-03-26 - 小程序IOS有获取到数据,但是显示不出来
在测试的时候,安卓的手机可以正常显示,但是苹果手机有成功获取到数据,但是不能显示,有些页面可以
2018-05-25 - 直播小程序引入npm包 cos-wx-sdk-v5 和 tim-wx-sdk 之后超2M 怎么办?
给直播小程序引入npm包 cos-wx-sdk-v5 和 tim-wx-sdk 之后 小程序的大小超过2M 怎么办啊 大神们 有别的方法吗
2020-01-09 - 直播小程序使用npm之后太大了?
写了个直播小程序,想写音频聊天室,就要引入IM,然后我去看了文档 [图片]然后就是要引入上面这2个才可以用IM, 后面看了下别人的教程 在小程序里面引入npm 就装了 tim-wx-sdk 包 和 cos-wx-sdk-v5 包 后面装了npm包之后 发现小程序大小超了2M了,怎么办 大神们,这2个要引入的文件还有别的方法吗,想到头秃,求支援
2020-01-10 - 小程序服务器域名配置一级域名如dayang.com,那么二级域名需要再配置么?
小程序域名配置request域名有数量的限制,那么如果我配置了一级域名如dayang.com,那么二级域名如 app.dayang.com 是否支持 request 调用?
2019-10-10 - request合法域名需要填二级域名吗?
加了一下域名发现一个月只能修改3次,不知道二级域名需要每个都单独添加吗?
2017-01-05 - 订阅消息如果选择选择‘总是保持以上选择,"不再询问"后的设置问题
目前是选择‘总是保持以上选择,"不再询问"后,可以在设置中开启或拒绝接收,但不会再次拉起授权弹窗
2019-10-18 - 在onShareAppMessage中使用async和await
需求描述: 在点击分享按钮后,请求接口(业务要求,一定要点击分享后才调接口),接口成功后执行自定义的分享内容 解决方案: 使用async和await,保证接口请求成功后才执行自定义内容。 问题: 代码按顺序执行,但是自定义的分享内容却未生效。 请教原因
2018-08-10 - 小程序的生命周期监听,怎么监听程序被强行关闭了?
在小程序中怎么监听小程序被强行关闭了(类似手机杀进程的方式关闭的),在业务需求中需要在小程序关闭的同时给后台发送一条事件请求。
2019-08-07 - 小程序生命周期不完整 App 销毁的回调
- 需求的场景描述(希望解决的问题) 因为我们小程序会有第三方的服务,在退出小程序时有回调的需求, 现在只能覆盖用户手动onHide(), 但是如果用户直接杀掉微信或者在小程序页面直接home键直到五分钟之后微信销毁小程序的时候, 小程序会执行 onhide() 吗? - 希望提供的能力 强烈建议增加小程序销毁时的回调
2018-03-28 - project.config.json文件中condition的属性说明
- 需求的场景描述(希望解决的问题) - 希望提供的能力 文档没有对这个字段进行说明,初学者不清楚这个属性的具体作用,希望能补充
2019-01-22 - wx.updateShareMenu作用是什么?
一直没明白wx.updateShareMenu这个接口的作用是什么?官方文档写的好像不是很清楚
2020-02-11 - 开发者工具闪退?
更新完系统,一天闪退十多次 [图片]
2020-11-17 - 开发者工具闪退?
1.03.2009140开发者工具在Macbook Pro 系统11.0.1上经常闪退,怎么解决
2020-11-17 - 微信小程序开放「分享到朋友圈」功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序“分享到到朋友圈”,这个看似微小的变化,对微信小程序来说意义重大。 用fenng大的话说就是: [图片] 目前此功能没有完全放开,需微信安卓7.0.16版本才支持,灰度测试 ,iOS版本暂不支持。 想让小程序提供“分享到朋友圈”的功能,小程序端需要通过调用wx.showShareMenu 这个api,支持此功能,具体的操作步骤如下: 1.设置“调试基础库”的版本wx.showShareMenu api支持分享朋友圈的功能参数“[代码]menus[代码]”需要基础库2.11版本以上,因此首先在微信小程序开发工具里设置基础库为2.11版本以上 [图片] 设置完成后,在点击小程序右上角的三个点,会出现“分享到朋友圈”的按钮,不过是灰色的,无法触发。 [图片] 2.调用wx.showShareMenu api在需要转发的页面的onLoad(onShow也可以)事件里加入如下代码: [代码]wx.showShareMenu({[代码] [代码]withShareTicket:true,[代码] [代码]menus:['shareAppMessage','shareTimeline'][代码] }) 加入后,点击小程序右上角的三个点“分享到朋友圈”按钮就可以使用了 [图片] 在开发工具里可以预览分享的效果 [图片] 小程序提交审核发布后,在朋友圈里的分享效果如下 [图片] 分享后的封面图是默认小程序的logo,标题是默认当前分享的小程序的页面导航标题。 点击打开小程序后,跳转到分享的小程序页面,点击不能直接使用小程序的跳转,需要点击下方的“前往小程序”才是真正进入小程序。 [图片] 这个功能目前还有完善,在开发工具里里查看小程序的分享页,如果小程序里有“updateManager.onUpdateReady”方法来更新小程序,会提示报错: [代码]Cannot read property 'onUpdateReady' of undefined[代码] 目前小程序分享到到朋友圈的方式是:小程序单页模式,并不会直接打开小程序,无法交互。“单页模式”下,页面顶部固定有导航栏,标题显示为分享时的标题,非常适合阅读类、内容类、资讯类小程序;顶部导航栏与底部操作栏均不支持自定义样式。以后开发需要考虑单页模式的布局,同时也要考虑专门为转发朋友圈来设计页面导航标题。 有关单页面模式的适配和限制详见微信官方文档: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html 以上这些功能设计,就是微信防止此功能的滥用。 3.自定义分享的封面、标题和页面参数可以使用页面的分享朋友圈事件处理函数:onShareTimeline(), 编写方法参考微信开发文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline [图片] 微信小程序都推出3年了,但转发一直不能转发到朋友圈,总算开了这个口子,这对小程序来说是巨大的利好,相信后续会不断完善,既增加小程序的曝光率,也防止滥用,这点我对微信的产品设计有信心,此前一直都非常克制。 微慕小程序所有版本已经支持转发的到朋友圈,详情见:https://www.minapper.com/
2020-07-13 - 微信改重新认证后Openid发生了改变
微信改名并重新认证后,Openid发生了改变,此时从app里拉取微信授权得到的仍是老公众号的openid.
2018-07-27 - 希望在开发者工具中加入屏幕截图的功能
由于手动截图可能会出现少或者多几个像素的情况,希望可以提供屏幕截图的功能
2018-12-20 - 小程序 如何获取主体信息,比如小程序图标和公司名称
小程序 如何获取主体信息,比如小程序图标和公司名称?有没有相应的API
2018-01-23 - 小程序如何实现多个空格的显示?
假设有一个字符串:var s="this is test text" 在<view>{{s}</view>里总是只显示“this is test text" 试着添加 但是不起作用
2018-06-30 - 小程序为何不引入动态设置tab个数的API
目前产品需求,要求动态修改底部tab个数展示。目前如果动态设置tab只能自定义模板。官方为何不推出动态设置tab的api呀??
2018-10-22 - tabBar背景不能设置透明
- 希望tabBar的背景颜色支持设置透明度 - 希望提供的能力
2018-07-17 - 微信PC端(windows),有些小程序打不开
[图片] 如上图所示: 左中右3个小程序都是Taro开发的。小程序基础库版本都调到了最低。 左、中: node版本: 11.13.0 Taro版本: 1.3.6 右: node版本: 11.13.0 Taro版本: 1.2.4 在开发者工具中测试了所能适配到的最低基础库版本: 左边小程序最低在2.1.0可以正常打开;中、右则是最低2.0.4; 所使用的的电脑系统是Windows10, PC微信客户端版本是2.9.0。 PC微信客户端更新到最新版本也还是这样。 左AppID: wxa3de8af2f0fc129f 中AppID: wx9b58b7b22e1475fb 右AppID: wx0a9f3a98445182a2
2020-04-18 - PC版微信小程序白屏?
小程序在模拟器上手机上运行都是正常的,为什么在PC版的微信上,打开小程序是白屏呢?所有代码都注掉了,也不行,有没有遇到过同样问题的大牛帮忙解释下原因,多谢
2019-10-26 - 为什么小程序在 PC 端打开是白屏?
小程序在开发者工具上进行 PC 端预览是没问题的,但是上传到开发版、体验版以及生产后在 PC 端打开是白屏。
2019-11-29 - 小程序组件样式不支持id和属性与标签选择器怎么办?
- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo VM860:5 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./component/shopItem/shopItem.wxss:31:1)This wxss file is ignored. 小程序组件中不支持id 属性 标签这些选择器,该怎么办?
2019-05-13 - 微信小程序图片缓存问题
微信小程序是不是对远程图片做了一次缓存呢?想知道小程序缓存机制是啥 现在的情况是:我们商品图片更新后没有更新图片地址,结果有些时候图片没有更新,然后用抓包工具查看请求情况,结果某些图片就没有发送请求,怀疑是被微信缓存了。接着清除微信所有的缓存,再次抓包请求,就好了。 有什么办法可以在不更改图片地址的情况下清除缓存呢?
2019-07-15 - 小程序图片缓存问题
以前小程序从使用过的小程序里删除了以后,再打开图片都是重新加载的,这样就能看到服务器上的最新图片,一直到几天前这样都是可以的,但是昨天发现删除了也没用,也用手机管家清理了小程序缓存,打开之后图片还是从缓存里读取的,而且我就算把服务器上的图片删了,小程序打开之后还是能加载出来图片,这肯定是从缓存里读的,怎么才能彻底清除呢?删除小程序已经没用了
2019-03-08 - 设置圆形map
- 当前 Bug 的表现(可附上截图) [图片] 开发者工具 map组件加border属性可设置为圆形 但是在真机调试中 依旧是矩形 [图片] - 预期表现 这种 圆形地图 该怎么实现 - 复现路径 - 提供一个最简复现 Demo
2019-06-05 - map地图组件设置圆角
- 需求的场景描述(希望解决的问题) [图片] - 希望提供的能力 如图,想要给map组件设置圆角,但无奈一直没有成功,直接给map组件本身设置的话,完全没有效果,外层用view设置的话,模拟器倒是可以,但是真机上原生组件就会覆盖住view,还是不行,有没有大神做过类型的啊?给点意见或想法呗
2018-12-28 - map地图控件圆角
哪位大神做过map地图圆角效果,怎么处理呢?
2018-10-07 - map 组件 border-radius 无效
代码 <map class="showMap"></map> wxss .showMap{ width: 100%; height: 300rpx; border-radius: 30rpx; } 编辑器效果 [图片] 真机预览 [图片] 真机效果 圆角 无效 ! 求助
2019-01-30 - 关于小程序刷新当前页面
有没有好的方法跟js location.reload() 一样可以达到刷新效果? 目前用 this.onLoad(); this.onShow(); 刷新感觉不太好,有些在data中的定值还得重新定义一下
2018-06-29 - 小程序体验版正式版环境判断
请提供一个api能够支持判断体验版和正式版本, 每次体验版和正式版切换请求url很麻烦...
2019-04-30 - 如何获取当前小程序版本是开发版、体验版还是正式版?
现在有这样的接口吗?各位开发者有没有用过?
2019-01-11 - map组件无法同层渲染
开发工具正常显示,手机上显示不出来 [图片] 手机型号:华为荣耀 v10 系统:android10
2020-02-18 - 小程序开发者能否主动清除授权信息?
- 需求的场景描述(希望解决的问题) 比如我让用户给我了getUserInfo的授权,作为开发者我能不能调用一个方法取消掉这个授权? - 希望提供的能力
2019-05-13 - cover-view点击穿透
希望点击map组件上蓝色的cover-view,触发cover-view上的clickCover事件,在开发工具正常,在安卓真机正常,在ios真机不正常,表现为先触发了map组件上的clickMap事件,再触发cover-view上的clickCover事件,刚开始不存在这个问题的,最近发现ios端出问题,ios 11.4.1, iphone7 [图片]
2018-08-27 - 小程序真机调试图片无法显示?
地址是https开头的,在内网调试故是没有备案,在手机上体验图片不显示,但是在开发者工具中校验域名合法性也会正常显示,请问这是什么原因啊?
2019-08-23 - cover-view中使用iconfont图标无法显示
[代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"item"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"iconfont icon-zixun"[代码][代码]></[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码][代码]>咨询</[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]cover-view[代码][代码]>[代码]cover-view中使用iconfont图标,在开发者工具可以显示,但在手机上却无法显示
2018-12-15 - cover-view样式支持:before :after 吗?
cover-view开发样式使用:before :after 在真机上不显示,cover-view是否支持:before :after 吗?@微信官方
2019-10-17 - 小程序swiper组件的indicator-dots的样式自定义
swiper组件的indicator-dots属性为true时,覆盖组件默认的样式,自定义自己的样式;看到这样的两个css类名 .wx-swiper-dots{ ..... } .wx-swiper-dot-active{ ...... } 可以覆盖默认的样式,但是在官方api中并没有看到相关资料,请问这是哪里来的? 是官方的吗?
2017-12-12 - 小程序拉起手机自带地图app
如果调用ios/安卓的自带地图,具体的实现方式是什么?
2018-08-28 - Android地图的marker中 zIndex 无效
marker 嗯zIndex无效 始终会被遮挡。iOS 正常
2019-09-09 - 求助,map组件中markers的zIndex怎么会无效?
markers里设置了zIndex,然后一个view设置了position:absolute和z-index,markers设置的值比view的高,但view覆盖在markers上。怎么调都是view在上面。
2019-08-29 - map同层渲染什么时候能达到全量兼容?
现在map组件已经支持同层渲染,但是有的安卓机不兼容,什么时候才能全量兼容呢?
2020-05-07 - 小程序 video 组件同层渲染公测
各位开发者: 大家好。 小程序原生组件因脱离 WebView 渲染而存在一些使用上的限制,为了方便开发者更好地使用原生组件进行开发,我们对小程序原生组件引入了 同层渲染 模式。通过同层渲染,小程序原生组件可与其他内置组件处于相同层级,不再有特殊的使用限制。 现阶段,小程序 video 组件 已切换至同层渲染模式。在该模式下,video 组件可以做到: 1、直接通过 z-index 属性对 video 组件进行层级控制; 2、无需使用 cover-view、cover-image 组件来覆盖 video 组件; 3、可在例如 scroll-view、swiper、movable-view 等内置组件中使用 video 组件; 4、可通过 CSS 对 video 组件进行控制; 5、video 组件不会遮挡 vConsole。 基础库 v2.4.0 及以上版本已默认开启 video 同层渲染,其他原生组件如 input、map、canvas、live-player、live-pusher 等也将逐步切换至同层渲染模式。 欢迎广大开发者进行公测,如有问题,可反馈给我们。 微信团队 2019.02.13
2019-02-15 - map 已支持同层渲染?
VM1442:1 map 已支持同层渲染,建议使用 view 代替 cover-view 渲染 用cover-view的时候吧,要建议我用view,你建议就建议吧,稳定点就算了,结果一改成view就出问题了,总有一部分手机同层渲染不了。
2020-01-02 - [渲染层错误] MultiMarker.styles: 样式id 是什么原因?
同样的代码,在两个微信小程序开发者中一个正常,一个一直报[渲染层错误] MultiMarker.styles: 样式id ,代码一样,使用了两个微信小程序账户。
2020-09-08 - 【bug】wx.hideLoading()会关闭toast提示框
wx.hideLoading()应该只关闭loading框,现在把wx.showToast()的提示框都给关闭了
2017-09-12 - hideLoading把toast关掉的BUG一直没修复
工具显示正常,客户端不正确,hideLoading把toast也关掉了 [代码]wx.showLoading({[代码][代码] [代码][代码]title: [代码][代码]'处理中...'[代码][代码],[代码][代码] [代码][代码]mask: [代码][代码]true[代码][代码] [代码][代码]});[代码][代码] [代码][代码]wx.request({[代码][代码] [代码][代码]url: [代码][代码]''[代码][代码],[代码][代码] [代码][代码]method: [代码][代码]'POST'[代码][代码],[代码][代码] [代码][代码]header: {[代码][代码] [代码][代码]'content-type'[代码][代码]: [代码][代码]'application/x-www-form-urlencoded; charset=UTF-8'[代码][代码] [代码][代码]},[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]xx:[代码][代码]'xx'[代码][代码] [代码][代码]},[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码]success(res) {[代码][代码] [代码][代码]wx.showToast({[代码][代码] [代码][代码]title: [代码][代码]'xx'[代码][代码],[代码][代码] [代码][代码]icon: [代码][代码]'success'[代码][代码],[代码][代码] [代码][代码]duration: 2000,[代码][代码] [代码][代码]mask:[代码][代码]true[代码][代码],[代码][代码] [代码][代码]complete: [代码][代码]function[代码] [代码]complete(res){[代码][代码] [代码][代码]setTimeout([代码][代码]function[代码][代码](){[代码][代码] [代码][代码]wx.navigateBack({[代码][代码] [代码][代码]delta:1[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},2000);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]});[代码][代码] [代码][代码]},[代码][代码] [代码][代码]fail: [代码][代码]function[代码] [代码]fail(res){[代码][代码] [代码][代码]wx.showToast({[代码][代码] [代码][代码]title: [代码][代码]'xx'[代码][代码],[代码][代码] [代码][代码]duration:2000,[代码][代码] [代码][代码]icon: [代码][代码]'none'[代码][代码],[代码][代码] [代码][代码]mask: [代码][代码]true[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]complete: [代码][代码]function[代码] [代码]complete(res){[代码][代码] [代码][代码]wx.hideLoading();[代码][代码] [代码][代码]}[代码]
2018-10-26 - 真机下hideLoading会关掉toast提示框
问题描述: wx.hideLoading()的功能时隐藏 loading 提示框,但是在真机环境下(小米,华为,iPhone)把wx.showToast(...)的提示框也关掉了。 而在开发工具里面是不会关掉toast提示框的。 以下是测试例子: 先延时10秒等加载完成,然后开始测试 显示toast提示框15秒,然后3秒后调用wx.hideLoading(); 开发工具里面toast提示框会显示15秒,正常 但真机里面显示3秒就被关掉了。 在页面onload()方法里面贴入以下代码就能测试出问题了 setTimeout(function(){ wx.showToast({ title: 'bbbbbb', duration: 15000 }) setTimeout(function(){ wx.hideLoading(); },3000); },10000);
2019-07-26 - 新版本开发者工具太占cpu
- 相同的代码 升级工具后 Mac成为火炉 没有代码更新 [图片]
2019-03-05 - mp4视频苹果播放不了
- 当前 Bug 的表现(可附上截图) mp4视频苹果播放不了 视频编码格式为hevc 刚才官方的人说 是可以播放的(我就把帖子删了) 但是我自己又试了试 并让其他的朋友试了试 真的 播放不了 T T [图片] - 预期表现 视频正常播放 - 复现路径 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/nayKigmV7f9R
2019-06-21 - 小程序video支持多大码率的视频?
现在遇到一个问题,高码率的视频在安卓手机上没法播放,所以想咨询一下,video控件支持多大的码率?
2017-10-27 - 小程序中使用css var变量,使js可以动态设置css样式属性
使用sass,stylus可以很方便的使用变量来做样式设计,其实css也同样可以定义变量,在小程序中由于原生不支持动态css语法,so,可以使用css变量来使用开发工作变简单。 基本用法 基础用法 [代码]<!--web开发中顶层变量的key名是:root,小程序使用page--> page { --main-bg-color: brown; } .one { color: white; background-color: var(--main-bg-color); margin: 10px; } .two { color: white; background-color: black; margin: 10px; } .three { color: white; background-color: var(--main-bg-color); } [代码] 提升用法 [代码]<div class="one"> <div class="two"> <div class="three"> </div> <div class="four"> </div> <div> </div> [代码] [代码].two { --test: 10px; } .three { --test: 2em; } [代码] 在这个例子中,[代码]var(--test)[代码]的结果是: class=“two” 对应的节点: 10px class=“three” 对应的节点: element: 2em class=“four” 对应的节点: 10px (继承自父级.two) class=“one” 对应的节点: 无效值, 即此属性值为未被自定义css变量覆盖的默认值 上述是一些基本概念,大致说明css变量的使用方法,注意在web开发中,我们使用[代码]:root[代码]来设置顶层变量,更多详细说明参考MDN的 文档 妙用css变量 开发中经常遇到的问题是,css的数据是写死的,不能够和js变量直通,即有些数据使用动态变化的,但css用不了。对了,可以使用css变量试试呀 wxml js [代码]// 在js中设置css变量 let myStyle = ` --bg-color:red; --border-radius:50%; --wid:200px; --hgt:200px; ` let chageStyle = ` --bg-color:red; --border-radius:50%; --wid:300px; --hgt:300px; ` Page({ data: { viewData: { style: myStyle } }, onLoad(){ setTimeout(() => { this.setData({'viewData.style': chageStyle}) }, 2000); } }) [代码] wxml [代码]<!--将css变量(js中设置的那些)赋值给style--> <view class="container"> <view class="my-view" style="{{viewData.style}}"> <image src="/images/abc.png" mode="widthFix"/> </view> </view> [代码] wxss [代码]/* 使用var */ .my-view{ width: var(--wid); height: var(--hgt); border-radius: var(--border-radius); padding: 10px; box-sizing: border-box; background-color: var(--bg-color); transition: all 0.3s ease-in; } .my-view image{ width: 100%; height: 100%; border-radius: var(--border-radius); } [代码] 通过css变量就可以动态设置css的属性值 代码片段 https://developers.weixin.qq.com/s/aWfUGCmG7Efe github 小程序演示 [图片]
2020-03-05 - 如何动态修改page{}样式?
请问如何动态修改*.wxss里面page{}样式呢?wxml里面也不可以改变page样式,只能改变某组件的样式,假如改变整个页面的背景,如何在js动态?
2017-12-06 - webview调试时报:网络错误,轻触屏幕重新加载:-1202?
[图片] 真机调试,并没有放到线上,普通网页是能打开的,调试也已经设置不检验域名合法性 [图片]
2019-09-06 - 第三方平台一共可以管理多少小程序?有限制吗?
请问第三方平台一共可以管理多少小程序?有限制吗?
2019-05-27 - 自定义组件内部如何触发onReachBottom
如何在自定义组件内部触发这个组件内的onReachBottom。。
2018-09-28 - 请问微信开发者工具有可以查看computed的功能吗?
[图片] 如上图,好像没有找到这个功能
2020-03-14 - 这个api,文档里哪里能找到呀
wx.onAppRoute(function(res){ console.log({res}) }) 监听路由变化的,准备写sdk做全链路埋点,这个api后续不会废弃吧。?
2018-12-06 - 关于modal组件与API wx.showModal的样式问题
能不能把modal组件与API showModal的能力合并下,前者可以自定义content的内及样式的修改,但是修改不了按钮的颜色,后者正好相反,很难受,你们遇到这样的问题吗?
2018-02-23 - 微信小程序批量更新问题?
目前在做第三方平台,代商家创建小程序,问题来了,小程序代码部署,审核,发布,都是单一得,如果要批量发布得时候,难不成我要循环掉接口?可有批量更新得方案?欢迎各位大佬指导
2019-09-11