《WEB前端面试题个人合集》第1期：第十四题解析到第二十二题的个人解析【诗书画唱】
第十四题解析
第十五题解析
短元音/ɪ/的发音方法
第十六题解析
第十八题解析
第十九题解析
第二十一题解析
第十四题解析
video
audio
article
canvas
Storage
session
socket
drag
语义标签
语义标签，顾名思义也就是可以直接读懂的标签。
所谓标签语义化，就是指标签的含义。什么样的标签，做什么样的事情。
tag
html5新增的语义化标签
文档类型定义
文档类型定义（DTD，Document Type Definition）是一种特殊文档，它规定、约束符合标准通用标示语言（SGML）或SGML子集可扩展标示语言（XML）规则的定义和陈述。
pause
resize
地理定位
h5地理位置定位是基于什么定位的
使用 getCurrentPosition方法来获得用户的位置。
增强型表单
range
output
onforminput事件属性是在表单获得用户输入时触发调用的javascript脚本。onforminput事件属性是HTML5新增内容。
<!DOCTYPE html>
<html>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
<p><b>注释：</b>Internet Explorer 不支持 <output> 标签。</p>
</body>
</html>
第十五题解析
both
双方 [bəʊθ]
hidden
/i/是短音，发“诶（第一声）”/i：/是长音，发“衣” 重点是要注意i后面有没有两个小点。/i/ 只用于外来语。在英语中，它表示不同的发音，包括长音和短音。
fix
block
display
auto
第十六题解析
ify
transform
translate
第十八题解析
bootstrap
bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 的意义：
.col-xs- 超小屏幕 手机 (<768px)
.col-sm- 小屏幕 平板 (≥768px)
.col-md- 中等屏幕 桌面显示器 (≥992px)
.col-lg- 大屏幕 大桌面显示器 (≥1200px)
首先说明：
1、col-列；
2、xs-maxsmall，超小；sm-small，小；md-medium，中等；lg-large，大；
3、-*表示占列，即占自动每行row分12列栅格系统比；
4、col-xs-*超小屏幕 手机 (<768px),
.col-sm-*小屏幕 平板 (≥768px),
.col-md-*中等屏幕 桌面显示器 (≥992px)(栅格参数).
col
column
第十九题解析
diff算法
深入diff 算法
diff 作为 Virtual DOM 的加速器，其算法上的改进优化是React页面渲染的基础和性能保障，本节从源码入手，深入剖析diff算法。
React 中醉值得称道的莫过于Virtual DOM与diff的完美结合，尤其是其高效的diff算法，可以帮助我们在页面蔌渲染的时候，计算出Virtual DOM真正变化的部分，并只针对该部分进行的原生DOM操作，而不是渲染整个页面，从而保证了每次操作后，页面的高效渲染。
一. 传统的 diff 算法
计算一个树形结构转换成另一个树形结构的最少操作，是一个复杂且值得研究的问题，传统 diff 算法通过循环递归的方法对节点进行操作，算法复杂度 为O(n3)，其中n为树中节点的总数，这效率太低了，如果 React 只是单纯的引入 diff 算法，而没有任何的优化的话，其效率远远无法满足前端渲染所需要的性能。那么React 是如何实现一个高效、稳定的 diff 算法。
二. diff 源码解读
React 将 Virtual DOM 树转换为 actual DOM 树的最小操作的过程称为调和， diff 算法便是调和的结果，React 通过制定大胆的策略，将 O(n3)的时间复杂度转换成 O(n)。
SEO(Search Engine Optimization):汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。
第二十题解析
mount
data
destroy
第二十一题解析
emit
props
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
