前端題目筆記(1)

1.location.href="/location.assign(") ,href與assign方法會產(chǎn)生歷史記錄;

location.replace(),在replace之后,瀏覽歷史就被清空了孙蒙。

2.浮動:“浮動元素會脫離文檔流脓诡」檠Γ”

清除浮動:.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

3.angularjs ng-if ng-show ng-hide區(qū)別

在使用anularjs開發(fā)前端頁面時,常常使用ng-show谴古、ng-hide切油、ng-if功能來控制頁面元素的顯示或隱藏,那他們之間有什么不同呢简软?

實(shí)現(xiàn)原理方面:ng-show/ng-hide是通過修改CSS樣式方式控制元素顯示與隱藏,對應(yīng)的DOM元素會一直存在于當(dāng)前頁面中述暂,而ng-if根據(jù)表達(dá)式的值動態(tài)的在當(dāng)前的頁面中添加刪除頁面元素痹升。如果賦值表達(dá)式的值為false,那么這個元素就會從頁面中刪除贸典,否則會添加一個元素视卢。ng-if創(chuàng)建元素時用的是被它編譯后的代碼踱卵,如果ng-if內(nèi)部的代碼被其它方式修改過廊驼,那么修改只會對本次展現(xiàn)有效,頁面元素重新渲染后修改效果會消失惋砂,而ng-show/ng-hide則能夠保留dom元素上次修改后的狀態(tài)妒挎。在作用域方面,兩者也存在差異:當(dāng)一個元素被ng-if從DOM中刪除時西饵,與其關(guān)聯(lián)的作用域也會被銷毀酝掩。而且當(dāng)它重新加入DOM中時,則會生成一個新的作用域眷柔,而ng-show和ng-hide則不會期虾。

4.[1]定義

瀏覽器內(nèi)核分成兩部分渲染引擎和js引擎原朝,由于js引擎越來越獨(dú)立,內(nèi)核就傾向于只指渲染引擎

渲染引擎是一種對HTML文檔進(jìn)行解析并將其顯示在頁面上的工具

[2]渲染引擎:

firefox使用gecko引擎

IE使用Trident引擎

2015年微軟推出自己新的瀏覽器镶苞,原名叫斯巴達(dá)喳坠,后改名edge,使用edge引擎

opera最早使用Presto引擎,后來?xiàng)売?/p>

chrome\safari\opera使用webkit引擎

13年chrome和opera開始使用Blink引擎

js引擎:

老版本IE使用Jscript引擎

IE9之后使用Chakra引擎

edge瀏覽器仍然使用Chakra引擎

firefox使用monkey系列引擎

safari使用的SquirrelFish系列引擎

Opera使用Carakan引擎

chrome使用V8引擎茂蚓。nodeJs其實(shí)就是封裝了V8引擎

5.判斷瀏覽器類型的主要就是window.navigater.userAgent對象壕鹉。

6.實(shí)現(xiàn)單行文本的溢出顯示省略號 用text-overflow:ellipsis屬性來,當(dāng)然還需要加寬度width屬來兼容部分瀏覽聋涨。

overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

7. 對于依賴的模塊晾浴,AMD 是提前執(zhí)行,CMD 是延遲執(zhí)行牍白。不過 RequireJS 從 2.0 開始脊凰,也改成可以延遲執(zhí)行(根據(jù)寫法不同,處理方式不同)茂腥。CMD 推崇 as lazy as possible.

?CMD 推崇依賴就近笙各,AMD 推崇依賴前置。

看代碼:// CMD

