蟹黄堡

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

触屏事件1.触屏事件概述移动端浏览器兼容性较好，可以不需要考虑JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件（也称触摸事件），Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触控笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件如下：触屏touch事件说明touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元

元素偏移量offset系列offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。1.可以获得元素距离带有定位父元素等位置。2.可以获得元素自身的大小（宽度和高度）。注意：返回的数值都不带单位。offset系列常用属性：offset系列属性说明element.offsetParent返回作为该元素带有定位的父级元素如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元素上方的偏移如果没有父级元素或者父级元素

BOM概述BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM是由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。现在，BOM是浏览器厂商在各自浏览器上定义的，兼容性较差。BOM是包含DOM的，它的组成如下：1.document2.location3.navigation4.s

注册事件给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式。1.传统注册方式：（1）利用on开头的事件，比如：onclick（2）< button οnclick=“alert(‘hello’)”>< /button>（3）btn.onclick = function(){ }（4）特点：注册事件的唯一性。简单来收，就是同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数2.方法监听注册方

DOM简介文档对象模型（DOM），就是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。作用：通过这些DOM接口，可以改变网页的内容、结构和样式。DOM树：（1）文档：一个页面就是一个文档，DOM中使用document表示（2）元素：页面中所有标签都是元素，DOM中使用element表示（3）节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示（4）DOM把以上三种都看做是对象获取元素1.根据ID获取使用getEle

JS的组成JavaScript由ECMAScript（JavaScript基础）、DOM和BOM（Web APIs）组成。其中，JavaScript基础是ECMAScript标准规定的基本语法；而Web APIs是W3C组织的标准。API和Web APIAPI（应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。