本文部分内容来自《Javascript高级程序设计》，个人记录学习用！
- bfcache
- back-forward cache(往返缓存)
- 目前ff和opera支持
- 用户在使用浏览器的前进后退时候，可以加速页面转换的速度
- pageshow
- 在页面显示的时候触发
- 重新加载页面的时候，在load之后触发
- 对于bfcache中的页面，会恢复到原来状态
- 事件中的event对象有一个熟悉persisted，如果true表示在bfcache中。
- pagehide
- 在卸载页面时候触发
- 在unload事件前
zhangyaochun
- 浏览: 2609241 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
style新的属性 scoped
2013-12-14 17:33 2413本文收录一个style的新属性：scoped ... -
html5 form的novalidate属性
2013-12-13 21:31 955HTML5 form的 novalidate属 ... -
main元素
2013-08-03 11:52 1316main元素： 来自：HT ... -
link之dns-prefetch
2013-07-08 13:40 1427先看一段代码： <link re ... -
丢弃shiv的外链依赖吧
2013-05-20 20:08 1316很久之前，我们都是直接采用shiv来规避低版 ... -
html5之dialog标签
2013-04-17 15:14 2121前言： 本文部分内容来自w ... -
html5之meter标签
2013-04-17 15:14 1456前言： 本文部分内容来自w3sc ... -
html5之datalist标签
2013-04-17 15:14 1493前言： 本文部分内容来自w3sc ... -
html5之bdi标签
2013-04-17 15:15 1588前言： 本文内容部分来自w3sc ... -
fullScreen API
2013-04-11 11:42 1357本文只是贴出一下兼容列表： ... -
html5 button的form属性
2013-04-11 11:35 1314本文来自：http://www.w3schoo ... -
Data URI
2013-03-05 18:13 1541前言： 本文部分内容来自 《随网之舞 ... -
在线检测相关
2013-03-05 14:16 1312如何判断当前浏览器的在线或离线状态？ // ... -
离线存储 application cache
2013-03-05 10:57 1825离线与缓存： 网页缓存依赖网络的存 ... -
html5 右键菜单案例
2013-03-04 13:05 4373contextmenu属性 html ... -
html5 之menu标签
2013-03-04 12:10 2024HTML5 menu标签 定义菜 ... -
设置type="range"为vertical
2013-02-21 16:56 1407如何设置type=“range”为vertical ... -
ios5新特性部分整理
2013-02-21 16:56 1293本文整理一下ios5对HTML5的支持情况： ... -
IE10支持HTML5的输入类型
2013-02-20 11:47 1348IE10对部分输入控件进行了触控优化： ... -
html5的预加载
2013-02-19 12:04 1281FF下： <link rel=&q ...
相关推荐
在上面的代码中，我们首先检测当前系统是否为 iOS，然后使用 pageshow 和 pagehide 事件来检测页面的显示和隐藏状态。当页面隐藏时，我们将 isPageHide 变量设置为 true。当页面显示时，我们检查 isPageHide 变量，...
page-visibility.js 包装器这个小包装器隐藏了供应商前缀，并为浏览器中的可见性API提供了有用的高级API...本机支持iOS Safari 7.x-本机支持无法正常工作，并充斥着pageshow / pagehide事件iOS Safari 8.0+-本机支持And
先给大家展示下效果图，大家感觉不错，请参考实现代码： ...<view class='page {{isFix?pageShow:pageHide}}'> <view class='h-toggle iconfont icon-list' bindtap='pageBtn'></view> <view cla
6. **事件与API**：了解jQuery Mobile特有的事件，如pageinit、pageshow、pagehide等，以及如何使用API进行动态内容加载和页面操作。 7. **主题和皮肤**：掌握如何使用jQuery Mobile的主题系统（ThemeRoller）来自...
5. **事件（Events）**：提供了如pageinit、pageshow、pagehide等特定于jQuery Mobile的事件，用于监听页面生命周期和用户交互。 **三、jQuery Mobile源码包分析** 源码包通常包含jQuery Mobile框架的核心JS和CSS...
4. **事件与监听**：书中会介绍jQuery Mobile特有的事件，如pageinit、pageshow、pagehide等，这些事件在页面生命周期的不同阶段触发，帮助开发者进行相应的逻辑处理。 5. **UI组件**：jQuery Mobile提供了丰富的UI...
8. 事件（Events）：如pagebeforechange、pageshow和pagehide等，用于监听和处理页面生命周期中的关键事件。 9. 插件（Plugins）：扩展了框架的功能，如日期选择器（date picker）、弹出框（popup）和滑块（slider）...
为此，可以通过监听pageshow和pagehide事件来实现。pageshow事件在每次页面加载时触发，如果页面是从BFcache中加载的，事件对象的persisted属性会被设置为true。类似地，pagehide事件在页面被卸载时触发，如果页面...
- **页面隐藏与显示事件**：页面隐藏(`pagehide`)和页面显示(`pageshow`)事件的应用场景及其作用。 2. **对话框与导航**： - **对话框**：使用对话框进行模态交互的方法，增强用户体验。 - **导航和历史记录**：...
- **页面显示/隐藏相关事件**: 如 pagebeforeshow、pagebeforehide、pageshow 和 pagehide 等。这些事件允许开发者在页面的特定动画效果发生之前或之后执行特定的逻辑。 - **模拟鼠标事件**: 包括 vmouseover、...
在交互方面，jQuery Mobile提供了丰富的事件处理，如`pagecreate`、`pageshow`、`pagehide`等，允许我们在页面生命周期的不同阶段执行代码。例如，我们可以在`pageshow`事件中初始化数据，或者在`pagehide`事件中...
在iOS设备上，微信内置浏览器有一个常见的问题，那就是当用户点击后退按钮返回之前...同时，对于那些不支持`pagehide`和`pageshow`事件的老版本浏览器，可能需要寻找其他的解决方案，如使用`visibilitychange`事件等。
3. **iOS端处理**：通过监听`pageshow`和`pagehide`事件，判断用户是否从历史记录返回，如果是，则执行页面刷新。 通过这种方式，我们可以确保在微信Web端，无论用户使用的是Android还是iOS设备，点击后退按钮时都...
jQuery Mobile 提供了一系列页面事件，如 `pagecreate`（页面创建）、`pageshow`（页面显示）和 `pagehide`（页面隐藏），这些事件可以帮助开发者更好地控制页面的行为。 ##### 3. **对话框** jQuery Mobile 支持...
jQuery Mobile 引入了特殊的页面生命周期事件，如 `pageinit`、`pageshow` 和 `pagehide`，用于在页面加载和显示时执行特定的代码。 - **页面初始化（Page Initialization）**: `pageinit` 事件在页面首次加载或...
`pagehide`和`pageshow`事件分别在页面隐藏和显示时触发，这对于处理页面状态或执行清理工作非常有用。 ##### 对话框与导航历史 jQuery Mobile支持对话框组件，它可以作为一个独立的弹出窗口或一个嵌入页面的模式...
4. **事件处理**：jqm扩展了jQuery的事件模型，包括`pagecreate`、`pageshow`、`pagehide`等，帮助开发者在页面生命周期的不同阶段进行操作。 接下来，我们将讨论如何与SSH（Struts2、Hibernate、Spring）框架集成...
- `pageshow`：当页面在视口中可见时触发，可用于执行需要在页面完全加载后执行的操作。 - `pagehide`：当页面即将从视口中移除时触发，可用于清理资源或保存状态。 - `pagebeforechange`：在页面切换之前触发，...