我面試被問到幾個問題整理答案

關(guān)于問題的答案都是找到的比較正確的剖淀,僅起到參考作用味廊,關(guān)于問題100%面試題...

就這樣


1.doctype有什么用?

有什么用骂铁?

聲明位于文檔中的最前面的位置,處于 標(biāo)簽之前罩抗。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范拉庵。

該標(biāo)簽可聲明三種 DTD 類型,分別表示嚴(yán)格版本套蒂、過渡版本以及基于框架的 HTML 文檔钞支。

HTML 4.01 規(guī)定了三種文檔類型:Strict、Transitional 以及 Frameset泣懊。

1)HTML Strict DTD:

如果您需要干凈的標(biāo)記伸辟,免于表現(xiàn)層的混亂,請使用此類型馍刮。不支持Frameset信夫。請與層疊樣式表(CSS)配合使用:

http://www.w3.org/TR/html4/strict.dtd">

2)HTML Transitional DTD:

Transitional DTD 可包含 W3C 所期望移入樣式表的呈現(xiàn)屬性和元素。不支持Frameset卡啰。如果您的讀者使用了不支持層疊樣式表(CSS)的瀏覽器以至于您不得不使用 HTML 的呈現(xiàn)特性時静稻,請使用此類型:

http://www.w3.org/TR/html4/loose.dtd">

3)Frameset DTD:

Frameset DTD 應(yīng)當(dāng)被用于帶有框架的文檔。除 frameset 元素取代了 body 元素之外匈辱,F(xiàn)rameset DTD 等同于 Transitional DTD:

http://www.w3.org/TR/html4/frameset.dtd">

PS:同時XHTML 1.0 也規(guī)定了三種 XML 文檔類型:Strict振湾、Transitional 以及 Frameset。


2.Quicks模式和Strict模式對比

1亡脸、quirks mode和strict mode是瀏覽器解析css的兩種模式押搪,或者可以稱之為解析方法。目前正在使用的瀏覽器這兩種模式都支持 浅碾。

2大州、歷史原因。

當(dāng)早期的瀏覽器Netscape 4和Explorer 4對css進行解析時垂谢,并未遵守W3C標(biāo)準(zhǔn)厦画,這時的解析方式就被我們稱之為quirks mode(怪異模式),但隨著W3C的標(biāo)準(zhǔn)越來越重要,眾多的瀏覽器開始依照W3C標(biāo)準(zhǔn)解析CSS,仿照W3C標(biāo)準(zhǔn)解析CSS的模式我們叫做strict mode(嚴(yán)格模式).

3根暑、后來的瀏覽器雖然支持strict mode力试,但眾多瀏覽器并未放棄支持quirks mode。

一個重要的原因就是為了之前大量在quirks mode下開發(fā)的網(wǎng)頁能夠得到正確的顯示排嫌。所以畸裳,這些支持兩種模式的瀏覽器當(dāng)拿到一張網(wǎng)頁時,所做的一個前期工作就是判斷采取何種方式進行解析(判斷條件 后面會說)躏率。注:Explorer 5仍然只支持quirks mode

4躯畴、瀏覽器如何判斷何用哪種方式解析CSS民鼓?

解決方案就是采用doctype聲明薇芝,大多數(shù)瀏覽器采用下面的這些判斷規(guī)則

瀏覽器要使老舊的網(wǎng)頁正常工作,但這部分網(wǎng)頁是沒有doctype聲明的丰嘉,所以瀏覽器對沒有doctype聲明的網(wǎng)頁采用quirks mode解析夯到。

對于擁有doctype聲明的網(wǎng)頁,什么瀏覽器采用何種模式解析饮亏,這里有一張詳細列表可參考:http://hsivonen.iki.fi/doctype/

對于擁有doctype聲明的網(wǎng)頁耍贾,這里有幾條簡單的規(guī)則可用于判斷:

對于那些瀏覽器不能識別的doctype聲明,瀏覽器采用strict mode解析

在doctype聲明中路幸,沒有使用DTD聲明或者使用HTML4以下(不包括HTML4)的DTD聲明時荐开,基本所有的瀏覽器都是使用quirks mode呈現(xiàn),其他的則使用strict mode解析简肴。

可以這么說晃听,在現(xiàn)有有doctype聲明的網(wǎng)頁,絕大多數(shù)是采用strict mode進行解析的砰识。

在ie6中能扒,如果在doctype聲明前有一個xml聲明(比如:),則采用quirks mode解析辫狼。這條規(guī)則在ie7中已經(jīng)移除了初斑。

5、mozilla提出了almost strict moede 膨处,和strict mode的區(qū)別是:

img元素在strict中是inline的见秤,而在almost strict mode中是block的。其實我們前面所說真椿,在大多數(shù)瀏覽器鹃答,大多數(shù)doctype聲明觸發(fā)的是almost strict mode;

6、quirks mode和strict mode最大的不同就是提現(xiàn)在對盒模式的解釋上 瀑粥,這也是我們在js里要注意的地方挣跋。

什么是盒模式? 這是針對塊級元素說的狞换,我這里只簡單說一下(詳情請查閱相關(guān)資料)避咆。說白了就是把塊級元素想像成一個裝東西的盒子舟肉,而margin,padding,border,width這些css屬性構(gòu)成了盒模式。

而區(qū)別就是產(chǎn)生在width屬性上:

在strict mode中 :

