前端面試會問的一些問題

HTML與XHTML------- 二者有什么區(qū)別
  1. 所有標記都必須要有一個相應的結(jié)束標記
  2. 所有標簽的元素和屬性的名字都必須使用小寫
  3. 所有的XML標記必須合理嵌套
  4. 所有的屬性必須使用引號""括起來
  5. 把所有的<&特殊符號用編碼表示
  6. 給所有屬性附一個值
  7. 不要再注釋內(nèi)容中使用-
  8. 圖片必須有說明文字
html5有哪些新特性
  1. 語義化更好的內(nèi)容標簽
    headernavfooteraside赂苗,section
  2. 音頻掉丽、視頻API
    audio悯搔,video
  3. 畫布API
    canvas
  4. 地理API
    geolocation
  5. 拖拽縮放API
    Drag and drop
  6. 本地離線存儲
    localStorage
  7. 表單控件
    calendar佃蚜,date夭咬,time趋箩,email赃额,urlsearch
一個頁面從輸入URL到頁面加載顯示完成叫确,這個過程中都發(fā)生了什么
  1. 瀏覽器根據(jù)請求的URL交給DNS域名解析跳芳,找到真實IP,向服務器發(fā)起請求(TCP三次握手)竹勉;
  2. 服務器交給后臺處理完成后返回數(shù)據(jù)飞盆,瀏覽器接收文件(HTML、js次乓、css吓歇、圖像等);
  3. 瀏覽器對加載到的資源(HTML票腰、js城看、css等)進行語法解析,建立相應的內(nèi)部數(shù)據(jù)結(jié)構(gòu)(如HTML的?DOM)杏慰;
  4. 載入解析到的資源文件测柠,渲染頁面,完成缘滥。
瀏覽器的渲染過程
  1. 瀏覽器請求到HTML代碼后轰胁,在生成DOM的最開始階段,并行發(fā)起CSS朝扼、圖片软吐、js的請求,無論他們是否在header里吟税。瀏覽器會將HTML解析成一個DOM樹凹耙,DOM樹的構(gòu)建過程是一個深度遍歷過程:當前節(jié)點的所有子節(jié)點都構(gòu)建好后才回去構(gòu)建當前節(jié)點的下一個兄弟節(jié)點;
  2. css文件下載完成肠仪,開始構(gòu)建CSSOM肖抱;
  3. 所有css?文件下載完成,CSSOM構(gòu)建結(jié)束后异旧,和DOM一起生成Render Tree意述;
  4. 有了render tree,瀏覽器已經(jīng)能知道網(wǎng)頁中有哪些節(jié)點吮蛹,各個節(jié)點的css定義以及他們的從屬關系荤崇,下一步操作就是計算出每個節(jié)點在屏幕中的位置。
  5. 最后一步潮针,按照算出來的規(guī)則术荤,把內(nèi)容渲染到屏幕上。

以上五個步驟的前三步因為DOM每篷、CSSOM瓣戚、render tree都可能在第一次Painting后又被更新多次,比如js修改了DOM或者CSS屬性焦读,Layout和Painting也會被重復執(zhí)行子库,除了DOM、CSSOM更新的原因外矗晃,圖片下載完成后也需要調(diào)用Layout和Painting來更新網(wǎng)頁仑嗅。

display:none;的節(jié)點不會被加入Render Tree,而visibility:hidden;則會。如果某個節(jié)點最開始是不顯示的张症,設為?display:none;是最優(yōu)的仓技。

閉包

第一種理解(紅寶書):閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù),創(chuàng)造閉包最常見的方式就是在一個函數(shù)內(nèi)創(chuàng)建另一個函數(shù)吠冤,通過另一個函數(shù)訪問這個函數(shù)的局部變量浑彰。
第二種理解(你不知道的JavaScript):當函數(shù)可以記住并訪問所在的詞法作用域時,就產(chǎn)生了閉包拯辙,這個函數(shù)持有對該詞法作用域的引用郭变,這個引用就叫做閉包。
閉包本質(zhì)還是函數(shù)涯保,只不過這個函數(shù)綁定了上下文環(huán)境(函數(shù)內(nèi)部引用的所有變量)

缺點: 常駐內(nèi)存诉濒,會增大內(nèi)存使用量,使用不當很容易造成內(nèi)存泄漏夕春。
作用(使用場景):可以用來管理私有變量和私有方法未荒,將對變量(狀態(tài))的變化封裝在安全的環(huán)境中,使得這些變量不能被外部隨意修改及志,同時又可以通過指定的函數(shù)借口來操作片排。

閉包有三個特性:

  1. 函數(shù)嵌套函數(shù)
  2. 函數(shù)內(nèi)部可以應用外部的參數(shù)和變量
  3. 參數(shù)和變量不會被垃圾回收機制回收

