前端知识点二

持续更新中，更新于2019-4-22

1. 状态码
   http://www.runoob.com/http/http-status-codes.html
   https://blog.youkuaiyun.com/qq_35689573/article/details/82120851

2. web storage有以下几种对象：
   sessionStorage：存储特定于某个会话的数据，该数据只保留到浏览器关闭。
   globalStorage：目的是跨越会话存储数据，不过要指定哪些域可以访问该数据。如果不使用 removeItem() 或 delete 删除，或者用户未清除浏览器缓存，存储在globalStorage上的数据会一直保留在磁盘上。所以globalStorage非常适合在客户端存储文档或长期保留用户偏好设置。
   localStorage：在HTML5中作为持久保持客户端数据的方案取代了globalStorage。它不能被指定访问规则，要访问localStorage，页面必须来自同一个域名，使用同一种协议，在同一个端口上。它的数据也保留到通过JavaScript删除或用户清除浏览器缓存。

3. onchange 当离开输入框后，函数将被触发

4. 块级元素、内联元素，内联块级元
   块级元素特点：（1）每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。（2）元素的高度、宽度、行高和顶底边距都是可以设置的。（3）元素的宽度如果不设置的话，默认为父元素的宽度。
   块级元素还包括：label、dl、hr
   内联块级元素还包括：button,textarea,select

5. JS中的void
   通过采用void 0取undefined比采用字面上的undefined更靠谱更安全，应该优先采用void 0这种方式。
   填充<a>的href确保点击时不会产生页面跳转; 填充<image>的src，确保不会向服务器发出垃圾请求。

6. querySelector() 和querySelectorAll() http://www.runoob.com/jsref/met-document-queryselector.html

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

8. HTML脱离文档流的三种方法 https://blog.youkuaiyun.com/thelostlamb/article/details/79581984

9. js调用函数时加括号与不加括号的区别
   函数名其实就是指向函数体的指针
   不加括号， 可以认为是查看该函数的完整信息，
   不加括号传参，相当于传入函数整体
   加括号 表示立即调用（执行）这个函数里面的代码（花括号部分的代码）

10. js中代码回收规则如下
    (1)全局变量不会被回收。
    (2)局部变量会被回收，也就是函数一旦运行完以后，函数内部的东西都会被销毁。
    (3)只要被另外一个作用域所引用就不会被回收

11. H5新增标签：

article: 标签定义外部的内容。
aside:标签定义 article 以外的内容。a
audio:h5新增音频标签。没有高宽属性。
canvas:h5新增画布标签。
command: 定义命令按钮(未测试)
datalist：标签定义选项列表。
datalist 及其选项不会被想显示出来，它仅仅是合法的输入值列表。
details：标签用于描述文档或文档某个部分的细节。
figure：标签用于对元素进行组合。
figcaption：定义 figure 元素的标题。
footer：定义 section 或 document 的页脚。
header：定义 section 或 document 的页眉。
hgroup：用于对网页或区段（section）的标题进行组合。
keygen:标签规定用于表单的密钥对生成器字段
mark：标签定义带有记号的文本。
meter：通过min=“0” max="20"的方式定义度量衡。仅用于已知最大和最小值的度量。
nav：定义document或section或article的导航。
output：定义不同的输出类型，比如脚本。
progress：定义任何类型的任务的进度。
rp:定义若浏览器不支持 ruby 元素显示的内容
rt：定义 ruby 注释的解释
ruby：定义 ruby 注释
section：标签定义文档中的节、区段。比如章节、页眉、页脚或文档中的其他部分。
source:audio和video的属性之一。为audio和video定义媒介源。
summary:为details定义标题。
time:定义日期或时间。
video：h5新增视频标签。具有高宽属性。

12. 权重
    第一等：代表内联样式，如: style=””，权值为1000。
    第二等：代表ID选择器，如：#content，权值为100。
    第三等：代表类，伪类和属性选择器，如.content，class，权值为10。
    第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
13. 响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。
14. undefined和null与任何有意义的值比较返回的都是false，但是null与undefined之间互相比较返回的是true。

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

计算机
	用来计算的仪器 ... ...
显示器
	以视觉方式显示信息的装置 ... ...

16. 浏览器内核

Safari, Chrome, Nokia S60、Apple手机Android手机的默认浏览器	webkit
Firefox	Gecko
IE	Trident
搜狗浏览器是双核	而是所有网页（通常是标准通用标记语言的应用超文本标记语言）由webkit内核处理,只有银行网站用IE内核

浏览器端：	cookie、WebStorage(localStorage、sessionStorage)、userData、indexedDB：
服务器端	session

18. iframe可用在以下几个场景中：
    (1).典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。
    (2).ajax上传文件。
    (3).加载别的网站内容，例如google广告，网站流量分析。
    (4).在上传图片时，不用flash实现无刷新。
    (5).跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。
19. 为了解决AngularJS性能问题，编译阶段应分为两个阶段
    (1).compile (绑定DOM)
    (2).link（数据绑定）。
20. HTML5的新表单元素
    (1).datalist
    (2).keygen
    (3).output
21. DHTML 将 HTML、JavaScript、DOM 以及 CSS 组合在一起，用于创造动态性更强的网页。通过 JavaScript 和 HTML DOM，能够动态地改变 HTML 元素的样式。
22. CSS3新增属性

1、box-shadow（阴影效果）
2、border-color（为边框设置多种颜色）
3、border-image（图片边框）
4、text-shadow（文本阴影）
5、text-overflow（文本截断）
6、word-wrap（自动换行）
7、border-radius（圆角边框）
8、opacity（透明度）
9、box-sizing（控制盒模型的组成模式）
10、resize（元素缩放）
11、outline（外边框）
12、background-size（指定背景图片尺寸）
13、background-origin（指定背景图片从哪里开始显示）
14、background-clip（指定背景图片从什么位置开始裁剪）
15、background（为一个元素指定多个背景）
16、hsl（通过色调、饱和度、亮度来指定颜色颜色值）
17、hsla（在hsl的基础上增加透明度设置）
18、rgba（基于rgb设置颜色，a设置透明度）

23. HTML置换元素与非置换元素
    （1）置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。
    （2）例如浏览器会根据img标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据input标签的type属性来决定是显示输入框，还是单选按钮等。
    （3）HTML中的img、input、textarea、select、object都是置换元素。这些元素往往没有实际的内容，即是一个空元素。
    （4）HTML 的大多数元素是不可替换元素，即其内容直接表现给用户端（例如浏览器），如：<span> hello world </span>
24. i和em的区别

<i>标签只是单纯的样式标签，表现斜体的样式，但是语义上与普通文本无异；
<em>标签在样式上表示为斜体，同时在语义上也表示为斜体。<em>标签可以被设备识别，而<i>标签不能被识别。

25. 网页html文档支持的图片格式有jpg，gif，png和bmp这四种
26. 层级显示优先级： frameset > 表单元素 > 非表单元素