请问一下社区的大佬们，小程序v1.0版本时上传的分享图被人举报过违规，后来v1.2版本时，分享图已做了修改，但分享后仅本人能见封面图，其他人看不到封面图内容。 请问具体是什么原因导致的？需要怎么尝试解决呢？求社区的大佬帮忙…… [图片] （分享后本人能看到的分享图） [图片] （但是别人看不到分享者的分享图）

建议官方在cover-*中支持input，因为很多场景需要到这个输入，如果不支持input真的很痛苦

都已经更新完了，为什么还是不停的提示让更新啊！！！ - [图片] 当前 Bug 的表现（可附上截图） - 预期表现 - 复现路径 - 提供一个最简复现 Demo

- 当前 Bug 的表现（可附上截图） 测试用机（oppo r9s、iphone 8 plus） 在手机上使用canvas绘制文字。使用wx.canvasToTempFilePath转为图片后，文字的大小、颜色、位置会出现错乱，错乱频率较高 - 提供一个最简复现 Demo wechatide://minicode/d39sWyme7N3E 使用手机预览代码片段，多次点击绘制按钮可复现。

在showToast接口文档中的“bug&tips”部分提到：“使用 wx.hideToast/wx.hideLoading 都可以关闭提示框” 在新版本中调整为：必须配对使用。即showToast只能用hideToast隐藏，同showLoading。 对于有此特殊用法的小程序，请及时修改一下。带来不便之处，请见谅。

避免在直接对 Page.data 进行赋值修改，请使用 Page.setData 进行操作才能将数据同步到页面中进行渲染

最新版本下载地址 (1.02.1804080)windows 64 、 windows 32 、 mac 2018.04.08 更新日志[代码]A[代码] 新增 编辑器文件标签打开策略设置 [代码]A[代码] 新增 iPhone X 刘海效果 [代码]A[代码] 新增 [代码]App.onPageNotFound[代码] 的调试支持 详情 [代码]A[代码] 新增 远程调试带插件的小程序支持 [代码]A[代码] 新增 [代码]project.config.json[代码] 的 [代码]ignore[代码] 字段 详情 [代码]A[代码] 新增 项目设置中展示插件信息、分包大小 [代码]A[代码] 新增 自定义预处理命令 详情 [代码]A[代码] 新增 支持分包中使用插件 [代码]F[代码] 修复 同步 API 导致内存泄漏的问题 [代码]F[代码] 修复 [代码]web-view>/web-view>[代码] 链接带 [代码]#wechat_redirect[代码] 无法加载的问题 [代码]F[代码] 修复 在 tabbar 页面调用 [代码]wx.redirectTo[代码] 后再调用 [代码]wx.switchTab[代码] 到同一 tabbar，页面出错的问题 [代码]F[代码] 修复 网络请求 API 没有带上对应模拟器设备的 [代码]userAgent[代码] 的问题 [代码]F[代码] 修复 项目管理删除无效项目不生效的问题 详情 [代码]F[代码] 修复 只有设置页面时，无法关闭开发者工具的问题 [代码]F[代码] 修复 当项目目录在 [代码]node_modules[代码] 下时，无法感知文件变更的问题 [代码]F[代码] 修复 1.02.1803210 版本导致的 [代码]WXML[代码] 面板，某些情况下不显示子节点的问题 详情 [代码]F[代码] 修复 远程调试 CanvasContext.measureText 报错的问题 [代码]F[代码] 修复 [代码]WXML[代码] 面板无法审查自定义组件内节点的问题 [代码]F[代码] 修复 [代码]WXSS[代码] 文件解析异常导致无法查看节点样式的问题 详情 [代码]F[代码] 修复 某些情况下新增编译条件无效的问题 详情 [代码]F[代码] 修复 切换模拟器网络为 offline 后，Socket接口还能正常发送的问题。 [代码]F[代码] 修复 BackgroundAudioManager 不回调 onCanplay 的问题 详情

