JS作用域链<!--more--> 给出两个不同的例子：

JS函数与作用域<!--more--> 在JS中（非ES6），只有函数作用域，没有块作用域。

JS数据类型，运算符，流程控制语句<!--more--> JS语言中定义了6种数据类型：

JS变量提升，浏览器渲染原理<!--more--> 定义变量，函数，属性的时候的标识符，是区分大小写的。

CSS-垂直居中的几种实现思路方法<!--more-->

伪类及伪元素<!--more--> 伪类用于当已有元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化

浏览器兼容<!--more--> 由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析标准不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

前端编码规范<!--more-->

CSS浮动和负margin的对比，圣杯布局，双飞翼布局<!--more--> 对于相邻的两个浮动元素，如果因为空间不够导致第二个浮动元素下移，可以通过给第二个浮动元素设置margin-left: 负值；来让第二个元素上移，其中这个负值>=元素上移后和第一个元素重合的临界值。

CSS-3-Flex布局<!--more--> flex布局可以实现空间自动分配自动对齐，适用于简单的线性布局。

CSS布局<!--more--> 简单但是窗口宽度小的时候会出现滚动条

CSS居中<!--more--> <style type="text/css">

CSS浮动定位和BFC边距合并<!--more--> 浮动模型是一种可视化格式模型，浮动的框可以左右移动（根据float的值而定），直到它的外边缘碰到包含框或者另一个福鼎元素的框的边缘。浮动元素不在文档的普通流当中，文档的普通流中的元素表现的就像浮动元素不存在一样。

ICON的几种实现方式<!--more--> 需求：一个页面上有很多小图标

CSS常见样式<!--more--> 作用在块级元素上面，可以使得块级元素的子元素水平居中显示。

CSS常见样式<!--more--> div h1 h2h h3 h4 h5 h6 p hr

CSS选择器<!--more--> id选择器，匹配特定id的元素。

CSS基础<!--more--> CSS的全称是Cascading Style Sheets，层叠样式表。

Form表单<!--more--> 首先要注意所有的表单都必须要放到<form></form>中，否则提交是无效的。

HTML-知识点<!--more--> XML是可扩展标记语言，（eXtensible Markup Language），XML和HTML一样，都是处于SGML（Standard Generalized Markup language）即标准通用置标语言，XML极其简单易于掌握和使用，是一种简单的数据存储的语言，可以跨平台，能有效的处理结构化文档信息。