?##### new操作符具體干了什么呢

  1. 創(chuàng)建一個新對象
  2. 將構(gòu)造函數(shù)的作用域賦給新對象(因此this就指向了這個新對象)
  3. 執(zhí)行構(gòu)造函數(shù)中的代碼(為這個新對象添加屬性)
  4. 返回新對象
call寨腔、apply、bind的區(qū)別
  1. 三者都是用來改變函數(shù)的this對象的指向的
  2. 三者第一個參數(shù)都是this要指向的對象率寡,也就是想指定的上下文
  3. call傳入的參數(shù)數(shù)量不固定迫卢,第二部分參數(shù)要一個一個傳,用,隔開
  4. apply接受兩個參數(shù)冶共,第二個參數(shù)為一個帶下標的集合乾蛤,可以為數(shù)組,也可以為類數(shù)組捅僵。
  5. bind是返回一個改變了上下文的函數(shù)副本家卖,便于稍后調(diào)用,apply庙楚、call則是立即調(diào)用上荡。
線程和進程的區(qū)別
  1. 一個程序至少有一個進程,一個進程至少有一個線程
  2. 線程的劃分尺度小于進程醋奠,使得多線程程度的并發(fā)性高
  3. 進程在執(zhí)行過程中擁有獨立的內(nèi)存單元榛臼,而多個線程共享內(nèi)存,從而極大地提高了程序的運行效率
  4. 線程在執(zhí)行過程中與進程還是有區(qū)別的窜司。每個獨立的線程有一個程序運行的入口沛善、順序執(zhí)行序列和程序的出口。但是線程不能夠獨立執(zhí)行塞祈,必須依存在應用程序中金刁,由應用程序提供多個線程執(zhí)行控制。
  5. 從邏輯角度來看议薪,多線程的意義在于一個應用程序中尤蛮,有多個執(zhí)行部分可以同時執(zhí)行,但操作系統(tǒng)并沒有將多個線程看成多個獨立應用斯议,來實現(xiàn)進程的調(diào)度和管理以及資源分配产捞。這就是進程和線程的重要區(qū)別。?
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哼御,一起剝皮案震驚了整個濱河市坯临,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌恋昼,老刑警劉巖看靠,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異液肌,居然都是意外死亡挟炬,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來谤祖,“玉大人婿滓,你說我怎么就攤上這事〔雌辏” “怎么了空幻?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長容客。 經(jīng)常有香客問我,道長约郁,這世上最難降的妖魔是什么缩挑? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮鬓梅,結(jié)果婚禮上供置,老公的妹妹穿的比我還像新娘。我一直安慰自己绽快,他們只是感情好芥丧,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著坊罢,像睡著了一般续担。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上活孩,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天物遇,我揣著相機與錄音,去河邊找鬼憾儒。 笑死询兴,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的起趾。 我是一名探鬼主播诗舰,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼训裆!你這毒婦竟也來了眶根?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤缭保,失蹤者是張志新(化名)和其女友劉穎汛闸,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體艺骂,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡诸老,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片别伏。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡蹄衷,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出厘肮,到底是詐尸還是另有隱情愧口,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布类茂,位于F島的核電站耍属,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏巩检。R本人自食惡果不足惜厚骗,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兢哭。 院中可真熱鬧领舰,春花似錦、人聲如沸迟螺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽矩父。三九已至锉桑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間浙垫,已是汗流浹背刨仑。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留夹姥,地道東北人杉武。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像辙售,于是被迫代替她去往敵國和親轻抱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

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

  • 從三月份找實習到現(xiàn)在旦部,面了一些公司祈搜,掛了不少,但最終還是拿到小米士八、百度容燕、阿里、京東婚度、新浪蘸秘、CVTE、樂視家的研發(fā)崗...
    時芥藍閱讀 42,240評論 11 349
  • 前端面試題的簡單整理,都只是大概回答醋虏,具體某些問題的具體理解后續(xù)會補上寻咒。 前端頁面有哪三層構(gòu)成,分別是什么?作用是...
    李歡li閱讀 482評論 0 2
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,360評論 24 450
  • 1 2010年颈嚼,最成熟的80后步入了而立之年毛秘。那時候,我正奔波于城管執(zhí)法一線阻课,每日與伺機占道經(jīng)營的老太太在街頭打游...
    小手驍張閱讀 422評論 0 2
  • 0x532EEDC9400A09D5 窗外那只寶藍色烏鴉的名字 距今31分鐘前 他就站在我焦黑尸體的旁邊 我要沒猜...
    0x400A09D5閱讀 411評論 0 1