与她

页面滚动事件 滚动条在滚动的时候持续触发的事件 window.addEventListener('scroll', function () { // 执行的操作 }) box的内容在进行滚动的时候 b

节点操作 本质上针对标签本身的增删查 总结: 有明确的亲戚关系的时候, 使用查语法更加方便一些 查：返回的都是dom对象 查找父级: 子元素.parentNode 查找最近的父级元素，返回是dom元素

元素获取 - document.querySelector 获取满足条件的第一个元素 获取到的元素是dom元素，可以直接调用dom的api 如果没有获取到，返回null - document.quer

获取DOM对象的方式 document.querySelector 获取的是满足条件的第一个 一定只有一个 获取的是dom元素，可以直接操作 如果没有获取到，就返回null Cannot read p

目标：理解封装的意义，能够具备封装函数的能力 什么是函数?为什么需要函数? 函数可以理解为一个 特定的代码块 容器 ，它可以完成特定的需求, 并且可以 重复 使用 函数声明和函数调用 函数默认不会主动

知道什么是数组及其应用的场景，掌握数组声明及访问的语法，具备利用数组渲染柱形图表的能力 for循环 循环语句的跳出 循环加强 双层for循环嵌套 在网页上打印出一个五行五列的星星 在网页上打印出一个五

理解什么是流程控制，知道条件控制的种类并掌握其对应的语法规则，具备利用循环编写简易ATM取款机程序能力 运算符 算术运算符 一元运算符 逻辑运算符 语句 表达式和语句 三元运算符 分支语句的综合 断点

目标：理解变量、数据类型、等基础概念，能够实现数据类型的转换，具备利用模板字符串渲染表格的能力 JS的简介 初体验 案例引入 tab栏切换案例 输入输出语法 字面量 变量 数据类型 引用数据类型 数据

1、vw / vh 相对单位 相对视口的尺寸计算结果 vw：viewport width 1vw = 1/100视口宽度 vh：viewport height 1vh = 1/100视口高度 px单位