我们在处理业务需求的时候，常常会遇到一些情况，在二级或者三级页面进行某些操作或者变更后，需要将结果通知到上级页面去。比如： 选择了某些配置项，点击保存后，外部页面能够立即变更 在上传头像页面，上传完毕后，外部页面的头像能够立即显示为新头像。 所以，这个时候就涉及到如何在页面之间通信的问题了。 跨页面通信进一步说其实就是一个程序内部的事件通知机制问题，在其他平台或者OS上都一些相应的实现，比如: iOS SDK自带的 NotificationCenter Android 平台著名的第三方库 EventBus 目前微信小程序官方SDK还没有提供 Event API 来帮助开发者实现页面间通信，所以我们今天来看看，自己如何实现这样一个简单的小工具。 说到这里就不得不说“云梦”的微信小程序版本了，在小程序开始公测后，我们也在第一时间将“云梦”的基本功能移植到了小程序平台上。 整个过程相当顺利，除了小程序的IDE还不是太稳定外，基本上没啥大问题。 开发过程和React-Native基本相似，大概一天时间就搞定了。 Quick And Dirty我们知道，在小程序里面一个页面的变化，是通过调用 setData 函数来实现的。所以想做到在二级页面里让一级页面产生变化，最 Quick And Dirty 的做法就是把一级页面的 this 传入到二级页面去，这样我们在二级页面调用 page1.setData(…) 就可以立即引发外部的变化。 但是这并不是一个好的方案，不仅产生了页面的耦合，而且也并不能处理复杂的数据逻辑，因为二级页面不并清楚也不应该关心一级页面想怎么处理当前数据。所以二级页面只应该把变更后的数据通知给一级页面即可，至于一级页面是想刷新界面，还是想本地存储或者发起网络通信，别人都不需知晓了。 简单的Callback如果只是想把数据通知给外部页面，那应该怎么做呢？ 我们来看看第二个方案，如果想产生一个通知，这里就需要用到 callback 机制了。 即关心数据变化的页面，注册一个 callback 函数到一个公共的地方；而数据变更者在变更数据后，将新的数据放入同一个公共的地方；在放入数据时，同时调用这个 callback 函数，让 callback 函数实现者接收到这个变化。 哪这个公共的地方在哪里呢？ 第一反应就是 app.js 里面，因为小程序提供了一个 API 叫做 getApp()，让 page 初始化时，可以通过以下代码： var app = getApp()来获取 app 实例，从而实现全局的数据共享，并且微信也很贴心的在 Demo 代码里面留了一个 globalData 字段，以暗示开发者这里是可以用来存储全局数据的。 App({    ...    globalData:{        userInfo:null    }    ...})基于 app.js 方案的伪代码如下： //app.jsApp({    addListener: function(callback) {        this.callback = callback;    },    setChangedData: function(data) {        this.data = data;        if(this.callback != null) {            this.callback(data);        }    } })然后我们在一级页面的 onLoad中 调用 addListener： //page1.jsvar app = getApp()Page({    onLoad: function () {        app.addListener(function(changedData) {            that.setData({                data: changedData            });        });    } })在二级页面数据变更的地方调用： //page2.jsvar app = getApp()Page({    onBtnPress: function() {        app.setChangedData('page2-data');    } })一个基本合格的方案以上就是跨页面通信的最基本原理，不过这也是一个很 dirty 的方案，因为上面的代码只能支持一种 Event 的通知，而且也不能针对这个 Event 添加多个监听者（比如有多个页面需要同时知道某数据变更）。 让我们来看看一个基本合格的 Event 管理器应该具备怎样的能力？ 支持多种 Event 的通知 支持对某一 Event 可以添加多个监听者 支持对某一 Event 可以移除某一监听者 将 Event 的存储和管理放在一个单独模块中，可以被所有文件全局引用 根据以上的描述，我们来设计一个新的 Event 模块，对应上面的能力，它应该具有如下三个函数： on 函数，用来向管理器中添加一个 Event 的 Callback，且每一个 Event 必须有全局唯一的 EventName，函数内部通过一个数组来保存同一 Event 的多个 Callback remove 函数，用来向管理器移除一个 Event 的 Callback emit 函数，用来触发一个 Event 我们在小程序的 utils 目录中，新建一个 event.js 文件，来作为一个独立的模块，伪代码如下: //event.jsvar events = {};function on(name, callback) {    var callbacks = events[name];    addToCallbacks(callbacks, callback); }function remove(name, callback) {    var callbacks = events[name];    removeFromCallbacks(callbacks, callback); }function emit(name, data) {    var callbacks = events[name];    emitToEveryCallback(callbacks, data); }exports.on = on;exports.remove = remove;exports.emit = emit;我们来看看在一二级页面应该如何来使用这个 Event 模块 在二级页面中触发事件： //page2.jsvar event = require('../../utils/event.js');Page({    onBtnPress: function() {        event.emit('DataChanged', 'page2-data');    } });在一级页面的 onLoad 中监听事件，onUnload 中取消监听： //page1.jsvar event = require('../../utils/event.js');Page({    onLoad: function() {        var that = this;        event.on('DataChanged', function(changedData) {            that.setData({                data: changedData            });        });    },    onUnload: function() {        event.remove('DataChanged', ...);    } });咦，似乎哪里不对？ remove 需要接受两个参数，第一个是 EventName，第二个是 Callback，但是我们的 Callback 以匿名函数的方式写在了 event.on(...) 的调用语句里面 好吧，那我们不得不修改一下语句的调用方式： //page1.jsvar event = require('../../utils/event.js');Page({    onDataChanged: function(changedData) {        this.setData({            data: changedData        })    },    onLoad: function() {        event.on('DataChanged', this.onDataChanged);    },    onUnload: function() {        event.remove('DataChanged', this.onDataChanged);    } });这样就 OK 了么？NO NO NO NO 熟悉 Javascript this 这个大坑的朋友们一定会知道，在 onDataChanged 这个函数中调用的 this 并不是我们 Page 中的那个 this，所以根本不可能调用到 this.setData(....)，于是我们用 bind 大法稍微调整一下： onLoad: function() {    event.on('DataChanged', this.onDataChanged.bind(this)); }onUnload: function() {    event.remove('DataChanged', this.onDataChanged.bind(this)); }现在OK了么？NO NO NO NO！如果大伙敲代码试试，就会发现依然还是不行！ 因为 this.onDataChanged.bind(this)会产生一个新的匿名函数，即 bind的 返回值是一个函数，那么在 onLoad 和 onUnload 里面，各自调用了 bind 大法，从而产生了各自的匿名函数，也就是说 event.remove(...) 塞进去的那个函数，并不是 event.on(...) 塞进去的那个函数，这样就造成了 remove 时无法正确匹配。removeFromCallbacks 的伪代码大致如下： function removeFromCallbacks(callbacks, callback) {    var newCallbacks = [];    for(var item in callbacks) {        if(item != callback) {            newCallbacks.push(item);        }    }    return newCallbacks; }所以我们会发现 remove 传入的 callback 永远无法在 callbacks 数组中被匹配到，从而也就无法正确移除了。 最终的代码实现当 EventName + Callback 无法唯一决定需要移除的监听者时，那么自然想到的就是再增加一个 key 值，我们可以用Page自身的某个特性来做 key，比如 page name ，新的 remove 原型如下： function remove(eventName, pageName, callback);pageName 是一个字符串，如果开发者不能做到全局内 page name 唯一的话（比如开发者一不小心写错了），那就可能会出现后来监听者冲掉前面监听者的情况，从而造成无法收到通知的 bug。 所以这里看起来还是用 page 的 this 做 key 比较靠谱，修改后的函数原型如下： function on(name, self, callback); function remove(name, self, callback);让我们来看看内部具体怎么实现。以下是一个完整的 on 函数实现： function on(name, self, callback) {    var tuple = [self, callback];    var callbacks = events[name];    if (Array.isArray(callbacks)) {        callbacks.push(tuple);    }    else {        events[name] = [tuple];    } }第二行我们将 self (即 page 的 this)和 callback 合并成一个 tuple 第三行从 events 容器中，取出该 EventName 下的监听者数组 callbacks 如果该数组存在，则将 tuple 加入数组；如果不存在，则新建一个数组。 remove的完整实现： function remove(name, self) {    var callbacks = events[name];    if (Array.isArray(callbacks)) {        events[name] = callbacks.filter((tuple) => {            return tuple[0] != self;        });    } }第二行从 events 容器中，取出该 EventName 下的监听者数组 callbacks 如果 callbacks 不存在，则直接返回 如果存在，则调用 callbacks.filter(fn) 方法 filter 方法的含义是通过 fn 来决定是否过滤掉 callbacks 中的每一个项。fn 返回 true 则保留，fn 返回 false 则过滤掉。所以我们调用 callbacks.filter(fn) 后，callbacks 中的每一个 tuple 都会被依次判定。 fn的定义为： (tuple) => {    return tuple[0] != self; }tuple 中的第一个元素 self 和 remove 传入的 self 相比较，如果不相等则返回 true 被保留，如果相等则返回 false 被过滤掉。 callbacks.filter(fn) 会返回一个新的数组，然后重新写入 events[name]，最终达到移除callbacks中某一项的逻辑。 最后再来看看emit的实现： function emit(name, data) {    var callbacks = events[name];    if (Array.isArray(callbacks)) {        callbacks.map((tuple) => {            var self = tuple[0];            var callback = tuple[1];            callback.call(self, data);        });    } }第二行从 events 容器中，取出该 EventName 下的监听者数组 callbacks 如果 callbacks 不存在，则直接返回 如果存在，则调用 callbacks.map(fn) 方法 和 filter 的用法类似，map 函数的作用相当于 for 循环，依次取出 callbacks 中的每一个项，然后对其执行 fn(tuple)，从其名字就可以看出 map 就是映射变换的意思，将 item 变换为另外一种东西，这个映射关系就是fn。 fn 的定义为： (tuple) => {    var self = tuple[0];    var callback = tuple[1];    callback.call(self, data); }对传入的 tuple，分别取出 self 和 callback，然后调用 Javascript 的 call大法： fn.call(this, args)从而最终实现调用到监听者的目的。 讲到这里就基本上差不多了，因为 Event 模块持有了 Page 的 this，所以一定要在 Page 的 Unload 函数中调用 event.remove(…)，不然会造成内存泄露。 源代码event.js 的完整源代码和Demo请见 https://github.com/danneyyang/weapp-event                                                                                                                                                                                               原作者: danneyyang