width是內(nèi)容寬度 查库,也就是說,元素真正的寬度 = margin-left? +? border-left-width? +? padding-left? + width? +? padding-right? +? border-right-width? +? margin-right;

在quirks mode中 :

width則是元素的實際寬度 路媚,內(nèi)容寬度 = width? -? (margin-left? +? margin-right? +? padding-left? +? padding-right? +? border-left-width? +? border-right-width)

這里把盒模式相關(guān)的東西記錄一下,備忘 樊销!

·內(nèi)聯(lián)元素 整慎,例如、等围苫,定義上下邊界不會影響到行高(line-height)裤园,內(nèi)聯(lián)元素距離上一行元素的距離由行高決 定,而不是填充或邊界剂府。 注2.? 內(nèi)聯(lián)元素(display: inline) 內(nèi)聯(lián)元素不需要在新行內(nèi)顯示拧揽,而且也不強迫其后的元素換行,如a腺占、em淤袜、span等都為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素可以為任何其他元素的子元素衰伯。

·浮動元素(無論左或者右浮動)邊界不壓縮 铡羡,且若浮動元素不聲明寬度,則其寬度趨向于0意鲸,即壓縮到其內(nèi)容能承受的最小寬度烦周。

·如果盒中沒有內(nèi)容,則即使定義了寬度和高度都為100%临扮,實際上只占0% 论矾,因此不會被顯示,此點在采取層布局的時候需特別注意杆勇。

·邊界值可為負贪壳,其顯示效果各瀏覽器可能不相同 。

·填充值不可為負 蚜退。

·邊框默認(rèn)的樣式(border-style)為不顯示(none) 闰靴。

7、在quirks mode 和 strict mode中還有一個區(qū)別 钻注,但沒經(jīng)過驗證蚂且,我只是發(fā)現(xiàn)有這個現(xiàn)象。

在strict mode 中幅恋,

table的css屬性font-size會繼承父級元素的 杏死,也就是說,table中的字體大小會繼承父級元素字體的大小。

在quirks mode 中淑翼,

table的css屬性font-size不會繼承父級元素的 腐巢,需要專門設(shè)置一下。也就是說玄括,table中的字體大小不會繼承父級元素字體的大小冯丙。

8、在js中如何判斷當(dāng)前瀏覽器正在以何種方式解析遭京?

document對象有個屬性compatMode ,它有兩個值:

BackCompat??? 對應(yīng)quirks mode

CSS1Compat??? 對應(yīng)strict mode


3.cookie? localStoragesessionStorage 前端儲存的方式

轉(zhuǎn)載網(wǎng)址:http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484013&idx=1&sn=270295c8a6fe604d22e71d8087297d35&scene=2&srcid=0725MecycQlJwqHEuiYMRaas#rd

微信公眾號 ?前端之巔 可自行關(guān)注

侯禹胃惜,現(xiàn)就職于百度,從事Web前端開發(fā)哪雕,熱愛技術(shù)分享船殉。本文將和大家一起聊一聊前端存儲那些事兒。

在Web開發(fā)越來越復(fù)雜的今天热监,前端擁有的能力也越來越多捺弦。其中最重要的一項莫過于Web存儲。開發(fā)者們?nèi)绻褂玫卯?dāng)孝扛,這些存儲可以幫助我們提升網(wǎng)頁的性能與靈活度。本文不講個中的細節(jié)幽崩,只講各種前端存儲的利弊苦始,與各類存儲的應(yīng)用場景。畢竟這些技術(shù)的細節(jié)在網(wǎng)上隨處可見慌申,如果讀者你決定使用的話陌选,再去細查也不遲。


4 跨域的方式

參考地址:http://www.cnblogs.com/2050/p/3191744.html


5.閉包Closure

轉(zhuǎn)載地址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

學(xué)習(xí)Javascript閉包(Closure)

作者:阮一峰


6.MVC設(shè)計模式

轉(zhuǎn)載地址:http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

作者:阮一峰

注:MVC 阮老師的這篇博客爭議較大

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蹄溉,一起剝皮案震驚了整個濱河市咨油,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌柒爵,老刑警劉巖役电,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異棉胀,居然都是意外死亡法瑟,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門唁奢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來霎挟,“玉大人,你說我怎么就攤上這事麻掸∷重玻” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長熬北。 經(jīng)常有香客問我千所,道長,這世上最難降的妖魔是什么蒜埋? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任淫痰,我火速辦了婚禮,結(jié)果婚禮上整份,老公的妹妹穿的比我還像新娘待错。我一直安慰自己,他們只是感情好烈评,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布火俄。 她就那樣靜靜地躺著,像睡著了一般讲冠。 火紅的嫁衣襯著肌膚如雪瓜客。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天竿开,我揣著相機與錄音谱仪,去河邊找鬼。 笑死否彩,一個胖子當(dāng)著我的面吹牛疯攒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播列荔,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼敬尺,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贴浙?” 一聲冷哼從身側(cè)響起砂吞,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎崎溃,沒想到半個月后蜻直,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡笨奠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年袭蝗,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片般婆。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡到腥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蔚袍,到底是詐尸還是另有隱情乡范,我是刑警寧澤配名,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站晋辆,受9級特大地震影響渠脉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瓶佳,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一芋膘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧霸饲,春花似錦为朋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至傻工,卻和暖如春霞溪,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背中捆。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工鸯匹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人轨香。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓忽你,卻偏偏與公主長得像,于是被迫代替她去往敵國和親臂容。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容