`
zhangyaochun
  • 浏览: 2561914 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

pageshow与pagehide

bfcachepageshowpagehide 
阅读更多

本文部分内容来自《Javascript高级程序设计》，个人记录学习用！

 

 

  • bfcache
  1. back-forward cache(往返缓存)
  2. 目前ff和opera支持
  3. 用户在使用浏览器的前进后退时候，可以加速页面转换的速度
  • pageshow
  1. 在页面显示的时候触发
  2. 重新加载页面的时候，在load之后触发
  3. 对于bfcache中的页面，会恢复到原来状态
  4. 事件中的event对象有一个熟悉persisted，如果true表示在bfcache中。

 

  • pagehide
  1. 在卸载页面时候触发
  2. 在unload事件前
分享到：
| 一些不好的写法汇总
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    微信小程序页面缩放式侧滑效果的实现代码

    先给大家展示下效果图，大家感觉不错，请参考实现代码： ...<view class='page {{isFix?pageShow:pageHide}}'> <view class='h-toggle iconfont icon-list' bindtap='pageBtn'></view> <view cla

    page-visibility:页面可见性API包装器和Polyfill

    page-visibility.js 包装器这个小包装器隐藏了供应商前缀，并为浏览器中的可见性API提供了有用的高级API...本机支持iOS Safari 7.x-本机支持无法正常工作，并充斥着pageshow / pagehide事件iOS Safari 8.0+-本机支持And

    pageshow.jsp

    pageshow.jsp

    ios微信浏览器返回不刷新问题完美解决方法

    开始用的表单提交，返回参数就丢失，换成url跳转，popstate监听 （注释部分）ios10测试始终有问题，继续搜，最后用pageshow，pagehide完美解决（另外说一句：珍爱生命，远离微信和ios） var wxback = { init :...

    最强大的JAVA分页类

    简述 此包可根据需要不同设置 在线分页 与 离线分页 使用在线分页 办法 直接调用 public List showPage(int pageSize,int page,ArrayList<Object> list) 方法即可。 使用离线分页 办法 调用 public boolean ...

    在vue项目中利用popstate处理页面返回的操作介绍

    阶段判断并添加popstate事件监听，History.pushState()（参数：一个状态对象，一个标题（现在被忽略了），以及一个可选的URL地址）， 注意：IOS版的微信，是会立即触发popstate事件，所以需要pageshow做下处理，（当...

    Gridview实例

    this is a Gridview example, and complete the following: Data Bind, Insert, Update, Delete, PageShow, and sort by items and so on, may you use happy!

    思维网络PHP万能分页类 1.3

    echo $px->pageshow('default'); //显示分页条 其中 $px->pageshow('default'); default 是默认样式 自带三种样式  可选： default (默认) wap(手机网站分页样式) style(可以自定义CSS样式的分页样式);

    解决ios微信页面回退不刷新的问题

    window.addEventListener('pageshow', function () { if (isPageHide) { [removed].reload(); } }); window.addEventListener('pagehide', function () { isPageHide = true; }); }) 以上这篇解决ios微信...

    Python 使用 PyQt5 开发的关机小工具分享

    前两天简单认识了一下PyQt5，... def pageShow(self,page): #设置窗口的位置和大小 page.setGeometry(400,400,400,200) #设置窗口的标题 page.setWindowTitle('Window shutdown') #设置窗口的图标 #page.setWind

    when:在事件触发之前或之后订阅事件

    什么时候 版本 ... addEventListener ( 'pageshow' , done ) } ) // callback onPageShow ( event => addWidget ( user ) ) // promise onPageShow ( ) . then ( ( [ event ] ) => addWidget ( user

    rem-responsive-layout:用于移动设备的“rem”响应式布局的代码片段，计算屏幕宽度并使用字体大小进行响应

    响应式布局 用于移动设备的rem响应式布局的代码片段，计算屏幕宽度并使用字体大小进行响应 ... ps = 'pageshow'; d[on]('DOMContentLoaded', resizeFontSize); if ('on' + ps in w) w[on](ps, function(e)

Magicbox
Global site tag (gtag.js) - Google Analytics