成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端面試問題（持續(xù)更新）

fanux / 1284人閱讀

摘要：例如浮動(dòng)元素會(huì)形成浮動(dòng)元素內(nèi)部子元素主要受該浮動(dòng)元素影響，但是兩個(gè)浮動(dòng)元素互相不影響。

1、有關(guān)BFC的理解
2、盒模型的理解
3、box-sizing的理解
4、漸進(jìn)增強(qiáng) VS 優(yōu)雅降級(jí)
5、url->頁面加載完成的整個(gè)流程
6、js組成部分
7、如何跨域訪問
8、js判斷數(shù)組
9、嚴(yán)格模式
10、ajax的優(yōu)缺點(diǎn)
11、HTML、XML、XHTML 有什么區(qū)別
12、html語義化
13、內(nèi)容與樣式分離
14、meta標(biāo)簽的使用
15、文檔聲明的作用
16、嚴(yán)格模式和混雜模式
17、的作用
18、常見瀏覽器內(nèi)核
19、頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別
20、瀏覽器內(nèi)核的理解
有關(guān)BFC的理解

BFC用來格式化塊級(jí)盒子
BFC: 提供一個(gè)環(huán)境，html元素會(huì)在這個(gè)環(huán)境中按照一定的規(guī)則進(jìn)行布局。
ex: 例如浮動(dòng)元素會(huì)形成bfc,浮動(dòng)元素內(nèi)部子元素主要受該浮動(dòng)元素影響，但是兩個(gè)浮動(dòng)元素互相不影響。
這個(gè)可以理解為一個(gè)獨(dú)立容器，里邊規(guī)則不會(huì)影響到外邊。
那么什么情況下會(huì)生成bfc呢：
1、浮動(dòng)元素，float除none以外的值
2、絕對(duì)定位，position(absolite,fixed)
3、dispaly = inline-blocks|table-cells|table-captions
4、overflow除visible以外的值
作用：

1、可以阻止元素被浮動(dòng)元素覆蓋
2、包含浮動(dòng)元素
3、如果屬于同一個(gè)bfc的兩個(gè)元素上下margin會(huì)發(fā)生重疊，但如果兩個(gè)元素屬于兩個(gè)不同的bfc那么margin就不會(huì)發(fā)生重疊
盒模型的理解

css盒子模型，包含了content,padding,border,margin
這些基本的比如比如哪兒是content大家都了解我就說了在設(shè)置width = 300px時(shí)代表的是content的寬度那么最終的寬度是content+padding+border+margin.
css外邊距合并
剛才在bfc中提到，在一個(gè)bfc中，css外邊距是會(huì)發(fā)生重疊的，解決方法就是放在兩個(gè)bfc中。當(dāng)我們使用盒模型的時(shí)候需要注意的是瀏覽器的兼容性，這個(gè)很好解決在html中聲明 ，ul在mozilia默認(rèn)有padding值，而在IE中只有margin有值
盒模型中我們常使用一個(gè)屬性叫box-sizing,這會(huì)多帶帶起一頁，這也是面一經(jīng)常出的問題

box-sizing的理解

box-sizing: content-box|border-box|inherit
content-box是默認(rèn)值，總寬度= margin+border+padding+width
border-box: 在css中設(shè)置的width = border + padding + content,那么總寬度 = margin + width常在box寬度是100%,又想要兩邊有內(nèi)間距
inherit: 這就不用說了，是繼承

漸進(jìn)增強(qiáng) VS 優(yōu)雅降級(jí)

漸進(jìn)增強(qiáng)：低瀏覽器實(shí)現(xiàn)基本功能，高級(jí)瀏覽器實(shí)現(xiàn)交互、效果達(dá)到更好的體驗(yàn)
優(yōu)雅降級(jí)： 在高級(jí)瀏覽器實(shí)現(xiàn)完整功能，然后針對(duì)低級(jí)瀏覽器進(jìn)行hack以便低級(jí)瀏覽器能夠正常運(yùn)行
兩者是因?yàn)楦鞣N版本的瀏覽器對(duì)css3的支持情況而不同所造成的

url->頁面加載完成的整個(gè)流程

