《WEB前端面試題個人合集》第1期：第十四題解析到第二十二題的個人解析【詩書畫唱】
第十四題解析
第十五題解析
短元音/?/的發(fā)音方法
第十六題解析
?第十八題解析
?第十九題解析
第二十一題解析
第十四題解析
video
audio
article
canvas
Storage
session
socket
drag
語義標簽
語義標簽，顧名思義也就是可以直接讀懂的標簽。
所謂標簽語義化，就是指標簽的含義。什么樣的標簽，做什么樣的事情。
tag
html5新增的語義化標簽
文檔類型定義
文檔類型定義（DTD，Document Type Definition）是一種特殊文檔，它規(guī)定、約束符合標準通用標示語言（SGML）或SGML子集可擴展標示語言（XML）規(guī)則的定義和陳述。
pause
resize
地理定位
h5地理位置定位是基于什么定位的
使用 getCurrentPosition方法來獲得用戶的位置。?
增強型表單
range
output
onforminput事件屬性是在表單獲得用戶輸入時觸發(fā)調(diào)用的javascript腳本。onforminput事件屬性是HTML5新增內(nèi)容。
<!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/是短音，發(fā)“誒（第一聲）”/i：/是長音，發(fā)“衣” 重點是要注意i后面有沒有兩個小點。/i/?只用于外來語。在英語中，它表示不同的發(fā)音，包括長音和短音。
fix
block
display
auto
第十六題解析
ify
transform
translate
?第十八題解析
bootstrap
bootstrap柵欄系統(tǒng)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列柵格系統(tǒng)比；
4、col-xs-*超小屏幕?手機?(<768px),
.col-sm-*小屏幕?平板?(≥768px),
.col-md-*中等屏幕?桌面顯示器?(≥992px)(柵格參數(shù)).
col
column
?第十九題解析
diff算法
深入diff 算法
diff 作為 Virtual DOM 的加速器，其算法上的改進優(yōu)化是React頁面渲染的基礎和性能保障，本節(jié)從源碼入手，深入剖析diff算法。
React 中醉值得稱道的莫過于Virtual DOM與diff的完美結(jié)合，尤其是其高效的diff算法，可以幫助我們在頁面蔌渲染的時候，計算出Virtual DOM真正變化的部分，并只針對該部分進行的原生DOM操作，而不是渲染整個頁面，從而保證了每次操作后，頁面的高效渲染。
一. 傳統(tǒng)的 diff 算法
計算一個樹形結(jié)構(gòu)轉(zhuǎn)換成另一個樹形結(jié)構(gòu)的最少操作，是一個復雜且值得研究的問題，傳統(tǒng) diff 算法通過循環(huán)遞歸的方法對節(jié)點進行操作，算法復雜度 為O(n3)，其中n為樹中節(jié)點的總數(shù)，這效率太低了，如果 React 只是單純的引入 diff 算法，而沒有任何的優(yōu)化的話，其效率遠遠無法滿足前端渲染所需要的性能。那么React 是如何實現(xiàn)一個高效、穩(wěn)定的 diff 算法。
二. diff 源碼解讀
React 將 Virtual DOM 樹轉(zhuǎn)換為 actual DOM 樹的最小操作的過程稱為調(diào)和， diff 算法便是調(diào)和的結(jié)果，React 通過制定大膽的策略，將 O(n3)的時間復雜度轉(zhuǎn)換成 O(n)。
SEO(Search Engine Optimization):漢譯為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關搜索引擎內(nèi)的自然排名的方式。
第二十題解析
mount
data
destroy
第二十一題解析
emit
props
Vuex?是一個專為 Vue.js 應用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應用的所有組件的狀態(tài)，并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化。
