1. 什麼是html
超文字標記語言 用來設計網頁 由瀏覽器解釋執行
2.doctype作用? 標準模式與相容模式有什麼區別?
(1)宣告位於html文件中的第一行,處於標籤的之前,告訴瀏覽器的解析器,用什麼文件標準解析這個文件,doctype不存在或樣式不正確導致檔案以相容模式呈現
(2)標準模式的排版和js運作模式都是以該瀏覽器支援的最高標準執行,在相容模式中,頁面以寬鬆的向後相容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作
3. 頁面匯入樣式時,使用link 和 @import有什麼區別?
用途: @import 只能引入css檔案,
link既能引入css,又能引入其他檔案
載入順序: 載入頁面時,link標籤引入的css被同時載入
@import引入的css將在頁面載入完畢被載入
優先順序: @import中的樣式雖然比link引入的css內容晚載入,但是優先順序卻低於當前link引入的css內的其餘樣式
link支援使用dom動態新增和改變,而@import用dom操作不了
4.簡述一下你對html 語義化的理解
用正確的標籤做正確的事情
1). 用助於構建良好的html結構,有利於搜尋引擎的索引,抓取seo
2). 有利於不同裝置的解析
3). 有利於構建清晰的機構,有助於團隊的開發和維護
5.如何實現瀏覽器內多個標籤頁之間的通訊
1). cookie+setinterval方式
缺點: cookie有大小限制,還會造成cookie欺騙,setinterval的頻率設定,影響瀏覽器效能
優點: 每個瀏覽器都相容
2). localstorage方式
缺點: 高版本瀏覽器才支援這個屬性,只能監聽非己頁面的資料變化
優點: 解決了cookie大小的限制問題和時效性不足的問題
3).websocket方式
缺點: 需要伺服器的支援,資料量大的話消耗伺服器的資源,必須在伺服器專案中寫服務監聽程式才能支援
優點: 使用簡單,功能靈活,強大,如果部署了websocket伺服器,實現很多實時功能
7.瀏覽器的渲染過程
瀏覽器載入頁面的過程:
a.掃瞄html文件生成dom樹—只包括網頁內容
b.掃瞄css文件生成css模型樹— 只包含樣式模型
c.將掃瞄到的css樣式,掛載到dom樹的每個節點上,形成渲染樹
d.瀏覽器根據元素的大小和布局位置來對網頁進行排版
e.瀏覽器根據元素的樣式對網頁進行渲染
重排: 只要瀏覽器上元素的大小或者布局位置發生變化,就必須進行重新排版,重新繪製— 重排重繪
重繪: 只要瀏覽器上的元素發生不是大小和布局位置的變化,則只需要重新繪製網頁就行—重繪
8.談談你對seo的理解?9.請描述一下cookie, session, sessionstorage,localstorage的區別
1).session 物件— 伺服器端記錄使用者資訊的物件----臨時,安全
缺點: 在一定事件內儲存在伺服器上,如果訪問量過大,占用伺服器效能
2).cookie 物件 ---- 客戶端記錄使用者資訊的物件—相容性好,絕大多數都相容
缺點: 大小限制, 不安全(容易出現cookie欺騙,造成資料洩露),移動端不支援
3).sessionstorage—會話級儲存—臨時的
客戶端,資料在當前瀏覽器視窗關閉後自動刪除
4).localstorage—永久儲存
客戶端,資料在當前瀏覽器視窗關閉後資料不丟失
前端面試常考知識點
1.css3的新特性有哪些 點我檢視 css3選擇器 css3邊框與圓角 css3圓角border radius 屬性值由兩個引數值構成 value1 value2，值之間用 分隔，value1代表圓角的水平半徑，value2代表圓角的垂直半徑 盒陰影box shadow 語法 box shadow...
前端面試常考知識點 CSS
前端面試常考知識點 js 點我檢視 css3選擇器 css3邊框與圓角 css3圓角border radius 屬性值由兩個引數值構成 value1 value2，值之間用 分隔，value1代表圓角的水平半徑，value2代表圓角的垂直半徑 盒陰影box shadow 語法 box shadow ...
Linux面試常考知識點
同步 非同步 阻塞與非阻塞 推薦 linux 五種io模型 詳解 linux下五種io模型 關於select poll epoll詳細介紹 分析 select poll epoll 推薦 linux 下i o多路復用區別與優缺點 select poll epoll區別 附 linux多程序程式設計中...