- 【JavaScript】几个不常用的绑定事件
a辰龙a
javascript前端开发语言
目录一、fullscreenchange事件二、pagehide事件三、pageshow事件四、hashchange事件五、online事件六、offline事件七、popstate事件八、devicemotion事件九、deviceorientation事件一、fullscreenchange事件fullscreenchange事件是一个浏览器事件,在元素进入或退出全屏模式时触发。它提供了一种方
- 页面返回不刷新问题
CC前端手记
原因:返回不刷新是因为,移动端浏览器为了节省流量一般返回都会去缓存,可以通过pageshow事件监听页面返回,通过event.persisted字段来判断当前页面是否是从缓存中获取的。window.addEventListener('pageshow',function(event){//event.persisted属性为true时,表示当前文档是从往返缓存中获取`if(event.persis
- window.history.go(-1);后退不刷新问题 移动端
TwoBE9876
javascripthtmllayuijavascripthtml5开发语言
本文主要解决移动端用返回键后滚动条自动置顶(我是这个问题,可能是用了layer的流加载原因,导致返回后自动置顶)或者不刷新问题不刷新问题解决方法://在后退到达的界面上添加判断是否是返回window.addEventListener('pageshow',function(e){if(e.persisted||(window.performance&&window.performance.navi
- window.history.back()、window.history.go()返回上一页强制刷新
月下yi山人
golangjavascript开发语言
通过history方法返回上一页时,返回的页面并不会刷新,这就造成了上一页的数据未及时更新,所以有时需要做刷新处理,如下#如果检测到页面是从“往返缓存”中读取的,刷新页面window.addEventListener('pageshow',function(e){if(e.persisted){window.location.reload()}})
- 判断浏览器返回页面,app内嵌h5离开返回页面
寒墨茗殇
常用方法jsjavascript
BFCache是一种浏览器优化,可实现即时前进和后退载入页面。它改善了用户的浏览体验,尤其是那些网络或设备速度较慢的用户。在APP站内嵌套h5页面,判断进入拨号页返回情况:我们需要通过visibilitychange通过在点击时修改一个状态值,回来时和上面的方法进行判断constisClick=false//是否点击了离开页面按钮constisShowPop=false//是否显示弹窗docume
- 移动端(微信)后退刷新页面
holy俊辉
移动端(微信)后退刷新页面移动端真是各种坑,就这还要不断的踩坑,说多了无非就是经验的积累。比如从A页面到B页面,现在需要从B页面后退到A页面,苹果直接可以右滑后退,微信中并不会刷新页面。可以在A页面中首部添加以下代码。$(function(){varisPageHide=false;window.addEventListener('pageshow',function(){if(isPageHid
- 踩坑日记(1)vue 从小程序跳外链回退不触发弹窗
笙箫416
vue.js小程序ios
1.如果通过组件调用Dialog时,是否在页面回退时自动关闭(:close-on-popstate=“false”)默认false,就可以解决问题2.如果是原生div,解决方法:采用监听pageshow方案,利用onpageshow,主动刷新页面varbrowserRule=/^.*((iPhone)|(iPad)|(Safari))+.*$/;//判断当前用户是否是苹果设备if(browserR
- h5页面返回上一页并刷新
小吕达人
本人是cdn引入的vue.js在mounted生命周期window.addEventListener('pageshow',function(e){if(e.persisted||(window.performance&&window.performance.navigation.type==2)){window.location.reload()}});
- audio 关闭h5页面自动暂停的解决
web行路人
前端javascript前端react.js
audio关闭h5页面自动暂停的解决beforeunload:判断是否离开当前页面pagehide:当用户通过“前进/后退”按钮,离开当前页面时触发。popstate:监听popstate事件监听物理返回键微信浏览器返回事件,关闭页面visibilitychange:浏览器标签页被隐藏或显示的时候会触发visibilitychange事件importReact,{useEffect,useStat
- IOS微信浏览器返回事件popstate监听 会立即执行一次
杨wen慧
页面跳转从a->b->b1->c,然后从c返回到b再到a。(监听popstate)IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面解决办法:::varbool=false;window.addEventListener('pageshow',function(){bool=false;setTimeout(function(){bool=true;},1000)//延
- h5页面刷新——那些事
star-1331
javascript前端
回退、go(-1)返回上一页刷新window.addEventListener('pageshow',(event)=>{constnavigationType=window.performance&&window.performance.navigation.type===2;constisBackForward=window.performance.getEntriesByType("navi
- 移动端 点击返回按钮页面不刷新
Vicky丶Amor
一.问题描述最近在做移动端项目,遇到了点击返回按钮页面不刷新的情况,一些失效的信息还是会显示在页面上。这个问题在iPhone手机上会出现,在Android手机上返回会自动刷新(由于手机机器种类不多,无法做更多测试,欢迎补充)。二.解决方案为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行,后来找到了一个方法pageshow。onpageshow事件在用户浏览网页时触发。onpages
- 前端缓存 & 浏览器存储
weixin79893765432...
计算机与网络前端缓存HTTP缓存浏览器缓存H5webapp缓存
目录前言一、浏览器存储0、bfcache1、WebStorage(1)、sessionStorage对象(2)、localStorage对象2、Cookie(1)、cookie与sessionStorage、localStorage的对比3、IndexedDB4、WebSql5、H5webapp的离线缓存二、HTTP缓存1、强缓存(1)、Expires(一个绝对时间)(2)、Cache-Contr
- 微信H5页面返回刷新页面重新请求接口数据
MrAlexLee
问题场景:A页面底部有按钮,点击跳转到B(B是另外项目的活动页,不在本项目当中)。在B页面进行操作后会使得接口数据更新,通过微信H5底部的回退按钮返回A,A页面应该重新访问接口获取最新数据。解决方法:window.addEventListener('pageshow',function(e){//e.persisted为true表示从缓存获取,window.performance.navigati
- 采用animate.css的多页面应用在ios设备回退页面时动画播放两次的解决方案
oooozoo
前端业务日报cssios前端
情景描述该项目是一个多页面且都应用了animate.css实现动画效果的纯移动端项目。在实际真机测试时发现,在ios设备中,当用户点击浏览器回退/前进按钮时,或者location.href跳转到此前已经访问过的页面时,动画会重复播放两次。考虑到这次的问题和上次开发遇到的ios页面缓存问题很像,因此当即考虑是否是因为bfcache的缘故。问题确定在将点击【返回】按钮的a标签url中加上了时间戳参数后
- load、unload和pagehide、pageshow
muzidigbig
前端面试题JavaScript--基础前端javascriptpagehidepageshow
一、load、unload和pagehide、pageshow的主要应用1)load和unload事件监听web页面的进入和离开,一般用于页面的首次加载、刷新和关闭等操作的监听;2)pageshow和pagehide事件多用于监听浏览器的前进和后退等。二、pageshow和load事件的区别1、pageshow和load区别pageshow事件类似于load事件,load事件在页面第一次加载时触发
- pageshow事件
如果俞天阳会飞
当一条会话历史记录被执行的时候将会触发页面显示(pageshow)事件。(这包括了后退/前进按钮操作,同时也会在onload事件触发后初始化页面时触发)基本信息属性PropertyTypeDescriptiontarget只读EventTarget事件目标(DOM树中最上面的目标).type只读DOMString事件的类型。bubbles只读BooleanWhethertheeventnormal
- 监控微信H5的页面关闭按钮并埋点,移动端js这样实现
ANNAVIVI
监控微信H5的页面关闭按钮并埋点,移动端js这样实现最近项目里有个新的需求,在微信里打开的H5网页,要获取到用户退出页面的事件。经过对visibilitychange、unload/pagehide、onunload、popstate各种方法一阵测试,发现安卓里visibilitychange能监听到关闭事件。而iOS里使用pagehide能监听。但是监听到关闭事件并不是终点,还要在用户退出时候向
- 浏览器前进/后退缓存
前端程序员小白
浏览器前进/后退缓存(Backward/ForwardCache,BFCache)是指浏览器在前进后退过程中,会应用更强的缓存策略,表现为DOM、window、甚至JavaScript对象被缓存,以及同步XHR也被缓存。本身是一种浏览器优化操作。可是现在的大多数单页面项目,这个就会是一个bug。比如说我有一个A界面,是列表,B界面是处理的。需要回到A界面的时候,数据更新成最新的。BFCache就会
- 浏览器后退强制刷新,不加载缓存
java小白冲刺者
javascripthtml前端
if(document.addEventListener){window.addEventListener('pageshow',function(event){if(event.persisted||window.performance&&window.performance.navigation.type==2){location.reload();}},false);}
- PC 端网页特效
步步生花@苏殿主
JavaScript学习javascriptcsscss3
文章目录一、元素偏移量offset系列1、offset概述2、offset与style区别(1)offset(2)style案例:拖拽模态框二、元素可视区client系列1、client概述2、立即执行函数3、pageshow事件三.元素滚动scroll系列1、元素scroll系列属性2、页面被卷去的头部案例:仿淘宝固定右侧侧边栏3、页面被卷去的头部兼容性解决方案四、动画函数封装1、动画实现原理2
- ios 页面后退不重新加载问题
前端程序员小白
使用history.go(-1)回退页面,结果数据不重新加载,处理过的数据还留在页面上,容易出现二次处理报错的问题。安卓是没有问题的。使用此方法可以解决加载问题。不限于ios或者android.只要页面显示就可以使用此方法。```window.addEventListener('pageshow',function(e){//通过persisted属性判断是否存在BFCacheif(e.persi
- h5返回到上一页ios手机页面不刷新
aloe_v
最近做微信公众号h5内嵌功能。当有A,B两个页面的时候,如果从A跳转到B页面,然后点击微信的返回按钮从B返回到A页面的时候,A页面不刷新,还是之前的状态,这个再ios手机上有,但是安卓手机没有,原因就是ios浏览器缓存机制,解决办法,亲测有效varisPageHide=false;window.addEventListener('pageshow',function(){if(isPageHide
- window.history.back()、window.history.go()返回上一页强制刷新
月下yi山人
通过history方法返回上一页时,返回的页面并不会刷新,这就造成了上一页的数据未及时更新,所以有时需要做刷新处理,如下#如果检测到页面是从“往返缓存”中读取的,刷新页面window.addEventListener('pageshow',function(e){if(e.persisted){window.location.reload()}})
- PC 端网页特效
A-L-Kun
web前端css3csshtmljavascript
文章目录PC端网页特效一、元素偏移量offset系列1、offset概述2、offset和style区别二、元素可视区client系列1、立即执行函数2、pageshow事件三、元素滚动scroll系列1、元素scroll系列属性四、三大系列总结五、mouse1、mouseenter鼠标事件六、动画函数封装1、动画实现原理2、动画函数的封装3、缓冲动画原理4、动画函数添加回调函数5、节流阀PC端网
- JavaScript——PC端网页特效
美式要加冰
前端#JavaScriptjavascript前端csshtml
目录一、元素偏移量offset系列1.offset概述2.常见属性3.offset与style区别案例——鼠标在盒子内坐标案例——拖动模态框案例——京东放大镜二、元素可视区client系列flexible源码分析立即执行函数pageshow事件三、元素滚动scroll系列1.页面被卷去头部案例——仿淘宝固定右侧侧边栏2.页面被卷曲头部兼容性方案四、三大系列总结五、mouseenter和mouseo
- vue项目在微信公众号网页里,监听页面埋点(包括关闭项目前发送请求记录)
YJR__007
vue微信公众号vue
问题难点:主要是关闭项目监听问题,这里用到的是visibilitychange(尝试过onunload,onbeforeunload,pagehide,均没有解决问题)App.vue文件里:mounted:function(){//添加监听事件document.addEventListener('visibilitychange',e=>this.visibilitychangeHandler(e
- 解决手机载入webview点击返回不刷新问题
zhouzexin
前段时间做项目的时候,pm提出一个需求,在这个某些页面点击na端的返回键的时候能够刷新这个页面,我想很多人都会遇到过类似的情况。以下是解决该问题的思路:一、给window对象绑定pageshow事件二、在执行pageshow时候请求数据即可以了,因为pageshow事件在页面每次展现的时候都会执行,顾把与后端交互的响应逻辑放到了该事件中来客服该问题!
- 前端事件笔记
不愿透露姓名的李某某
前端事件总结window:浏览器打开的窗口事件对象document:每个载入浏览器的HTML文档都会成为Document对象Mouseover:鼠标移动到某个元素触发mousemove:鼠标移动触发Load:页面加载完成后触发click:点击事件DOMContentloaded:等页面的主要DOM元素加载完成后触发Resize:页面的尺寸大小发生变化时触发Pageshow:页面重新加载触发(与lo
- 关于移动端浏览器转入后台后倒计时停止运行的问题
vue.js
最近做微信公众号H5页面,有一个用户维修申请的功能。当用户添加请求成功后,跳转到一个提示添加成功页面,此页面有一个倒计时,倒计时完成后再跳转到维修列表页面。但是当倒计时时,按home键将微信切换到后台,再进入微信,会发现倒计时停止在退出时的状态。期望的是,倒计时应该恢复倒计时。当微信切换到后台时,安卓端会触发了visibilitychange事件,而苹果端不会触发此事件,还要侦听pagehide事
- 统一思想认识
永夜-极光
思想
1.统一思想认识的基础,才能有的放矢
原因:
总有一种描述事物的方式最贴近本质,最容易让人理解.
如何让教育更轻松,在于找到最适合学生的方式.
难点在于,如何模拟对方的思维基础选择合适的方式. &
- Joda Time使用笔记
bylijinnan
javajoda time
Joda Time的介绍可以参考这篇文章:
http://www.ibm.com/developerworks/cn/java/j-jodatime.html
工作中也常常用到Joda Time,为了避免每次使用都查API,记录一下常用的用法:
/**
* DateTime变化(增减)
*/
@Tes
- FileUtils API
eksliang
FileUtilsFileUtils API
转载请出自出处:http://eksliang.iteye.com/blog/2217374 一、概述
这是一个Java操作文件的常用库,是Apache对java的IO包的封装,这里面有两个非常核心的类FilenameUtils跟FileUtils,其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装,开发中对文件的操作,几乎都可以在这个框架里面找到。 非常的好用。
- 各种新兴技术
不懂事的小屁孩
技术
1:gradle Gradle 是以 Groovy 语言为基础,面向Java应用为主。基于DSL(领域特定语言)语法的自动化构建工具。
现在构建系统常用到maven工具,现在有更容易上手的gradle,
搭建java环境:
http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/
搭建android环境:
http://m
- tomcat6的https双向认证
酷的飞上天空
tomcat6
1.生成服务器端证书
keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
- 托管虚拟桌面市场势不可挡
蓝儿唯美
用户还需要冗余的数据中心,dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台,提供服务或者MSP也可以自己来控制。
在某些情况下,MSP会在dinCloud的云服务上进行服务分层,如监控和补丁管理。
MSP的利润空间将根据其参与的程度而有所不同,Din说。
“我们有一些合作伙伴负责将我们推荐给客户作为个
- spring学习——xml文件的配置
a-john
spring
在Spring的学习中,对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中,采用XML配置也是最常见的。以下是一个简单的XML配置文件:
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.or
- HDU 4342 History repeat itself 模拟
aijuans
模拟
来源:http://acm.hdu.edu.cn/showproblem.php?pid=4342
题意:首先让求第几个非平方数,然后求从1到该数之间的每个sqrt(i)的下取整的和。
思路:一个简单的模拟题目,但是由于数据范围大,需要用__int64。我们可以首先把平方数筛选出来,假如让求第n个非平方数的话,看n前面有多少个平方数,假设有x个,则第n个非平方数就是n+x。注意两种特殊情况,即
- java中最常用jar包的用途
asia007
java
java中最常用jar包的用途
jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口,提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法,以及接收和处理SOAP错误的方法. w
- ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法
百合不是茶
jsjson编码返回异常
一:ajax获取自定义Struts框架中的json编码 出现以下 问题:
1,强制flush输出 json编码打印在首页
2, 不强制flush js会解析json 打印出来的是错误的jsp页面 却没有跳转到错误页面
3, ajax中的dataType的json 改为text 会
- JUnit使用的设计模式
bijian1013
java设计模式JUnit
JUnit源代码涉及使用了大量设计模式
1、模板方法模式(Template Method)
定义一个操作中的算法骨架,而将一些步骤延伸到子类中去,使得子类可以不改变一个算法的结构,即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构,也就是步骤,而步骤的实现可以在子类中完成。
 
- Linux常用命令(摘录)
sunjing
crondchkconfig
chkconfig --list 查看linux所有服务
chkconfig --add servicename 添加linux服务
netstat -apn | grep 8080 查看端口占用
env 查看所有环境变量
echo $JAVA_HOME 查看JAVA_HOME环境变量
安装编译器
yum install -y gcc
- 【Hadoop一】Hadoop伪集群环境搭建
bit1129
hadoop
结合网上多份文档,不断反复的修正hadoop启动和运行过程中出现的问题,终于把Hadoop2.5.2伪分布式安装起来,跑通了wordcount例子。Hadoop的安装复杂性的体现之一是,Hadoop的安装文档非常多,但是能一个文档走下来的少之又少,尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布,但是它的配置跟2.5.0,2.5.1没有分别。 &nb
- Anychart图表系列五之事件监听
白糖_
chart
创建图表事件监听非常简单:首先是通过addEventListener('监听类型',js监听方法)添加事件监听,然后在js监听方法中定义具体监听逻辑。
以钻取操作为例,当用户点击图表某一个point的时候弹出point的name和value,代码如下:
<script>
//创建AnyChart
var chart = new AnyChart();
//添加钻取操作&quo
- Web前端相关段子
braveCS
web前端
Web标准:结构、样式和行为分离
使用语义化标签
0)标签的语义:使用有良好语义的标签,能够很好地实现自我解释,方便搜索引擎理解网页结构,抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容,具有很好的可读性,从而实现对特殊终端的兼容。
1)div和span是没有语义的:只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时,才会适当添加div
- 编程之美-24点游戏
bylijinnan
编程之美
import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashSet;
import java.util.List;
import java.util.Random;
import java.util.Set;
public class PointGame {
/**编程之美
- 主页面子页面传值总结
chengxuyuancsdn
总结
1、showModalDialog
returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值
主界面
var sonValue=window.showModalDialog("son.jsp");
子界面
window.retu
- [网络与经济]互联网+的含义
comsci
互联网+
互联网+后面是一个人的名字 = 网络控制系统
互联网+你的名字 = 网络个人数据库
每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
- oracle 创建视图 with check option
daizj
视图vieworalce
我们来看下面的例子:
create or replace view testview
as
select empno,ename from emp where ename like ‘M%’
with check option;
这里我们创建了一个视图,并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果:
select * from testv
- ToastPlugin插件在cordova3.3下使用
dibov
Cordova
自己开发的Todos应用,想实现“
再按一次返回键退出程序 ”的功能,采用网上的ToastPlugins插件,发现代码或文章基本都是老版本,运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。
ToastPlugin.java
package&nbs
- C语言22个系统函数
dcj3sjt126com
cfunction
C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分(尾数)x和 以2位的指数部分n,即num=x*2n,指数n存放在exp指向的变量中,返回x。D
- 开发一个类的流程
dcj3sjt126com
开发
本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件,并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库,供以后复用。
以下是开发流程:
1. 明确类的功能,抽象出类的大概结构
2. 初步设想类的接口
3. 类名设计(驼峰式命名)
4. 属性设置(权限设置)
判断某些变量是否有必要作为成员属
- java 并发
shuizhaosi888
java 并发
能够写出高伸缩性的并发是一门艺术
在JAVA SE5中新增了3个包
java.util.concurrent
java.util.concurrent.atomic
java.util.concurrent.locks
在java的内存模型中,类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享,局部变量与方法参数都是线程私有的,不会被共享。
- Spring Security(11)——匿名认证
234390216
Spring SecurityROLE_ANNOYMOUS匿名
匿名认证
目录
1.1 配置
1.2 AuthenticationTrustResolver
对于匿名访问的用户,Spring Security支持为其建立一个匿名的AnonymousAuthenticat
- NODEJS项目实践0.2[ express,ajax通信...]
逐行分析JS源代码
Ajaxnodejsexpress
一、前言
通过上节学习,我们已经 ubuntu系统搭建了一个可以访问的nodejs系统,并做了nginx转发。本节原要做web端服务 及 mongodb的存取,但写着写着,web端就
- 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值
lhbthanks
javahtmlstrutscheckbox
第一种方法:获取结果String类型
在 Action 中获得的是一个 String 型数据,每一个被选中的 checkbox 的 value 被拼接在一起,每个值之间以逗号隔开(,)。
所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。
以下是实现的代码:
前台 HTML 代码:
- 003.Kafka基本概念
nweiren
hadoopkafka
Kafka基本概念:Topic、Partition、Message、Producer、Broker、Consumer。 Topic: 消息源(Message)的分类。 Partition: Topic物理上的分组,一
- Linux环境下安装JDK
roadrunners
jdklinux
1、准备工作
创建JDK的安装目录:
mkdir -p /usr/java/
下载JDK,找到适合自己系统的JDK版本进行下载:
http://www.oracle.com/technetwork/java/javase/downloads/index.html
把JDK安装包下载到/usr/java/目录,然后进行解压:
tar -zxvf jre-7
- Linux忘记root密码的解决思路
tomcat_oracle
linux
1:使用同版本的linux启动系统,chroot到忘记密码的根分区passwd改密码 2:grub启动菜单中加入init=/bin/bash进入系统,不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 3: grub启动菜单中加入 single以单用户进入系统. 4:用以上方法mount到根分区把/etc/passwd中的root密码去除 例如: ro
- 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现
xueyou
jsonpjquery框架UIhtml5
postMessage 是 HTML5 新方法,它可以实现跨域窗口之间通讯。到目前为止,只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持,而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样,前者是前端擅长跨域文档数据即时通讯,后者擅长针对跨域服务端数据通讯,p