已解决 在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的, 解决办法:(这段话位置放那么偏~ ) [图片] 问题描述 [图片] 代码截图 app.wxss.png [图片] 模拟器里的效果.png [图片] 手机里的效果.png 未解决 用小程序自带的底部导航组件的话, 没法实现跟微信原生底部小红点或者消息提醒的功能 已解决 picker使用时候 picker组件里必须要有内容,放一个值为空的变量并没有作用 [图片] [代码]这里我如果只保留{{age}}的话, 这个组件是无法触发的. 组件里面必须至少要有1个字符(哪怕是1),这个组件才可以被触发,但是空格是不行 放一个宽高为100%,display:block的view,如果view里没内容,view是不会显示的, 必须要在view里放东西,哪怕一个数字也行. 然后这里只能写成了这种(原本需求是这个日期选择器默认状态是空,)[代码]已解决 没仔细考证,网上说图是没法批量上传的,所以这里只能用单个上传,成功后递归调用来解决批量上传. 以下代码有一个错误,第十会说到文件上传的另一个问题 [图片] 已解决 结论:      手机预览的时候会进行域名合法校验的, 模拟器里的关闭域名校验只是对模拟器有效 问题描述: 模拟器里开启"开发工具不开启域名校验"之后在模拟器里是可以用http的,但是当在手机上预览的时候http并不能用, 模拟器开的这个 只负责在模拟器里. 如果不开启的话, 并且在APP配置信息里,没有设置合法域名的话, 在模拟器里是可以使用图片上传之类的接口,但是在手机上并不可以 [图片] Paste_Image.png 已解决 在index点击跳转到login时候,标记三的部分没有写page()进行实例化,导致2 的页面加载时候没加载相应的js , 会报以下错 [图片] [图片] 已解决 textArea 没有bindinput事件 [代码]之前描述: 有个业务场景是检测多行输入框,如果有值,按钮立马变成可点击. 然而textarea是没有input事件的, 最后只能用blur进行失去焦点的时候监听 解决办法: blur的在电脑上的体验如描述所说,可是真正在手机上运行的时候, 体验和需求中的一致...[代码]已解决 更新: 以下在模拟器里是可以的但是在手机上是无效的! 原因参考第一条 app.wxss里的图片路径要按照组件文件夹的图片路径来写 [代码]//用最上面的1来距离这个样式最开始在一个pages文件夹里,所以图片路径是 ../../imgs/XXX, 按理说如果把这个样式提取到外面的app.wxss里的话 图片路径应该改为./imgs/XXX.. 然而改成这样之后在模拟器都无法生效.[代码]未解决 输入法掩盖textarea, 这个bug有一半的概率会出现 [图片] 已解决: wx.uploadFile 中formData参数问题: 这个接口的formData 微信在处理的时候 已经用formData进行了包装. 所以这里是没有必要自己用formData来传递参数的(比如注释掉的代码) 扯淡的是, 传递了form格式的参数之后 在浏览器和安卓下, 接口是可以正常使用的, 并不会报什么错 但是! 在ios里 会直接报错, 不是运行异常,是直接红色的报错.!!!!! [图片]                                                                                                           原作者: dongtao        来自: http://www.jianshu.com/p/55621c85c5dd

