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