標(biāo)準(zhǔn)文檔流

標(biāo)準(zhǔn)文檔流，指的是元素排版布局過程中，元素會(huì)默認(rèn)自動(dòng)從左往右，從上往下的流式排列方式。前面內(nèi)容發(fā)生了變化，后面的內(nèi)容位置也會(huì)隨著發(fā)生變化。

HTML就是一種標(biāo)準(zhǔn)文檔流文件
HTML中的標(biāo)準(zhǔn)文檔流特點(diǎn)通過兩種方式體現(xiàn)：

• 微觀現(xiàn)象
• 元素等級(jí)

面試準(zhǔn)備

1）準(zhǔn)備面試簡歷：

• 個(gè)人基本信息：如姓名、年齡、聯(lián)系電話、郵箱，專業(yè)，學(xué)校等
• 工作經(jīng)歷：包括工作時(shí)間、公司、崗位、職責(zé)、技術(shù)棧、突出業(yè)績等。
• 對(duì)工作理解和掌握情況：說明每個(gè)技能點(diǎn)是了解、熟悉、熟練使用、還是精通的水平。精準(zhǔn)定位應(yīng)聘崗位任職要求。
• 其他：技術(shù)博客、開源項(xiàng)目，GitHub等（如果你有寫博客的習(xí)慣，放上你的博客地址，是非常不錯(cuò)的加分項(xiàng)）

2）知識(shí)點(diǎn)復(fù)習(xí)

• 前端知識(shí)點(diǎn)學(xué)習(xí)筆記
• 前端常見面試題整理
• 應(yīng)聘公司以往面試題針對(duì)性復(fù)習(xí)
• 以往面試經(jīng)驗(yàn)總結(jié)回顧，吸取經(jīng)驗(yàn)教訓(xùn)

3）調(diào)整好心態(tài)
過度自信和極度自卑都不會(huì)給面試帶來好的結(jié)果，只有明確自己的目標(biāo)并積極備戰(zhàn)，才能更有可能拿到offer。即使面試失敗了也不要?dú)怵H，而是要從失敗的經(jīng)歷中總結(jié)經(jīng)驗(yàn)，每一次的面試失敗都可能是你下一次面試成功的鋪墊。

基礎(chǔ)面試題

HTML

1，你如何理解HTML結(jié)構(gòu)的語義化
2，說說 title 和 alt 屬性
3，Html5 有哪些新特性、移除了哪些元素
4，Label的作用是什么？是怎么用的？
5，瀏覽器是怎么對(duì) Html5 的離線儲(chǔ)存資源進(jìn)行管理和加載的呢
6，iframe有那些缺點(diǎn)？
7，HTML W3C的標(biāo)準(zhǔn)
8，Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
9，HTML全局屬性(global attribute)有哪些
10，viewport的content屬性作用
11，meta 相關(guān)
12，div+css的布局較table布局有什么優(yōu)點(diǎn)
13，簡述一下src與href的區(qū)別
14，知道的網(wǎng)頁制作會(huì)用到的圖片格式有哪些
15， 如何在 HTML5頁面中嵌入音頻與視頻？

CSS

1，水平居中的方法
2，垂直居中的方法
3，link 與 @import 的區(qū)別
4，三列布局（中間固定兩邊自適應(yīng)寬度）
5，BFC 有什么用
6，清除浮動(dòng)的幾種方式
7，CSS3有哪些新特性
8，css3 新增偽類 - 偽元素
9，為什么要初始化CSS樣式
10，IE盒子模型 、W3C盒子模型
11，請(qǐng)解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景
12，display:inline-block 什么時(shí)候不會(huì)顯示間隙？
13，行內(nèi)元素float:left后是否變?yōu)閴K級(jí)元素？
14，如果需要手動(dòng)寫動(dòng)畫，你認(rèn)為最小時(shí)間間隔是多久，為什么？
15，display:inline-block 什么時(shí)候會(huì)顯示間隙？
16，CSS權(quán)重，計(jì)算規(guī)則
17，Sass、LESS是什么？大家為什么要使用他們？
18，stylus，sass，less區(qū)別
19，rgba() 和 opacity 的透明效果有什么不同？
20，px和em的區(qū)別
21，使用css實(shí)現(xiàn)一個(gè)持續(xù)的動(dòng)畫效果
22，重排和重繪
23，什么情況會(huì)觸發(fā)重排和重繪？

JavaScript

1，說幾條JavaScript的基本規(guī)范
2，閉包
3，變量對(duì)象
4，作用域
5，說說你對(duì)作用域鏈的理解
6，JavaScript原型，原型鏈 ? 有什么特點(diǎn)？
7，什么是事件委托
8，類的創(chuàng)建
9，如何實(shí)現(xiàn)繼承？
10，談?wù)凾his對(duì)象的理解
11，事件模型
12，new操作符具體干了什么呢?
13，Ajax原理
14，Ajax解決瀏覽器緩存問題
15，如何解決跨域問題?
16，說說你對(duì)AMD和Commonjs的理解
17，js的7種基本數(shù)據(jù)類型
18，介紹js有哪些內(nèi)置對(duì)象
19，JS有哪些方法定義對(duì)象
20，你覺得jQuery源碼有哪些寫的好的地方
21，null，undefined 的區(qū)別
22，談?wù)勀銓?duì)ES6的理解
23，面向?qū)ο缶幊趟枷?/strong>
24，如何通過JS判斷一個(gè)數(shù)組
25，異步編程的實(shí)現(xiàn)方式
26，對(duì)原生Javascript了解方向
27，sort 快速打亂數(shù)組
28，數(shù)組去重操作
29，JS 原生拖拽節(jié)點(diǎn)
30，深拷貝、淺拷貝
31，節(jié)流防抖
32，變量提升
33，JS中的垃圾回收機(jī)制
34，如何理解前端模塊化
35，js單線程
36，說說event loop
37，描述下this
38，ajax、axios、fetch區(qū)別