使用css选择器选中元素
// 使用css选择器选中匹配的第一个元素
document.querySelector('css选择器');
// 使用css选择器选中匹配的所有元素，返回伪数组
document.querySelectorAll('css选择器');
控制类样式
// 添加类样式
dom.classList.add('a'); //
dom.classList.add('b'); //
dom.classList.add('c'); //
// 是否包含某个类样式
dom.classList.contains('a'); // true
// 移除类样式
dom.classList.remove('a'); //
// 切换类样式
dom.classList.toggle('a'); //
dom.classList.toggle('a'); //
dom.classList.toggle('a'); //
本地存储
localStorage，永久保存到本地
// 保存一个键值对到本地，值必须是字符串
localStorage.setItem('key', 'value');
// 根据键，读取本地保存的值
localStorage.getItem('key');
// 清除所有保存的内容
localStorage.clear();
// 根据键，清除指定的内容
localStorage.removeItem('key');
sessionStorage，临时保存到本地，关闭浏览器后消失
// 保存一个键值对到本地，值必须是字符串
sessionStorage.setItem('key', 'value');
// 根据键，读取本地保存的值
sessionStorage.getItem('key');
// 清除所有保存的内容
sessionStorage.clear();
// 根据键，清除指定的内容
sessionStorage.removeItem('key');
无论是localStorage还是sessionStorage，它们都只能保存字符串，如果需要保存对象或数组，可以先将对象和数组转换为JSON字符串再进行保存
JSON.stringify(obj); // 将对象或数组转换为JSON格式
JSON.parse(jsonString); // 将JSON格式的字符串转换为对象或数组
渲染帧
浏览器会不断的对网页进行渲染，通常情况下的速度为每秒渲染60次，每一次渲染称之为一帧，因此又可以说：浏览器的渲染速率是60帧
音视频API
针对video和audio元素，HTML5新增了音视频的API，让开发者可以使用JS控制它们
编辑
编辑