直接附代码 前端代码： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>   <!DOCTYPE HTML> <html>   <head>     <base href="<%=basePath%>">     <title>My WebSocket</title>   </head>       <body>     Welcome<br/>     <input id="text" type="text" /><button onclick="send()">Send</button>    <button onclick="closeWebSocket()">Close</button>     <div id="message">     </div>   </body>       <script type="text/javascript">       var websocket = null;               //判断当前浏览器是否支持WebSocket       if('WebSocket' in window){           websocket = new WebSocket("ws://localhost:8080/myWebSocket/websocket");       }       else{           alert('Not support websocket')       }               //连接发生错误的回调方法       websocket.onerror = function(){           setMessageInnerHTML("error");       };               //连接成功建立的回调方法       websocket.onopen = function(event){           setMessageInnerHTML("open");       }               //接收到消息的回调方法       websocket.onmessage = function(event){           setMessageInnerHTML(event.data);       }               //连接关闭的回调方法       websocket.onclose = function(){           setMessageInnerHTML("close");       }               //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。       window.onbeforeunload = function(){           websocket.close();       }               //将消息显示在网页上       function setMessageInnerHTML(innerHTML){           document.getElementById('message').innerHTML += innerHTML + '<br/>';       }               //关闭连接       function closeWebSocket(){           websocket.close();       }               //发送消息       function send(){           var message = document.getElementById('text').value;           websocket.send(message);       }   </script> </html> 后端代码： import java.io.IOException; import java.util.concurrent.CopyOnWriteArraySet;   import javax.websocket.OnClose; import javax.websocket.OnError; import javax.websocket.OnMessage; import javax.websocket.OnOpen; import javax.websocket.Session; import javax.websocket.server.ServerEndpoint;   //该注解用来指定一个URI，客户端可以通过这个URI来连接到WebSocket。类似Servlet的注解mapping。无需在web.xml中配置。 @ServerEndpoint("/websocket") public class MyWebSocket {     //静态变量，用来记录当前在线连接数。应该把它设计成线程安全的。     private static int onlineCount = 0;           //concurrent包的线程安全Set，用来存放每个客户端对应的MyWebSocket对象。若要实现服务端与单一客户端通信的话，可以使用Map来存放，其中Key可以为用户标识     private static CopyOnWriteArraySet<MyWebSocket> webSocketSet = new CopyOnWriteArraySet<MyWebSocket>();           //与某个客户端的连接会话，需要通过它来给客户端发送数据     private Session session;           /**      * 连接建立成功调用的方法      * @param session  可选的参数。session为与某个客户端的连接会话，需要通过它来给客户端发送数据      */     @OnOpen     public void onOpen(Session session){         this.session = session;         webSocketSet.add(this);     //加入set中         addOnlineCount();           //在线数加1         System.out.println("有新连接加入！当前在线人数为" + getOnlineCount());     }           /**      * 连接关闭调用的方法      */     @OnClose     public void onClose(){         webSocketSet.remove(this);  //从set中删除         subOnlineCount();           //在线数减1             System.out.println("有一连接关闭！当前在线人数为" + getOnlineCount());     }           /**      * 收到客户端消息后调用的方法      * @param message 客户端发送过来的消息      * @param session 可选的参数      */     @OnMessage     public void onMessage(String message, Session session) {         System.out.println("来自客户端的消息:" + message);                   //群发消息         for(MyWebSocket item: webSocketSet){                          try {                 item.sendMessage(message);             } catch (IOException e) {                 e.printStackTrace();                 continue;             }         }     }           /**      * 发生错误时调用      * @param session      * @param error      */     @OnError     public void onError(Session session, Throwable error){         System.out.println("发生错误");         error.printStackTrace();     }           /**      * 这个方法与上面几个方法不一样。没有用注解，是根据自己需要添加的方法。      * @param message      * @throws IOException      */     public void sendMessage(String message) throws IOException{         this.session.getBasicRemote().sendText(message);         //this.session.getAsyncRemote().sendText(message);     }       public static synchronized int getOnlineCount() {         return onlineCount;     }       public static synchronized void addOnlineCount() {         MyWebSocket.onlineCount++;     }           public static synchronized void subOnlineCount() {         MyWebSocket.onlineCount--;     } } 以上是网上的前端及后端的代码（原文地址：http://www.cnblogs.com/xdp-gacl/p/5193279.html？utm_source=tuicool&utm_medium=referral），jdk版本要求是在jdk1.7.0以上，tomcat版本也需要在tomcat7.0版本以上。另外有个需要注意的点就是websocket的api包要用tomcat自带的（websocket-api.jar），一开始本人采用的是非tomcat自带的javax.websocket-api-1.0.jar包，在配置了正确的环境之后总是连接不上，会报错：Error during WebSocket handshake: Unexpected response code: 404。 正确的效果图如下： 进入页面http://localhost:8080/myWebSocket/index.jsp [图片] 输入内容，点击send [图片] 微信小程序端发起请求： 请求代码：     connectWebSocket:function(){    console.log("创建webSocket连接");    wx.connectSocket({       url:'ws://localhost:8080/myWebSocket/websocket',    // url:'http://eservicesit.prlife.com.cn:7001',     data:{        x: '',        y: ''      },     header:{      'content-type': 'application/json'      },     method:"GET",     success: function(res){       console.log("创建连接成功");         //do something     },     fail:function(res){       console.log("创建连接失败,原因因::"+res.errMsg);     },     complete:function(){         console.log("创建连接complete");     } })      }控制台输出：   [图片]                                                                                                              原作者: 郑春宏        来自: http://blog.csdn.net/v824394795/article/details/53507645