1.client和offset的区别
offset与client的区别主要在于,client所指的是可视区域范围但是不包含border边框。
2.立即执行函数
立即执行函数是指不需要调用就能自己执行
旧:
function fn (){
console.log('a');
}
fn();
新:
(function (){
console.log('a');
}()
直接执行函数还可以传递参数
(function (z){
console.log(z);
})(1)
2种写法
①(function (){
})()
②(function (){
}())
立即执行函数是执行完就直接释放定义,而且变量的定义域是局部变量,不会造成变量名污染
3.e.presisted 返回值是true 就是如果这个页面是从缓存加载出来的,一样要计算一下rem的值
4.pageshow和load
pageshow与load的主要区别在于,当时用火狐浏览器时,火狐会将上一页保存在缓存中,load的话不会再次触发,而pageshow可以、
5.scroll系列
scrollheight和scrollwidth返回的值是自身大小,包含padding,但是不包含边框border,同样不带单位
6.client与scroll的本质区别
<style>
div {
width: 200px;
height: 200px;
border: 10px solid pink;
padding: 10px;
}
</style>
</head>
<body>
<div></div>
<script>
let div = document.querySelector('div');
console.log(div.scrollHeight);
console.log(div.clientHeight);
</script>
</body>
</html>
<style>
div {
width: 200px;
height: 200px;
border: 10px solid pink;
padding: 10px;
}
</style>
</head>
<body>
<div>夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 夜半归家粥可温,流年为君立黄昏 </div>
<script>
let div = document.querySelector('div');
console.log(div.scrollHeight);
console.log(div.clientHeight);
</script>
</body>
scroll是实际内容的高度和宽度大小
而client是盒子可视的高度宽度大小
srcollTop scrollLeft是指在盒子范围内没有显示出来的内容高度和宽度
新事件onscroll / addElementlistener (‘scroll’,{})
只要拖动滚动条就会触发