1、瀏覽器查詢域名對(duì)應(yīng)的IP地址
2、瀏覽器根據(jù)IP地址與服務(wù)器建立socket連接
3、瀏覽器與服務(wù)器進(jìn)行通信：瀏覽器請(qǐng)求，服務(wù)器處理請(qǐng)求
4、瀏覽器與服務(wù)器斷開連接
這個(gè)內(nèi)容太多了，我會(huì)專門寫一篇blog來解釋，但是面試這些回答這些就夠了

js組成部分

1、ECMAScript 定義腳本語言的屬性、方法和對(duì)象
2、文檔對(duì)象類型(DOM)：把整個(gè)頁面規(guī)劃成由節(jié)點(diǎn)層級(jí)構(gòu)成的文檔
3、瀏覽器對(duì)象模型(BOM)：處理瀏覽器寬口和框架

如何跨域訪問

1、jsonp跨域訪問
2、window.name進(jìn)行跨域
3、html5中的window.postMessage方法
4、http頭部信息中加入origin
這個(gè)在我一片blog中專門講到了兩種jsonp和origin如今最常用的兩種跨域請(qǐng)求方式

js判斷數(shù)組 
return Object.prototype.toString.call(arg) === "[object Array]"
嚴(yán)格模式

使用方法：進(jìn)入嚴(yán)格模式的標(biāo)志 "use strict",語法更加嚴(yán)格，更安全，提高運(yùn)行速度。
1、全局變量顯示聲明
2、靜態(tài)綁定：屬性和方法歸屬的對(duì)象，在編譯階段就確定
3、增強(qiáng)的安全措施：①禁止this指向全局對(duì)象②禁止在函數(shù)內(nèi)部遍歷調(diào)用棧
4、禁止刪除變量，除非創(chuàng)建對(duì)象使用configurable=true
5、顯示報(bào)錯(cuò)：對(duì)對(duì)象的只讀屬性，只有g(shù)etter的對(duì)象賦值，對(duì)禁止擴(kuò)展的對(duì)象添加新屬性都會(huì)報(bào)錯(cuò)
6、重名錯(cuò)誤：對(duì)象不能有同名的參數(shù)，函數(shù)不能有重名的參數(shù)
7、禁止八進(jìn)制表示法
8、禁止arguments賦值，不會(huì)追蹤參數(shù)的變化，禁止使用arguments.callee
9、函數(shù)必須聲明在頂層
10、新增保留字

ajax的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：減輕服務(wù)器的負(fù)擔(dān)，按需取數(shù)據(jù)，最大程度減少冗余請(qǐng)求，局部刷新。
缺點(diǎn)：瀏覽器之間有差異，對(duì)流媒體和移動(dòng)設(shè)備支持不夠好

HTML、XML、XHTML 有什么區(qū)別

html:超文本標(biāo)記語言，顯示信息，不區(qū)分大小寫
xhtml:升級(jí)版的html，區(qū)分大小寫
xml:可擴(kuò)展標(biāo)記語言被用來傳輸和存儲(chǔ)數(shù)據(jù)

html語義化

直觀認(rèn)識(shí)標(biāo)簽和屬性的作用，便于閱讀和維護(hù)

內(nèi)容與樣式分離

可以確保網(wǎng)頁平穩(wěn)退化，易于維護(hù)

meta標(biāo)簽的使用

meta name="keyword" 告訴搜素引擎網(wǎng)頁的關(guān)鍵詞
meta name="description" 告訴搜素引擎站點(diǎn)的內(nèi)容
mata name="author" content="name"站點(diǎn)制作望著
meta name="viewport" content="width=device-width, initial-scale=1.0"
響應(yīng)式頁面

文檔聲明的作用

讓瀏覽器解析器知道需要用什么規(guī)范來解析文檔

嚴(yán)格模式和混雜模式

嚴(yán)格模式：瀏覽器最高標(biāo)準(zhǔn)呈現(xiàn)頁面
混雜模式：頁面以一種比較寬松的向后兼容的方式顯示

的作用

使用html5標(biāo)準(zhǔn)來解析渲染頁面，如果不寫就進(jìn)入混雜模式

