前端从零到一

1. 正则表达式 1.1 什么是正则表达式 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象，通常被用来检索、替换

1. this 1.1 函数内 this 的指向： 1.2 改变函数内部 this 指向 JavaScript 为我们专门提供了一些函数方法来处理函数内部 this 的指向问题，常用的有 bind()

1. 构造函数和原型 1.1 概述 但在 ES6 之前，JS 中并没用引入类的概念，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征 创建对象可以通过以下三种方式： 对象字

1. 面向对象编程 面向对象编程 OOP (Object Oriented Programming)就是把事务分解成为一个个对象，然后由对象之间分工与合作，面向对象是以对象功能来划分问题，而不是步骤

本地存储特性： 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.st

1. offset 元素偏移量 offset 翻译过来就是偏移量，使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度

1. BOM 概述 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window 1.1 BOM 的构成 window

1. 注册事件（绑定事件） 概述： 给元素添加事件，称为注册事件或者绑定事件，注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式： 利用 on 开头的事件 onclick <button o

什么是 DOM： 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口，通过这些 DOM 接口可以改变

1. Math 对象 Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中的成员 注： 上面的方法必须带括号 2. Date

1. JavaScript 作用域 1.1 作用域 一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域 作用域的使用提高了程序逻辑的局部性，增强了程序

1. 流程控制-循环 循环目的： 在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句 Js 中主要有三种类型的循环语句： for 循环 while 循环 do.

1. 运算符 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号 中常用的运算符有： 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.1 算

1. 变量 1.1 什么是变量 变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。变量就是一个装东西的盒子 本质：变量是程序在内存中申请的一块用来存放数据的空间 1.2 变量的

1. 视口 在学习移动端布局之前需要线了解以下什么是视口 视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 1.1 布局视口 layout view

1. 2D 转换 转换（transform）也是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果 2D 转换就是改变标签在二维平面上的位置和形状 主要有： 移动：translate

1. HTML5 的新特性 HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等 1.1 HTML5 新增语义化标签 以前布局，我们基本用 div 来做。div 对

1. 精灵图 1.1 为什么需要精灵图 网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度 因此，为

1. 定位 1.1 定位的作用 元素可以自由的在一个盒子内移动位置，并且压住其他盒子 当我们滚动窗口的时候，盒子是固定屏幕某个位置的 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。 浮动与

1. 浮动（float) CSS 提供了三种传统布局方式(就是盒子如何进行排列顺序)： 普通流（标准流） 浮动 定位 所谓的标准流: 就是标签按照规定好默认方式排列，也是最基本的布局方式 实际开发中，