window.addEventListener('pageshow', function(e) { // 通过persisted属性判断是否存在 BF Cache if (e.persisted) { location.reload(); } }); 原理:pageShow事件在页面显示即会触发,无论页面是否来自BF Cache.通过检测persisted属性即可判断是否存在 BF Cache 行为.优点:大部分浏览器都支持pageShow方法与persisted属性,并且需要的代码量只需要短短

之前有个需求,点击菜单进入到微信公众号模块,然后点击返回的时候不知道到哪里去,后来觉得点返回的时候直接关闭页面,但是window.close()并不能关闭页面,然后经过查找资料,发现通过以下方法可以 setTimeout(function() { //这个可以关闭安卓系统的手机 document.addEventListener( "WeixinJSBridgeReady", function() { WeixinJSBridge.call("closeWindow"

1.前言 如今h5新特性.新标签.新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力.作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践.接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求. 2.起因 大概半年前接到pm一需求,用纯h5实现多audio的播放.暂停.续播,页面放至驾考宝典App中,与客户端没有任何的交互,所以与客户端相关的js不需要引用.看上去

1.打开微信测试公众号开发平台http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 扫码登陆

1.H5微信支付 后台会返回一个URL,前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data;进行页面跳转到支付界面(res.data)为后台返回的链接, 2.微信公众号支付 为了唤起支付,首先这里需要我们做两件事,第一去配置jsapi域名,第二配置微信网页授权的回调域名,. 构建微信授权的url :  https://open.weixin.qq.com/connect/oauth2/authorize?appid

在开发微信公众号上应用程序时,遇到了一个普遍的问题,从A页跳转到B页后,再由B页跳转回A页,A要要保持跟跳转前一致,通过LocalStorage可以解决. LocalStorage,很好的解决了返回的问题,存储支持为5M,而且Android和IOS都能很好的支持. 具体用法: //设置LocalStorage缓存 window.localStorage.setItem("oilgun",oilgun); window.localStorage.setItem("oiltype

问题出现的现象: 最近公司开发微信公众号邀请码,需要对用户输入进行限制,允许输入的是字母和数字,其他输入会使用正则表达式禁止.但是有iOS用户反映在输入字母过程中,经常几个字母之后,邀请码不对,查看公司微信项目的日志,发现邀请码字母之间是?连接.假设用户输入的邀请码是AB1CFH,日志打印的是A B1C F H.找了好久原来是用户用英文,数字键盘是没问题的,但是用中文键盘输入英文字母就会出现上述现象. 1.刚开始以为是普通空格:过滤邀请码前中后空格         错误 2.看日志打印空格是?:

系列目录 思维导图 下面我们来看一个思维导图,这样就可以更快了解所需要的功能: 上一节我们利用了一个简单的代码例子,完成了与微信公众号的对话(给公众号发一条信息,并得到回复) 这一节将讲解公众号如何设置,虽然公众号管理只是一张表,但是设计起来还是有一些技巧 1.一个企业可能底下有多个业务公众号在同一个系统中需要处理(用户发起的请求,是对应我们哪个公众号) 2.多个公众号下,后台如何取得操作比较方便(设置当前公众号为默认操作号) 3.可以手动刷新Access_Token,因为我们随时要保持Acce

随着微信小程序功能的开发, 已经可以跟公众号打通了, 主要有两种方式: 1) 在公众号文章中插入小程序 2) 在公众号菜单中添加小程序 第一种方式, 子恒老师在前面的课程已经详细介绍过, 今天来讲第二种方法, 怎么通过开发的方式实现. 一. 公众号菜单添加小程序请求的微信地址 https://api.weixin.qq.com/cgi-bin/menu/create?access_token=ACCESS_TOKEN 其中 ACCESS_TOKEN 需要替换成你自己的 access token,

首先,在公众号后台配置h5页面地址 开发流程 1.通过配置h5地址,获取code.再通过code,获取openid getOpenid(){ let url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx697881XXXXXXXX&redirect_uri=https://XXXXX.com&response_type=code&scope=snsapi_userinfo&state=acce

搞清微信公众号授权登录的步骤步骤,我们的开发就完成了一大步 献上github 地址: https://github.com/Wechat-Group/weixin-java-tools/wiki/MP_OAuth2%E7%BD%91%E9%A1%B5%E6%8E%88%E6%9D%83 第一步:需要在微信后台配置:注意,只填写自己的域名 2.配置完毕后,构建网页授权url,配置重定向地址 3.当用户同意授权后,会回调所设置的url并把authorization code传过来 4, 拿到这个co

1.前言 如今h5新特性.新标签.新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力.作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践.接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求. 2.起因 大概半年前接到pm一需求,用纯h5实现多audio的播放.暂停.续播,页面放至驾考宝典App中,与客户端没有任何的交互,所以与客户端相关的js不需要引用.看上去

Hybrid App中,原生内嵌H5单页,由于安卓是有物理返回键的,按安卓物理返回键的时候会返回到上一个路由. 实际中需求是:当有弹层的时候,按物理返回键是关闭弹层,是页面的时候才执行返回上一个路由,所以需要对安卓进行兼容 开始的方案是Android原生重写方法onKeyDown(),H5 JsBridge js去调用方法,当需要的时候屏蔽物理返回键,这种方法也能实现 由于H5单页用的是vue,vue中的路由方法也能实现,并且不需要和APP交互,更加便捷,所以最终决定采用这种方法 只需要写在路由

在APP的Toolbar中可以设置inflateMenu来添加右上角菜单栏,但是我又同时想用系统自带的左侧返回键,随之也产生了问题:右上角的inflateMenu会不生效,即不会产生菜单按钮,查阅资料得到以下解决方案: If you are calling setSupportActionBar() you don’t need to use toolbar.inflateMenu() because the Toolbar is acting as your ActionBar. All me

自己的订阅号,尝试通过写程序来给用户发消息.结果呢,接口返回报错:errcode=48001,errmsg = api unauthorized hint: [ZlPULa02942276!] 去微信开发者文档官网查询返回码,说48001表示api未授权. 于是,微信公众平台->开发->接口权限,果真,群发消息接口提示“未获得” 那么,怎么获得呢?得通过微信认证. 你妹呀,认证时发现,微信竟然对个人主体关闭了认证功能. ------------我是么么哒分割线----------------

微信分享后支付页面还是初始页面,这个问题解决了, created(){ //判断是否是IOS设备 // IOS分享时的页面是首页,也就是进入页而不是当前页.所有可以采用刷新当前页,让进入页的链接改成当前页,再在页面卸载时删除缓存数据. let agent = navigator.userAgent let isIOS = !!agent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端 if(isIOS && !sessionStorage.g

1.去natap 配置端口号 //本地项目是8080端口,natapp就配置8080端口 2.ngrok配合vue-cli实现外网访问 1.去 https://ngrok.com/download 下载 3.修改vue-cli中的配置文件build/webpack.dev.conf.js在devServer中添加:disableHostCheck: true,添加完成后,运行npm run dev启动项目 4. 如自己的项目是localhost:8080,在cmd命令下运行ngrok http

断断续续,弄了好几天,索性一狠心花了三个小时,总算找出问题了. "token验证失败" 可能原因有很多种,其他网友已经几乎穷尽了,但是我所遇到的在网络上没有看到,所以这里记录下. 失败原因是编码问题: 由于我是在一个项目中开发,从业务逻辑到技术逻辑,再到域名.备案.网络.编码这个循序依次排查. 后来发现在项目入口处有这么一个代码 include(../data.config.php),在这段代码前面echo $_GET['echostr']能够通过,但是在这段代码后面,echo $_G

//1.一开始用这段代码,结果发现滚动都失效了,如果页面大于屏幕高度将无法滚动至底部,所以淘汰 // document.addEventListener('touchmove', function(e) { // e.preventDefault(); // }); //2.改良后的代码,将该代码直接放在index.html文件下即可 let self = this; document.addEventListener('touchstart', (e) => { self.moveY = e.

1.下载nginx http://nginx.org/en/download.html 2.启动服务 3.配置natapp服务,并启动

条件:当前项目导入了ActionBarSherlock这个jar包,这个jar包的作用为了程序的兼容性,考虑低版本的问题. 学习ActionBarSherlock参考博客链接:http://blog.csdn.net/icyfox_bupt/article/details/9286387 接下来贴上代码 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState)