一、学习内容
IIFE : 立即执行函数
// 1.语法:
// - (function(){ 书写的代码 })()
// - (function(){ 书写的代码 }())
// 2.特点: 不需要调用直接就会执行,只会执行一次
// 3.作用:解决变量冲突问题 （变量污染全局的问题）
uname: uname,
// 简写如下
uname,
age,
// sayName: function () {
// console.log(this) //person
// console.log(`我的名字叫${this.uname}`)
// }
// 简写如下
sayName() {
console.log('hello')
console.log(`我的名字叫${this.uname},我今年${this.age}岁了。`)
},
window就是js的顶级对象 - 一般都省略不写
// document 文档 - DOM的顶级对象
结果都是数值类型
// 文档区域的大小 （包括滚动条的宽高在内）
console.log(window.innerWidth)
console.log(window.innerHeight)
整个窗口的宽高
console.log(window.outerWidth)
console.log(window.outerHeight)
onresize 窗口改变事件
location对象
assign跳转，有记录功能，可以回退前一地址
replace替换，无记录功能，不能回退
reload刷新
true 强制刷新
window.location.reload(true)
action 提交地址
method 提交方式
- get 我们可以直接在url中看见
- post 我们在url中看不见
同步：代码从上到下执行，必须前一步完成后才能执行后一步 - 阻塞
异步 ：不需要等前一个执行结束就可以执行才一个程序 - 非阻塞
offsetLeft
offsetTop
如果父元素有定位，就以父元素为准
如果父元素没有定位，就以body为准
offsetParent 带有定位的父元素，如果没有就是body |
|
