web APIs

购物车-实现步骤 动态渲染 计算出总数和总价格 数量增减 禁用减按钮 全选 列表中的复选框的单击操作 删除所选商品 清理购物车 数据删除

学生信息管理 数据渲染 使用forEach进行遍历 数据新增 第一种方式 上述方式的问题 新增要基于数据 数据删除 委托方式绑定事件 实现删除功能 修改模板结构，存储数据索引 实现数据的删除 获取元素

一.说到渲染，必定会有 静态模板结构 和 数据 的参与 意味着，以后实现渲染业务之前，先 1.准备好静态结构 2.获取到数据 二：渲染的具体实现：遍历 + 拼接，生成html结构，赋值给指定的元素

元素创建 document.createElement('元素名称') 元素增加 明确：新增之后是父子关系 添加到子元素的最后：父元素.appendChild(子元素) 添加到某个子元素的前面：父元素

关闭多个图片<div class="erweima"> <img src="images/code.png" alt="" /> <span class="s1"> X1 </span

删除节点// 获取元素 绑定事件 业务处理 // 删除 // 1.获取所有的删除按钮 -- 伪元素 let bans = document.queryS

```js // 按钮 let btn = document.querySelector('button') // 源元素 let originP = document.querySelector('

基本语法 正则是对字符串的合法性进行校验，在正则看来所有内容都是字符串 学习正则表达式就是学习它的元字符 使用//定义正则表达式： let ref = /正则表达式/ 校验方法： 正则表达式.test

window 1. window对象是一个全局对象，也可以说是JavaScript中的顶级对象 2. 像document、alert()、console.log()这些都是window的属性，基本BO

页面滚动事件和页面加载事件 页面滚动事件 滚动条在滚动的时候持续触发的事件 事件类型scroll box.addEventListener('scroll', function () { // 执行的

事件对象 获取事件对象: 在事件处理函数中里面接受一个形参即可 按键事件常用属性 e.key keyup 获取的是当前这一次的value keydown 获取的value是上一次的value 注意：

节点操作 本质上针对标签本身的增删查 总结: 有明确的亲戚关系的时候, 使用查语法更加方便一些 查 节点-增 创建新节点 追加节点 parent.appendChild(child) 克隆节点 1.

元素获取 document.querySelector document.querySelectorAll 定时器 事件 事件：用户操作所触发的行为 为用户操作添加一个事件监听，当用户真正进行某个操作

设置/修改常用（内置）属性 href、title、src 综合案例 图片更换案例 案例： 随机点名案例-名字渲染到页面已经有的标签里面 style操作css 每一个DOM对象都有一个style属性,s