个人中心 | 微信开放社区

这类操作下安卓机均能复现这个问题，已用自己手里面的很多个Android设备测试过了，包括华为、小米、Oppo

操作步骤：进入拍摄界面后，手机向外翻转180度，再向右翻转180度，再向内翻转180度。结果： [图片] 复现代码： index.css .camera-main { position: relative; width: 100%; height: 100%; font-size: 14rpx; } index.html <camera class="camera-main" device-position="back" flash="off"> </camera> index.json { "pageOrientation": "landscape", "navigationStyle": "custom", "usingComponents": { } }

2022-06-29

我遇到的问题更秀，是直接是地图内的地点图标信息一直在闪，就是基础使用 <map       name="recruit-map"       class="map-container"       longitude="{{info.position[0]}}"       latitude="{{info.position[1]}}"       markers="{{[marker]}}"       enable-scroll="{{false}}"       enable-zoom="{{false}}"       style="height: 260rpx;"     />

微信小程序地图动态加载marker出现闪烁现象

- 当前 Bug 的表现（附上截图） [图片] 可以看到拖动地图出现明显的闪烁。使用微信小程序地图动态展示marker，当用户拖拽或缩放地图时需要加载当前区域内的marker，但是使用setData({markers:markers})出现很明显的闪烁现象，该怎么解决？ - 预期表现移动地图，动态加载marker，地图上的marker无明显闪烁现象，让用户感觉不到marker刷新了。或者能否提供插入或删除单个marker的方法，这种批量操作marker的效率太低了。 - 复现路径用鼠标拖动地图，marker重新加载会出现闪烁 - 复现 Demo demo如下： map.wxml： [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"map_container"[代码][代码]>[代码] [代码]<[代码][代码]map[代码] [代码]class[代码][代码]=[代码][代码]"map"[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]longitude[代码][代码]=[代码][代码]"{{longitude}}"[代码] [代码]latitude[代码][代码]=[代码][代码]"{{latitude}}"[代码] [代码]scale[代码][代码]=[代码][代码]"14"[代码] [代码]show-location[代码][代码]=[代码][代码]"true"[代码] [代码]markers[代码][代码]=[代码][代码]"{{markers}}"[代码] [代码]bindregionchange[代码][代码]=[代码][代码]"regionchange"[代码][代码]></[代码][代码]map[代码][代码]>[代码] [代码]</[代码][代码]view[代码][代码]>[代码]map.wxss： [代码].map_container{[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码][代码].map{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]}[代码]map.js [代码]var[代码] [代码]amapFile = require([代码][代码]'../../libs/amap-wx.js'[代码][代码]);[代码][代码]var[代码] [代码]markersData = [];[代码][代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]markers: [],[代码][代码] [代码][代码]latitude: [代码][代码]'32.864377803922'[代码][代码],[代码][代码] [代码][代码]longitude: [代码][代码]'115.788491268263'[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onShow:[代码][代码]function[代码][代码](){[代码][代码] [代码][代码]//模拟从服务器加载设备[代码][代码] [代码][代码]//模拟网络延迟[代码][代码] [代码][代码]setTimeout(() => {[代码][代码] [代码][代码]var[代码] [代码]markers = [代码][代码]this[代码][代码].getMarkers();[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]markers: markers[代码][代码] [代码][代码]});[代码][代码] [代码][代码]}, 1000);[代码][代码] [代码][代码]},[代码][代码] [代码][代码]regionchange:[代码][代码]function[代码][代码](res){[代码][代码] [代码][代码]if[代码][代码](res.type==[代码][代码]'end'[代码][代码]){[代码][代码] [代码][代码]console.log([代码][代码]"加载设备"[代码][代码]);[代码][代码] [代码][代码]//模拟从服务器加载设备[代码][代码] [代码][代码]//模拟网络延迟[代码][代码] [代码][代码]setTimeout(()=>{[代码][代码] [代码][代码]var[代码] [代码]markers = [代码][代码]this[代码][代码].getMarkers();[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]markers: markers[代码][代码] [代码][代码]});[代码][代码] [代码][代码]},1000);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码][代码] [代码][代码]getMarkers:[代码][代码]function[代码][代码](){[代码][代码] [代码][代码]var[代码] [代码]markers1 = [ [代码][代码] [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码] [代码][代码], { latitude: 32.866150490718, longitude: 115.779776056454 }[代码][代码] [代码][代码], { latitude: 32.85699840912, longitude: 115.793706230259 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码] [代码][代码], { latitude: 32.861683316431, longitude: 115.794735614756 }[代码][代码] [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码] [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码] [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码] [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码] [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码] [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码] [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码] [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码] [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码] [代码][代码]];[代码][代码] [代码][代码]var[代码] [代码]markers2 = [[代码][代码] [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码] [代码][代码], { latitude: 32.859749503874, longitude: 115.782486744537 }[代码][代码] [代码][代码], { latitude: 32.865891748675, longitude: 115.778707367095 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码] [代码][代码], { latitude: 32.861683316431, longitude: 115.794735614756 }[代码][代码] [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码] [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码] [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码] [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码] [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码] [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码] [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码] [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码] [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码] [代码][代码]];[代码][代码] [代码][代码]var[代码] [代码]markers3 = [[代码][代码] [代码][代码]{ latitude: 32.863684789997, longitude: 115.794747394735 }[代码][代码] [代码][代码], { latitude: 32.859749503874, longitude: 115.782486744537 }[代码][代码] [代码][代码], { latitude: 32.85699840912, longitude: 115.793706230259 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.868802796587, longitude: 115.795851934883 }[代码][代码] [代码][代码], { latitude: 32.865037454128, longitude: 115.784221396101 }[代码][代码] [代码][代码], { latitude: 32.865902040263, longitude: 115.780964494169 }[代码][代码] [代码][代码], { latitude: 32.86145345, longitude: 115.7946734 }[代码][代码] [代码][代码], { latitude: 32.866980115902, ongitude: 115.779949 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.861960286233, longitude: 115.794732449203 }[代码][代码] [代码][代码], { latitude: 32.860691527707, longitude: 115.783249338155 }[代码][代码] [代码][代码], { latitude: 32.858660704851, longitude: 115.782761369842 }[代码][代码] [代码][代码], { latitude: 32.861673318033, longitude: 115.782898390111 }[代码][代码] [代码][代码], { latitude: 32.859451402325, longitude: 115.783271050545 }[代码][代码] [代码][代码], { latitude: 32.858075553001, longitude: 115.782085844506 }[代码][代码] [代码][代码], { latitude: 32.85980061309, longitude: 115.782478686392 }[代码][代码] [代码][代码], { latitude: 32.859026954912, longitude: 115.783450959086 }[代码][代码] [代码][代码], { latitude: 32.858902233697, longitude: 115.786543290987 }[代码][代码] [代码][代码]];[代码][代码] [代码][代码]var[代码] [代码]rm = (Math.random()*3).toFixed(0);[代码][代码] [代码][代码]console.log([代码][代码]"rm="[代码][代码]+rm);[代码][代码] [代码][代码]if[代码][代码](rm==1){[代码][代码] [代码][代码]return[代码] [代码]markers1;[代码][代码] [代码][代码]}[代码][代码]else[代码] [代码]if[代码][代码](rm == 2){[代码][代码] [代码][代码]return[代码] [代码]markers2;[代码][代码] [代码][代码]}[代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]return[代码] [代码]markers3;[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]})[代码]

2022-04-09

比如你写一个公用的弹窗组件，这时候你会写在引用处吗，最好的解决方案是写在内部，因为内部可以控制动画，写在外部的话，是没办法实现隐藏时的动画的

slot组件，其自身或父级使用wx:if，会导致有警告信息报出

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 什么场景下需要使用这种类似的写法呢，当我们写drawer（抽屉）、popup弹窗时，极有可能写出这一类的结构来，因为我们想通过wx:if来控制dom节点的数量，避免在未显示的时候依然渲染至页面内部，如果不使用wx:if来控制的话，在低端机上有明显的性能问题产生，这时候换做display: none这种写法，虽然也能解决掉这个报错，但是从性能角度上来说，这样是不可取的，如果slot的内容过多，那么势必会影响到当前页面首屏渲染速度。如下示例： <view wx:if="show"> <slot></slot> </view>

2022-03-08

这个问题产生的原因，大概率是子组件里面有<slot></slot>，但是它或者它的父级需要通过wx:if干掉，这时候，大概率就会出现此问题，但是问题来了，为了减少dom的渲染量，提高首屏速度，wx:if是必不可少的，为什么官方会有这个提示信息呢，信人费解。难道是不希望我们在使用slot的时候可以进行dom渲染量的优化吗，因为slot就意味着会有很多逻辑在里面，这时候会有很多dom, 开发时间久的工程师基本都会采用这一操作进行处理。

[Component] slot "" is not found？

项目打开突然就报这个警告了是什么情况啊？ [Component] slot "" is not found？ [图片] [图片]

2022-03-07

Taro.openSetting()能正常调用

wx.openSetting，打不开设置页面

wx.openSetting，打不开设置页面。比如我们有个页面，需要上传功能，用户点击了按钮，弹出授权信息，不小心点击了拒绝，这时候再点击按钮，调用了wx.openSetting方法，但是却没有跳转到相应的页面，按理说，我调用这个方法，就应该正常打开设置页面。要不然用户会一直没法进行拍照操作，形成一个BUG。相同的代码，我在Taro上却能正常调用起来，但是在微信原生上却不行，这个有办法处理吗。

2022-03-01

先说一下我遇到的情况：在小程序里面，我有一个居于顶部的fixed的元素，当我使用input框，当input在软键盘弹出区域内时，加上adjust-position=false，页面不会上移，但同时input框也被隐藏了，如果不加这个属性，但导致整个页面上移，记录时间：2021年11月27日，在其他手机浏览器和微信浏览器上测试H5，均没有这个问题，为嘛，要把我fixed的元素顶到上面。如果不使用这个属性，我需要手动重置div的top的值，但是这个值有时候计算也有问题，而且，即使计算准确的时候，也会出现一个闪屏现像

当真机软键盘拉起时，fixed属性就变成了absolute属性？

测试了好久，只要输入框聚焦，fixed属性的组件就会跟随页面上下移动，一旦键盘收起，一切恢复正常，好坑啊！

2021-11-27

工具版本是官方的最新稳定版本，今天下载的，使用的系统是windows 10

新建小程序卡死？

刚开始新建小程序时，反应过慢，而且建立完成之后，只有一个文件 [图片]

2019-11-13

GitHub账号

选择需要上架的开放服务

案例类型