前端复习

[TOC] this 绑定 默认绑定 严格模式下，独立调用的函数中的 this 所指向的是 undefined 隐式绑定 显示绑定 apply call bind new 绑定 1.创建新对象 2.将

[TOC] DOM 核心 文档对象模型，是 w3c 组织推荐的处理可拓展标记语言 通过 DOM 接口可以改变网页的内容，结构，样式 元素创建 document.write innerHtml crea

[TOC] BOM 概述 BOM 缺乏标准 window 对象的常见事件 alert() window.onload() windows.onresize() 定时器 window.setTimeou

[TOC] css 属性-transform CSS transform 属性允许对某一个元素进行某些形变, 包括旋转，缩放，倾斜或平移等。 并非所有的盒子都可以进行 transform 的转换（通常

[TOC] vertical-align 一个行盒中行内块元素的对齐方式 vertical-align 会影响行内块级元素在一个行盒中垂直方向的位置 行盒 常见的行盒：包含具体内容的元素 span、s

[TOC] 认识 flex 布局 Flexbox 翻译为弹性盒子: 弹性盒子是一种用于按行或按列布局元素的一维布局方法 ; 元素可以膨胀以填充额外的空间, 收缩以适应更小的空间; 通常我们使用 Fle

[TOC] 浮动布局 认识浮动 float 属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。 float 属性最初只用于在一段文本内浮动图像, 实现文字环绕的效果; 但是早期

[TOC] 标准流 默认情况下，元素都是按照 normal flow（标准流、常规流、正常流、文档流【document flow】）进行排布 从左到右、从上到下按顺序摆放好 默认情况下，互相之间不存在

[TOC] 结构伪类 :nth-child() :nth-child(1) 是父元素中的第 1 个子元素 :nth-child(2n) n 代表任意正整数和 0 是父元素中的第偶数个子元素（第 2、4

[TOC] 边框的形状 认识 Web 字体 Web fonts 的工作原理 首先, 我们需要通过一些渠道获取到希望使用的字体(不是开发来做的事情): 对于某些收费的字体, 我们需要获取到对应的授权;

[TOC] 高级元素 列表元素 表格元素 表单元素 列表元素 列表的实现方式 方案一: 使用 div 元素来实现(比如汽车之家, 知乎上的很多列表) 方案二: 使用列表元素, 使用元素语义化的方式实现

[TOC] css 继承(inherited) 强制继承 css 层叠性 选择器优先级 !imporent 权值 10000 内联样式 权值 01000 id 选择器 权值 00100 类选择器、属性

[TOC] 盒子模型 content padding border margin 内容 宽度和高度 设置内容是通过宽度和高度设置的 宽度设置: width 高度设置: height 另外我们还可以设置

[TOC] css 字体 font-size font-size 决定文字的大小 常用设置 数字+单位 百分比 font-family font-weight line-height font 缩写属

[TOC] 选择器 通用选择器 *{} 效率低不推荐使用 标签选择器 并集选择器 通过，隔开 简单选择器 类型选择器 类选择器 id 选择器 属性选择器 后代选择器 兄弟选择器 相邻兄弟选择器：+ 连

css 文本属性 text-decoration 设置文字的装饰线 none：无任何装饰线 可以去除 a 元素默认的下划线 underline：下划线 overline：上划线 line-throug