client家族、Window对象、JS执行机制、（location对象、navigator对象、histroy对象）

client家族

获取元素的可见部分宽高（不包含边框，滚动条等）

clientWidth和clientHeight

立即执行函避免了命名冲突问题

resize事件窗口发生改变触发事件（可以实现rem适配问题）

        window.addEventListener('resize', function () {

            // console.log(111)

            let w = document.documentElement.clientWidth

            // console.log(document.documentElement.clientWidth)

            if (w >= 1920) {

                document.body.style.backgroundColor = 'pink'

            } else if (w > 540) {

                document.body.style.backgroundColor = 'hotpink'



            } else {

                document.body.style.backgroundColor = 'deeppink'



            }

        })

获取位置：获取左边框和上边框宽度（厚度）

clientLeft和clientTop这两个也是只读属性不能修改