菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-2023.5.19-何梦莹 [打印本页]

作者: IMrsBean 时间: 2023-5-24 17:39
标题: 前端-2023.5.19-何梦莹

一、学习内容

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

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)