2019-04-11 13:41:07 weixin_39706415 阅读数 782
  • 微信公众号编辑器开发-微信公众号开发11-微信开发php

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。详细讲解了用php进行微信编辑器的开发。内容包含微信公众号编辑器开发思路,编辑器前端页面,功能实现,添加新样式等等。欢迎反馈,微信号:QQ68183131

    3709 人正在学习 去看看 秦子恒

微信有两种关闭的操作

一种是获取微信签名执行jsAPI进行操作、还有一种就是下面的操作、获取api的操作需要后台开发接口的

简单点就用下面的操作实现

 

let state = {
              title: "title",
              url: "#"
            };
            window.history.pushState(state, "title", "#");
            window.addEventListener("popstate", function (e) {
              if (window.location.href.includes("/bind/login") && !window.location.href.includes("/bind/login#")) {
                //关闭当前浏览器
                window.WeixinJSBridge.call("closeWindow");
              }
            }, false);

我们有个问题就是使用了微信的静默登录用户执行返回的时候又到达了静默登录、静默登录成功跳转到自己的登录界面,然后就导致无法返回需要点击好多次 然后就可以使用上述的 监听返回操作关闭微信的浏览器回到会话列表 ,上面的pushState这个会给路由后面携带一个#符号参数、你可以对当前路由判断进行返回操作、为了避免用户进入了忘记密码或者注册界面返回退出、需要作出判断只有用户点击返回不携带#符号直接操作关闭。你试试就知道了 

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取

有问题请留言

 

2019-07-23 19:56:48 weixin_38131507 阅读数 133
  • 微信公众号编辑器开发-微信公众号开发11-微信开发php

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。详细讲解了用php进行微信编辑器的开发。内容包含微信公众号编辑器开发思路,编辑器前端页面,功能实现,添加新样式等等。欢迎反馈,微信号:QQ68183131

    3709 人正在学习 去看看 秦子恒

微信开发者工具-调试器

调试器常用的 6 大功能模块有:Console、Sources、Network、Appdata、Storage、Wxml

Console

Console有两大功能:
1)开发者可以在此输入和调试代码
在这里插入图片描述

2)小程序的错误输出,会显示在此处
在这里插入图片描述

Sources

Sources 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。
小程序编译出错时,点击错误,可以跳转到这里,方便查错(黄色背景处为出错处)
在这里插入图片描述

Network

Network 用于观察和显示 request 和 socket 的请求情况
点击Headers可以查看请求数据,点击Preview和Response可以查看响应数据
在这里插入图片描述

Appdata

Appdata 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。
在这里插入图片描述

Storage

Storage 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。
在这里插入图片描述

Wxml

Wxml用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 wxml 代码。
在这里插入图片描述

2019-03-27 16:52:02 weixin_44763569 阅读数 403
  • 微信公众号编辑器开发-微信公众号开发11-微信开发php

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。详细讲解了用php进行微信编辑器的开发。内容包含微信公众号编辑器开发思路,编辑器前端页面,功能实现,添加新样式等等。欢迎反馈,微信号:QQ68183131

    3709 人正在学习 去看看 秦子恒

Mpvue的简单介绍以及开发时踩到的一些坑

微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。

由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用Sublime、webstorm、vs等。

mpvue小程序项目无法像其他vue项目一样直接打开localhost:8080在浏览器里面预览,而是要在微信开发者工具里面打开预览。

拿前端最受欢迎的编辑器webstorm来说,将项目导入,对需要进行修改的文件进行修改,然后在微信开发者工具中打开编译后的dist目录就可以看到修改之后的效果了。也可用于页面测试等等。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:649040560。

2019-02-05 01:03:00 qq_36538012 阅读数 303
  • 微信公众号编辑器开发-微信公众号开发11-微信开发php

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。详细讲解了用php进行微信编辑器的开发。内容包含微信公众号编辑器开发思路,编辑器前端页面,功能实现,添加新样式等等。欢迎反馈,微信号:QQ68183131

    3709 人正在学习 去看看 秦子恒

Mpvue的简单介绍以及开发时踩到的一些坑

5640239-116a6ab04b7ef0d5.png

微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。

由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用Sublime、webstorm、vs等。

mpvue小程序项目无法像其他vue项目一样直接打开localhost:8080在浏览器里面预览,而是要在微信开发者工具里面打开预览。

拿前端最受欢迎的编辑器webstorm来说,将项目导入,对需要进行修改的文件进行修改,然后在微信开发者工具中打开编译后的dist目录就可以看到修改之后的效果了。也可用于页面测试等等。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:473819131。

2018-11-01 20:48:47 qq_31766907 阅读数 14828
  • 微信公众号编辑器开发-微信公众号开发11-微信开发php

    会员免费看,http://edu.csdn.net/lecturer/842 右侧可办理会员卡。微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。详细讲解了用php进行微信编辑器的开发。内容包含微信公众号编辑器开发思路,编辑器前端页面,功能实现,添加新样式等等。欢迎反馈,微信号:QQ68183131

    3709 人正在学习 去看看 秦子恒

最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才发现这个问题,具体表现如下:游戏运行在手机上会特别卡,并且卡一段时间、或者卡一下就断线,即使断线恢复后也依然很不稳定。

初步猜想:卡顿问题属于客户端程序问题,断线情况可以排除心跳包问题,可能是客户端发送消息包存在格式问题,或者服务器一些异常导致。

首先通过调试信息来看,客户端并没有主动请求断开与服务器的连接,追踪服务器的日志信息来看,在客户端与服务器断开连接前,都是因为数据传输协议解析错误问题,导致服务器主动断开连接的,然后就又通过调试信息查看断开连接前客户端发送给客户端的消息包是否有格式问题,结果出乎意料没有。

这就奇怪了,没办法,项目周期将至,不得不做些取舍,暂时实在没有头绪只好打算在服务器解析到消息包错误时忽略该消息,不做主动断开连接,本以为这样就可以暂时了事,怎料游戏运行在手机环境下的问题依然存在。

从断线这条路线找下去没有头绪,只好换成从卡顿问题下手,用排除法把可能的逻辑代码注释调试,最后定位出了是因为代码中有些地方的console.log(...)日志记录非常耗时,有些地方光是因为加了这行代码就使逻辑执行时间慢了3秒,好了,问题找出来了就好办,最后采取的措施是:开发测试时因为是用浏览器以及微信开发工具模拟器调试,加上在模拟器上又不存在这种现象(其实是设备配置问题),所以程序员自己测试不加任何优化,如果是要上传微信体验包,就把console.log方法重写为一个空方法,这样,项目里每一句调用console.log()方法的地方实际不能使用正常的日志记录功能,仅仅是调用的一个空方法,这样改善之后,游戏跑在手机上就不存在这种问题了。

微信开发之JSSDK调用

阅读数 20061

没有更多推荐了,返回首页