清辞的博客

移动端触屏事件移动端常见特效移动端开发插件框架window.sessionStoragewindow.localStorage

offsetoffset 翻译过来就是偏移量，我们使用offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset和style的区别offset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位的offsetWidth 包含padding+border+widthoffsetWidth 等属性是只读属性，只能获取不能赋值所以，我们想要获取元素大小位置，用

BOM概述BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。那我DOM和BOM的区别是什么呢？DOM是文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是documentDOM 主要学习的是操作页面元素DOM 是W3C 标准规范BOM浏览器对象模型把「浏览器」当做一个「对象」来看待BOM 的顶级对象

注册事件两种方式，传统方式onclick和方法监听注册方式addEventListener利用 on 开头的事件 onclick<button οnclick=“alert(‘hi~’)”>< /button>btn.onclick = function() {}特点： 注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数w3c 标准 推荐方式addEventListener() 它是一个方法IE9 之前的

WebAPI在以前的文章中，我已经记录了关于ECMAScript的相关基础，当然讲的是基于ES6以前的内容，关于ES6的进阶内容会在后面的文章中写到。本节文章主要把重心放在WebAPI中的DOM知识上。上图是它们之间的关系。Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）比如我们想要浏览器弹出

内置对象内置对象介绍JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象（详见内置对象的官网）前面两种对象是JS 基础内容，属于ECMAScript；第三个浏览器对象属于我们JS 独有的内置对象就是指JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象：Math、Date 、Array、String等Math对象Math 对象不是构

操作符算术运算符浮点数的最高精度是17位小数，因此不要直接判断两个浮点数是否相等var result = 0.1 + 0.2; // 结果不是0.3，而是：0.30000000000000004console.log(0.07 * 100); // 结果不是7，而是：7.000000000000001递增递减运算符前置递增和后置递增运算符可以简化代码的编写，让变量的值+ 1 比以前写法更简单单独使用时，运行结果相同与其他代码联用时，执行结果会不同后置：先原值运算

变量基本语法var age=10;//声明一个名称为age的变量，并且为它赋值，称为变量的初始化var是一个JS关键字，用来声明变量。我们也可以按照其他编程语言的思路，给变量进行更新，并且可以同时声明多个变量，此时只需要使用一个var 多个变量名之间使用英文逗号来隔开。命名规范由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name严格区分大小写。var app; 和var App; 是两个变量不能以数字开头并且

JavaScript相关概念是一种运行在客户端的脚本语言，并且不需要编译，运行过程由js解释器（js引擎）逐行来进行解释并执行。现在也可以基于Node.js技术进行服务器编程。（详情见Node.js入门基础）Javascript的作用（广泛应用于各个领域，说明其的重要性）表单动态校验网页特效基于Node.js的服务器开发桌面程序App控制硬件-物联网游戏开发浏览器分为渲染引擎和JS引擎渲染引擎：用来解析HTML与CSS，俗称内核，比如Chrome浏览器的blink和web