常見瀏覽器內(nèi)核 
IE 用的是trident
firefox Gecko
opera Blink
safari Chrome webkit
頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別

頁面被加載時(shí)，link被同時(shí)加載，@import會(huì)頁面加載完成后在加載

瀏覽器內(nèi)核的理解

渲染引擎和JS引擎
渲染引擎：負(fù)責(zé)取得網(wǎng)頁的內(nèi)容、整理訊息，以及計(jì)算網(wǎng)頁的顯示方式
JS引擎：解析和執(zhí)行js來實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)效果

我的github,你的關(guān)注是我不斷前進(jìn)的動(dòng)力https://github.com/skychenbo/...

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112631.html

相關(guān)文章

  • 優(yōu)秀文章收藏（慢慢消化）持續(xù)更新~

    摘要：整理收藏一些優(yōu)秀的文章及大佬博客留著慢慢學(xué)習(xí)原文協(xié)作規(guī)范中文技術(shù)文檔協(xié)作規(guī)范阮一峰編程風(fēng)格凹凸實(shí)驗(yàn)室前端代碼規(guī)范風(fēng)格指南這一次，徹底弄懂執(zhí)行機(jī)制一次弄懂徹底解決此類面試問題瀏覽器與的事件循環(huán)有何區(qū)別筆試題事件循環(huán)機(jī)制異步編程理解的異步 better-learning 整理收藏一些優(yōu)秀的文章及大佬博客留著慢慢學(xué)習(xí) 原文:https://www.ahwgs.cn/youxiuwenzhan...

    JeOam 評(píng)論0 收藏0

  • 前端面試題總結(jié)——JS（持續(xù)更新中）

    摘要：在此基礎(chǔ)上加入了回調(diào)函數(shù)，加載完之后會(huì)執(zhí)行中定義的函數(shù)，所需要的數(shù)據(jù)會(huì)以參數(shù)的形式傳遞給該函數(shù)。通常的做法是，為它們指定回調(diào)函數(shù)。 前端面試題總結(jié)——JS（持續(xù)更新中） 1.javascript的typeof返回哪些數(shù)據(jù)類型 Object number function boolean underfind string 2.例舉3種強(qiáng)制類型轉(zhuǎn)換和2種隱式類型轉(zhuǎn)換？ 強(qiáng)制（parseIn...

    shery 評(píng)論0 收藏0

  • 前端最實(shí)用書簽(持續(xù)更新)

    摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂所以將前端主流技術(shù)做了一個(gè)書簽整理不求最多最全但求最實(shí)用。 前言 一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂; 所以將前端主流技術(shù)做了一個(gè)書簽整理,不求最多最全,但求最實(shí)用。 書簽源碼 書簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...

    sshe 評(píng)論0 收藏0

  • 前端面試題總結(jié)——HTML(持續(xù)更新中)

    摘要：等知名網(wǎng)站已經(jīng)開始測試并使用格式。頁面加載速度更快結(jié)構(gòu)化清晰頁面顯示簡潔。表現(xiàn)與結(jié)構(gòu)相分離。易于優(yōu)化搜索引擎更友好，排名更容易靠前。用于替換當(dāng)前元素，用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。 前端面試題總結(jié)——HTML(持續(xù)更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本標(biāo)記語言 2.XHTML和HTML有什么區(qū)別 HTML是一種基本的W...

    afishhhhh 評(píng)論0 收藏0

  • 前端面試題總結(jié)——HTML(持續(xù)更新中)

    摘要：等知名網(wǎng)站已經(jīng)開始測試并使用格式。頁面加載速度更快結(jié)構(gòu)化清晰頁面顯示簡潔。表現(xiàn)與結(jié)構(gòu)相分離。易于優(yōu)化搜索引擎更友好，排名更容易靠前。用于替換當(dāng)前元素，用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。 前端面試題總結(jié)——HTML(持續(xù)更新中) 1.什么是HTML？ HTML：HyperText Markup Language超文本標(biāo)記語言 2.XHTML和HTML有什么區(qū)別 HTML是一種基本的W...

    binta 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

fanux

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<