专栏首页前端学习笔记元素可视区 client 系列

元素可视区 client 系列

1. client概述

client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

2. 淘宝 flexible.js 源码分析

立即执行函数 (function(){})() 或者 (function(){}())

主要作用: 创建一个独立的作用域。 避免了命名冲突问题

下面三种情况都会刷新页面都会触发 load 事件。

1.a标签的超链接

2.F5或者刷新按钮(强制刷新)

3.前进后退按钮

但是 火狐中,有个特点,有个“往返缓存”,这个缓存中不仅保存着页面数据,还保存了DOM和JavaScript的状态;实际上是将整个页面都保存在了内存里。

所以此时后退按钮不能刷新页面。

此时可以使用 pageshow事件来触发。,这个事件在页面显示时触发,无论页面是否来自缓存。在重新加载页面中,pageshow会在load事件触发后触发;根据事件对象中的persisted来判断是否是缓存中的页面触发的pageshow事件

注意这个事件给window添加。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 初始JavaScript

    1.渲染引擎: 用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老 版本的webkit

    清出于兰
  • 常用的键盘事件

    清出于兰
  • 变量的作用域

    清出于兰
  • [Linux] 理解CPU缓存的伪共享问题

    一行能缓存64个字节 , 因为一个变量可能没有64字节大小 , 所以可能会缓存好几个变量

    陶士涵
  • OpenSIPs 2.1的一个问题

    ERROR:rest_client:resume_async_http_req: curl_multi_perform: Please call curl_mu...

    用户1506126
  • myeclipse 清理项目缓存的几大步骤

    1、项目清理: 选择菜单栏的Project——>Clean..——>勾选需要清理的项目(也可以选择all)

    执笔记忆的空白
  • spark的若干问题

    问题1:SPARK与HADOOP之间的关系?   spark是一种高效处理hadoop分布式数据的处理引擎。借助hadoop的yarn框架,spark就可以运行...

    随机来个数
  • 27. 减少方差的技术

    • 添加更多的训练数据:这是最简单也是最可靠的一种方式来处理方差,只要你能访问大量的数据并有足够的计算能力来处理它们。

    YingJoy_
  • 27. 减少方差的技术

    YingJoy_
  • SAP 获取工单和工序的状态

    ABAP 获取订单状态的两个函数 STATUS_TEXT_EDIT 和 STATUS_READ 的简单介绍

    matinal

扫码关注云+社区

领取腾讯云代金券