王不二的書架

# fs 文件系统模块 # fs.readFile () 的语法格式 使用 fs.readFile () 方法，可以读取指定文件中的内容，语法格式如下 : 1fs.readFile(path[, options], callback) 参数解读 : 参数 1 : 必选参数，字符串，表示文件的路径 参数 2 : 可选参数，表示以什么编码格式来读取文件 参数 3 : 必选参数，文件读取完成后，通过回调函数拿到读取失败和成功的结果 err dataStr, 如果打印成功，则 err 的值为 null, 如果读取失败，err 的值为错误对象，dataStr 的值为 undefined #...

# 类和对象 # 创建类 语法 : 123class name { //class body} # 类 constructor 构造函数 constructor () 方法是类的构造函数 (默认方法), 用于传递参数，返回实例对象，通过 new 命令生成对象实例，自动调用该方法。如果没有显示定义，类内部会自动创建一个 constructor () 12345class Star { constructor(uname) { this.uname = uname; }}

# 本地存储 本地存储特性 : 数据存储在用户浏览器中 设置，读取方便，甚至页面刷新不丢失数据 容量较大，sessionStorage 约 5M, localStorage 约 20M 只能存储字符串，可以将对象 JSON.stringify () 编码后存储 # window.sessionStorage 生命周期为关闭浏览器窗口 在同一个窗口 (页面) 下数据可以共享 以键值对的形式存储使用 sessionStorage 常用方法 作用 sessionStorage.setItem(key, value) 通过键值对设置 sessionStorage...

# 触屏事件 移动端浏览器兼容性好，我们不需要考虑 JS 的兼容性问题，但是移动端有独特的地方。比如触屏事件 (touch), Android 和 IOS 都有 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触控笔。触屏事件可响应用户手指 (或触控笔) 对屏幕或者触控板操作 常见触屏事件如下 : 触屏 touch 事件 说明 touchstart 手指触摸到一个 DOM 元素时触发 touchmove 手指在一个 DOM 元素上滑动时触发 touchend 手指从一个 DOM 元素上移开时触发

# 动画函数封装 核心原理：通过定时器 setInterval () 不断移动盒子位置 实现步骤 : 获得盒子当前位置 让盒子在当前位置加上 1 个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位，才能使用 element.style.left

# mouseenter 鼠标事件 当鼠标移动到元素上时就会触发 mouseenter 事件 类似 mouseover, 它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发，经过子盒子还会触发. mouseenter 指挥经过自身盒子触发 我推测 : mouseover 经过子盒子还会触发的原因是默认冒泡，当使用 mouseover, 把鼠标移动到父盒子里面时，通过 log 输出一次，鼠标移动到子盒子中时，再触发一次，从子盒子移到父盒子，再触发一次，第一次和第三次可以理解，第二次是因为...

# scroll, offset, client 总结 三大系列大小对比 作用 element.offsetWidth 返回自身包括 padding, 边框，内容区的宽度，返回数值不带单位 element.clientWidth 返回自身包括 padding, 内容区的宽度，不含边框，返回数值不带单位 element.scrollWidth 返回自身实际的宽度，不含边框，返回数值不带单位

# 元素滚动 scroll 使用 scroll 系列的相关属性可以动态的得到该元素的大小，滚动距离等 scroll 系列属性 作用 element.scrollTop 返回被卷去的上侧距离，返回数值不带单位 element.scrollLeft 返回被卷去的左侧距离，返回数值不带单位 element.scrollWidth 返回自身实际的宽度，不含边框，返回数值不带单位 element.scrollHeight 返回自身实际的高度，不含边框，返回数值不带单位

# 立即执行函数 (function(){}()) 与 (function(){})() 主要作用：创建一个独立的作用域。避免了命名冲突问题

# 元素可视区 client 使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小，元素大小等 client 系列属性 作用 element.clientTop 返回元素上边框的大小 element.clientLeft 返回元素左边框的大小 element.clientWidth 返回自身包括 padding, 内容区的宽度，不含边框，返回数值不带单位 element.clientHeight 返回自身包括 padding, 内容区的高度，不含边框，返回数值不带单位