define(function(require, exports, module) {? var a = require('./a')? a.doSomething() ? ?var b = require('./b') // 依賴可以就近書寫? b.doSomething()? // ... })

// AMD 默認(rèn)推薦的是

define(['./a', './b'], function(a, b) {? // 依賴必須一開始就寫好? ? a.doSomething()? ? b.doSomething()? ? ...})

8.HTTP緩存技術(shù)础芍,304和200有何區(qū)別

瀏覽器第一次加載資源的時候杈抢,返回一般為200,意思是成功獲取資源仑性,并會在瀏覽器的緩存中記錄下max-age惶楼,第二次訪問的時候:如果只是用瀏覽器打開,那么瀏覽器會去判斷這個資源在緩存里有沒有诊杆,如果有的話歼捐,會去判斷max-age,看看過期沒有晨汹,如果沒有過期豹储,則直接讀緩存,根本不會和服務(wù)器進(jìn)行交互淘这,換句話說剥扣,斷網(wǎng)都能打開,就和本地跑一樣铝穷!如果已經(jīng)過期了钠怯,那就去服務(wù)器請求,等待服務(wù)器響應(yīng)曙聂,這是很費(fèi)時間的晦炊,服務(wù)器如果發(fā)現(xiàn)資源沒有改變過,那么就會返回304,告訴瀏覽器断国,我沒變過贤姆,你去讀緩存吧,于是瀏覽器也不用從服務(wù)器拉數(shù)據(jù)了稳衬,然而庐氮,等待服務(wù)器響應(yīng)也是一個很要命的問題,在網(wǎng)速發(fā)達(dá)的今天宋彼,等一個響應(yīng)弄砍,有時比下載還慢。

如果是用瀏覽器刷新的输涕,那么瀏覽器不會去判斷max-age了音婶,直接去服務(wù)器拿,如果服務(wù)器判斷資源沒變過莱坎,則還是會返回304衣式,和上面是一樣的,所以刷新一下檐什,其實(shí)很可怕碴卧,等于把所有的資源都要去服務(wù)器請求一邊,問問服務(wù)器我過期了沒有乃正。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末住册,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瓮具,更是在濱河造成了極大的恐慌荧飞,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件名党,死亡現(xiàn)場離奇詭異叹阔,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)传睹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門耳幢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人欧啤,你說我怎么就攤上這事睛藻。” “怎么了堂油?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵修档,是天一觀的道長碧绞。 經(jīng)常有香客問我府框,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任迫靖,我火速辦了婚禮院峡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘系宜。我一直安慰自己照激,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布盹牧。 她就那樣靜靜地躺著俩垃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪汰寓。 梳的紋絲不亂的頭發(fā)上口柳,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天,我揣著相機(jī)與錄音有滑,去河邊找鬼跃闹。 笑死,一個胖子當(dāng)著我的面吹牛毛好,可吹牛的內(nèi)容都是我干的望艺。 我是一名探鬼主播,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼肌访,長吁一口氣:“原來是場噩夢啊……” “哼找默!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起吼驶,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤啡莉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后旨剥,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體咧欣,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年轨帜,在試婚紗的時候發(fā)現(xiàn)自己被綠了魄咕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡蚌父,死狀恐怖哮兰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情苟弛,我是刑警寧澤喝滞,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站膏秫,受9級特大地震影響右遭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一窘哈、第九天 我趴在偏房一處隱蔽的房頂上張望吹榴。 院中可真熱鬧,春花似錦滚婉、人聲如沸图筹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽远剩。三九已至,卻和暖如春骇窍,著一層夾襖步出監(jiān)牢的瞬間民宿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工像鸡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留活鹰,地道東北人。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓只估,卻偏偏與公主長得像志群,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蛔钙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評論 2 351

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

  • <a name='html'>HTML</a> Doctype作用锌云?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,462評論 1 19
  • 源自SeeYouBug博客 地址為:http://www.cnblogs.com/SeeYouBug 一吁脱、HTML...
    欲淚成雪閱讀 1,216評論 0 15
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理桑涎,服務(wù)發(fā)現(xiàn),斷路器兼贡,智...
    卡卡羅2017閱讀 134,638評論 18 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案攻冷? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,743評論 1 92
  • “似是而非或是世事可畏,有情有義又是有米無炊遍希。時間改變了很多也什么都沒有等曼,讓我再次擁抱你,鄭州凿蒜〗” 我們會因?yàn)閻凵?..
    由者閱讀 7,572評論 0 1