JavaScript

效果 原理 匹配歌曲时间和歌词对象数组,高亮,歌词被容器包裹 一个容器设置overflow:hidden; 包含ul和歌词li,计算ul transform:tranlateY(),移动 方法 初始化

效果 方法 两个步骤,初始化界面, 交互事件 将所有的样式写好,包括动画,后期添加类 html 包含三个select,每个select展现不提供的数据 默认后面的div 是不可选中的 保存好上次的数据

Promise Promise是一套专门处理异步场景的规范，它能有效的避免回调地狱的产生，使异步代码更加清晰、简洁、统一 所有的异步场景，都可以看作是一个异步任务，每个异步任务，在JS中应该表现为一个

浏览器的进程模型 什么是进程? 程序运行需要有自己的专属内存空间,可以把这块内存空间理解为进程 每个应用至少有一个进程,进程之间相互独立 何为线程 有了并不能运行程序的代码,需要可以运行代码的,称之为

为什么要描述 上面的对象，在JS内部被描述为 value : 成员的值 configurable :描述符是否可修改 enumerable :是否可被枚举 writable :是否可修改 获取描述符

效果 思路 将事件委托到父元素上,判断e.target的类型 每次input 将输入存储到localStorage中, 加载的时候读取localStorage 方法 localStorage可以存储键

效果 总结 总结一下这个项目，你实现了以下功能： 点击表头进行升序/降序排序，根据数据类型进行排序（数字/字符串） 点击全选/全不选按钮，控制所有复选框的状态 点击任意一个复选框，控制全选按钮的状态

构造函数 new RegExp('规则', '标识') 字面量书写 /规则/标识 常用方法 规则 标识 标识字符 含义 i 不区分大小写 g 全局匹配，如果没有此标识，只会匹配第一个 m 多行匹配 字

JavaScript 防抖函数是一种常见的优化技术，它可以在用户连续触发某个事件时，只执行最后一次触发的操作，以避免频繁的操作。 例如，当用户在搜索框中连续输入字母时，防抖函数可以延迟执行搜索操作，只

实现效果 循环访问arr里面的元素, 当超过索引时,回调到开头索引,循环往复. 顺方向 常规 求余运算 效果 代码中的 % 运算符表示取模运算，用于获取 curIndex 除以 arr.length

效果 实现小球在视口的移动 小球可以反弹 小球可以变色 视口改变,小球移动不超过视口 记录必要数据 确定安全边界,不会超出视口 MaxLeft MaxTop 确定移动方向 disX:1 disY:1

效果 便签可以在视口移动, 但不会超出视口. 步骤 mousedown 事件 开始监听 mousemove 事件 记录鼠标移动轨迹 改变 note left top 位置 安全边界检查 keyup 事

可以使用 DOM（文档对象模型）来访问和操作 HTML 文档中的元素。以下是一些常见的获取元素尺寸的方法： dom.Element.getBoundingClientRect() 元素相对于窗口的位置

事件 事件解决了三件事 某个 DOM：监听谁？ 某件事（事件类型）：它发生了什么？ 某些处理（处理函数）：我要做什么 监听谁 dom对象 它发生什么(事件类型) https://developer.m

DOM 是一个对象,对应HTML中的节点 获取dom 创建dom document.createElement() 传入标签名 更改dom结构 dom.remove()从文档树中删除 dom , 不会

WebAPI 是浏览器提供的一套 API，用于操作浏览器窗口和界面 WebAPI 中包含两个部分： BOM：Browser Object Model，浏览器模型，提供和浏览器相关的操作 DOM：Doc

substring() 函数： 不接受负数参数。 如果第一个参数大于第二个参数，则交换它们的位置，以确保第一个参数是起始位置。 不修改原始字符串。 用法： str.substring(start, e

包装类 如果尝试着把原始类型（number、string、boolean）当做对象使用，JS会自动将其转换为对应包装类的实例 在 JavaScript 中，基本数据类型（如字符串、数字、布尔值等）没有

案例 视频网站有两种会员： 普通会员 属性：用户名、密码 方法：观看免费视频 VIP会员 属性：普通会员的所有属性、会员到期时间 方法：普通会员的所有方法、观看付费视频 如果我们需要使用构造函数来创建