大家好，又见面了，我是你们的朋友全栈君。...js禁止浏览器后退按钮 1.js //禁止浏览器后退按钮 function BanBack(ele) { //禁止浏览器后退按钮 if (window.history && window.history.pushState
正常情况下我们直接使用 location.reload 方法来刷新。
本系列文章，将会有记录以上功能的实现但不仅仅只有这些，还会有一些其他，比如自定义控件、利用fiddler抓包等，接下来就进入本篇的主题——《仿bilibili刷新按钮的实现》。...该按钮由3部分组成，分别是圆角矩形、文字、旋转图标。在点击按钮后，开始加载数据，旋转图标发生旋转，数据加载完成后，旋转图标复位并停止旋转。话不多说，开始敲代码。...如果直接用控件的高度的一半作为文字绘制的基线，那么绘制出来的文字肯定偏上，这是因为Ascent的高度比Descent的高度要高的多，我们在计算Baseline时，需要在Ascent中减去Descent的高度得到两者高度差...故： float textBaseY = getHeight() / 2 + (Math.abs(mPaint.ascent()) - mPaint.descent()) / 2; 3）画刷新图标 最后就是画刷新图标了...protected void onDraw(Canvas canvas) { super.onDraw(canvas); ... // 3、画刷新图标
一般禁止body滚动的做法就是设置overflow:hidden。...但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用，然后我分析了我的写法，就是在body上加了一个class去定义属性，然后改成标签的定位，如body{overflow:hidden;}，这个实现是可以的...; position: fixed; } 这个就是完全的禁止上下滑动，没有滚动条，且在iOS的safari浏览器上完全不能上下滚，但是确发现微信浏览器上可以上下缩动（下面再解决）。...我最后发现，上面这种解决是普遍的浏览器做法，如果要更彻底一点，就直接使用js代码去控制touchmove的事件，直接精致，这个在微信和手机浏览器上完成可行。...参考：http://www.cnblogs.com/lbcheng/p/6044303.html 经过上面的设置，如果用户在微信浏览器上不能滚动，但是跳出到了iOS的safari浏览器之后，会有很多变数
大家好，又见面了，我是你们的朋友全栈君。
# 解决方法 利用浏览器的window.performance.navigation.type属性 window.performance.navigation.type window.performance...是W3C性能小组引入的新的API，目前IE9以上的浏览器都支持。...(用户通过刷新，包括JS调用刷新接口等方式访问页面) 2 : TYPE_BACK_FORWARD Navigation where the history handling behavior is set...(用户通过后退按钮访问本页面) 255 : TYPE_RESERVED Any navigation types not defined by values above....所以我们只要判断type属性为2时就可以知道页面是通过返回按钮打开的了，然后开头的问题就可以据此加判断来解决token异常了。 ?
Http头信息禁用浏览器缓存： Cache-Control: no-cache Pragma: no-cache Expires: Thu,01Dec199416:00:00GMT Expires：告诉浏览器把回送的资源缓存多长时间...-1或0则是不缓存 简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本...例如：Expires：Thu，15 Apr 2010 20：00：00 GMT; 他告诉浏览器缓存有效性持续到2010年4月15日为止，在这个时间之内相同的请求使用缓存，这个时间之外使用http请求。...HTTP1.1引入了Cathe-Control，它使用max-age指定组件被缓存多久，从请求开始在max-age时间内浏览器使用缓存，之外的使用请求，这样就可以消除Expires的限制， 如果对浏览器兼容性要求很高的话...Pragma：no-cache 虽然这三个响应头都表示禁止浏览器缓存，但因为不是所有浏览器都能完全支持这三个响应头，因此最好是同时使用这三个，只要浏览器支持其中任意一个，那就能可靠的禁止浏览器缓存当前页面
.]+)/)[1]; if (Sys.ie<=7){ alert('你目前的IE版本为'+Sys.ie+'版本太低，请升级！')
最近无意间看到有这么一个上拉刷新下拉加载的插件 —— mescroll.js，个人感觉挺好用的，官网地址是：http://www.mescroll.com 然后我就看了一下文档，简单的写了一个小demo...DOCTYPE html> mescroll-下拉刷新上滑加载...size: 10, time: null }, callback: upCallback //上拉加载的回调...,隐藏下拉刷新的状态（参数：当前页的数据个数, 是否有下一页true/false）; mescroll.endSuccess(res.data.length..., true); }else{ //联网成功的回调,隐藏下拉刷新的状态（参数：当前页的数据个数, 是否有下一页true
刷新按钮的实现》。...该按钮由3部分组成，分别是圆角矩形、文字、旋转图标。在点击按钮后，开始加载数据，旋转图标发生旋转，数据加载完成后，旋转图标复位并停止旋转。话不多说，开始敲代码。...protected void onDraw(Canvas canvas) { super.onDraw(canvas); // 1、画圆角矩形 // 2、画字 // 3、画刷新图标...故： float textBaseY = getHeight() / 2 + (Math.abs(mPaint.ascent()) - mPaint.descent()) / 2; 3）画刷新图标 最后就是画刷新图标了...仿bilibili刷新按钮的实现，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。
其实这里只简单对比3个浏览器，估计也足够代表性了。 结论是： 1、有webgl支持的时候，就可以尽情的耍吧； 2、没有webgl，能native就native。...如果不行，就只能在canvas上做小块的区域，减少每帧的变化。 1、PC的Chrome（webgl） 首先看看官方的performance test。 粒子系统达到最大值3000也毫无压力。 ?...这个测试在PC上没太多意义，因为可能底层自动做了批处理。这个测试主要是为了后边手机上运行。...2、小米1的微信内嵌浏览器（跟google浏览器效率类似，应该是内嵌了google浏览器） 本来想在手机上跑官方的测试，但发现死活打不开。算了。。。...测试程序尺寸是720*1280，由于尺寸太大，这个也是造成运行不流畅的原因。每帧都要重绘，是有点吃力。 微信浏览器跟谷歌浏览器类似，操作也是类似的（双击放大）。
前言 关于讲解 JS 的拖拽功能的文章数不胜数，我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。...modal','#modal'); 拖拽问题 整个拖拽功能并没有太大的问题，但是如果我们拖拽关闭按钮，仍然可以拖拽整个 modal，看起来不太和谐而且在某些情况下会影响功能，所以我们需要排除掉关闭按钮。...排除特定元素的方法 关于如何排除特定元素的方法，很多人会推荐阻止冒泡的方法，但是我试了很多次，这种方法是不行的，因为拖拽事件绑定在了 document 对象上。...因为我们在排除特定元素的同时也要排除它的子元素。如果使用原生 JS 的话，需要添加获取子元素的方法。...JS 修改如下： draggable('#modal','#modal .modal-header', '#modal .btn-close'); ?
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项，长话短说，今天介绍实现此功能的一个方法，需要了解的朋友可以参考下: 一：JS 重载页面，本地刷新,返回上一页 代码如下:...返回上一页重载页面，本地刷新 返回前二页并刷新的JS代码应该怎样写。...language="javascript"> window.opener.document.location.reload() 三：在ASP中利用JS实现返回上一页并刷新 在...ASP中利用JS实现返回上一页并刷新我想是利用ASP开发网站的时候经常使用的。...//如果页面的 name 属性是指定的名称就什么都不做，避免不断的刷新 window.name = ""; } 这样就可以达到我们的目的了–返回上一页并刷新。
").click(function(){ $("#but").find('i').toggleClass("fa-plus fa-minus"); }); fa标签在bootstrap封装的原形是...：使用一个单并增加对应的CSS类名,例： 根据id找到指定按钮，再find(‘i’)找到fa ,最后使用toggleClass（）方法将
在开发WordPress 主题的时候，如果频繁更新主题的CSS、JS文件但主题已经上线，如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后？下面就介绍一个简单的方法。...版本号参数 相信有过开发经验的童鞋都知道是用版本号参数控制。...image.png 有过WordPress 主题开发经验的都知道，WordPress 中引用主题的styl.css 文件的路径是直接使用函数<?.../css/style.css', NULL, filemtime($css_file) ); } js文件的话依照上面的照搬即可实现。...如此一来，就能保证浏览器每次访问都是最新的css、js文件，而非采用缓存。 本文参考国外网站paulund，感谢原作者！如有错误，欢迎雅正！
简述：一个防君子不防小人的鸡肋的功能，针对小白还行。...代码如下： //都能支持 document.oncontextmenu = function (e) { return false; } //禁止右键 //禁止选择网页中的文字...基本上IE浏览器就不能选中文字复制了 document.onselectstart = function () { return false; } //禁止鼠标拖动图片 document.ondragstart...function () { return false; } //IE不支持 document.oncopy = function () { return false; } 额外的
在开发WordPress 主题的时候，如果频繁更新主题的CSS、JS文件但主题已经上线，如何让访客的浏览器获取最新的CSS、JS文件而非等到浏览器删除缓存后？下面就介绍一个简单的方法。...版本号参数 相信有过开发经验的童鞋都知道是用版本号参数控制。...有过WordPress 主题开发经验的都知道，WordPress 中引用主题的styl.css 文件的路径是直接使用函数<?php bloginfo('stylesheet_url'); ?.../css/style.css', NULL, filemtime($css_file) ); } js文件的话依照上面的照搬即可实现。...如此一来，就能保证浏览器每次访问都是最新的css、js文件，而非采用缓存。 本文参考国外网站paulund，感谢原作者！如有错误，欢迎雅正！
效果图 思路 全选 首先要使给全选按钮设置一个点击事件，在点击选中时可以使下面的每个多选按钮都选中。...让每个多选按钮checked的状态都和全选按钮一致 反选 首先给每个多选按钮设置一个点击事件， 让每个多选按钮都选中时全选按钮也被选中 可以先给全选按钮设置选中，然后判断一下如果有多选按钮没有被选中，...则令全选按钮也不被选中 实现文字改变 使用三元运算符判断当前的先择状态，在根据状态给文字设置内容 代码实现 <!
360浏览器6.2自带了Flash Player，版本为11.6，而我需要使用最新版的Flash Player 11.9, 我安装了最新版的Flash Player 11.9后，浏览网页时，360浏览器...6.2默认使用的是自带的Flash Player 11.6 因此我们必须禁用掉360浏览器自带的Flash Player 11.6 ———————————————————————————————————...插件，且360浏览器默认使用的Flash插件版本为11.6 那我们如果禁用掉360浏览器自带的Flash插件呢？...因为直接在上图中点击【停用】的话，360浏览器会把两个Flash插件都给禁用掉的，解决方法就是选择一个 来禁用掉就可以了，可是上图中，没有菜单给我们选呀，如何是好呢。...——————————————————————————————————————————————————— 原来菜单是被隐藏起来了，我们在插件页面的右上角找到【详细信息】，然后点击它，就可以找到停用360浏览器自带的
id="+10000*Math.random(); } 场景是这样子的，页面在初始化时有一个ajax请求，在页面上有一个按钮，点击的时候执行window.location.reload()，正常情况reload...()后页面依然会向后台发出请求，但在安卓的微信浏览器中reoad后请求的一直是第一次打开页面时请求的数据。...可以理解为请求被缓存了，但没有实测，也不知道是否是缓存 再进一步的话可以只针对微信浏览器作此设置，那么就得判断是否微信浏览器。...根据关键字 MicroMessenger 来判断是否是微信内置的浏览器。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
