20170705

清除浮动的方法

补充：after伪元素允许元素内容的最后面插入生成内容，需要和content属性一起使用，设置在对象后发生的内容。默认地，这个伪元素是inline行内元素，不过可以使用属性 display 改变这一点。

• 推荐使用：
  .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
  .clearfloat{zoom:1}
• 父级div定义 overflow:hidden：
  只推荐没有使用position或对overflow:hidden理解比较深的朋友使用
• 父级div定义 overflow:auto：
  内部宽高超过父级div时，会出现滚动条
• 父级div定义 height

HTML5 新元素：

HTML5中常用的新特性：
canvas元素：用于定义图形（图表等），只是图形容器，必须使用脚本来绘制图形。
audio：用于音频播放。
video：用于视频播放。
article：规定独立的自包含内容。
header：定义文档的页眉，介绍相关信息。
section：定义文档中的节。
footer：定义文档的页脚，通常有文档的作者、版权信息、联系方式等。
nav：定义导航链接。
表单控件：
calender
date
time
email
url
search

网格布局

• .col-xs- 超小屏幕 手机 <768px
• .col-sm- 小屏幕 平板 >=768px
• .col-md- 中等屏幕 >=992px
• .col-lg- 大屏幕 >1200px

html元素类别

1.常见的块级元素(自动换行， 可设置高宽 )有：div,h1-h6,p,pre,ul,ol,li,form,table,label等

2. 常见的行内元素（无法自动换行，无法设置宽高）有：a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。
   3.常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：
   (button,input，textarea,select), img等

前端性能

页面的性能指标详解：
　　白屏时间（first Paint Time）——用户从打开页面开始到页面开始有东西呈现为止
　　首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间
　　用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作
　　总下载时间——页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间

JS中六种数据类型

Undefined、Null、Boolean、Number、String.而 Object 是属于复杂数据类型，所以我认为这里说的 6 种基本数据类型是指：Undefined、Null、Boolean、Number、String 与 Symbol.

js如何判断一个对象是不是Array？