前端面試題(二)

2022-05-07 01:12:09 字數 1543 閱讀 4895

一、h5儲存型別有什麼區別

localstorage 沒有時間限制的資料儲存,資料永遠不會過期,關閉瀏覽器也不會丟失

sessionstorage  針對session的乙個資料儲存,針對同乙個會話頁面中才能訪問,並且結束後,會話才能銷毀。限於視窗

cookie  單個cookie大小不能超過4kb,有有效期。任何cookie形式儲存的資料,不論伺服器端是否需要,每一次http請求都會吧這些資料傳輸到伺服器端。不限於視窗

二、h5中的canvas有什麼作用?

用於在網頁上繪製徒刑,可以直接在h5上進行影象操作。

三、h5廢棄了哪些h4標籤

四、h5提供了哪些新的api

canvas

本地儲存:localstorage、sessionstorage

離線網頁程式:可以將資源檔案完全儲存於客戶端,並且用js的一些方法清除快取

拖動:支援拖動某個檔案到某個區域上傳

跨文件請求:websocket,一種更加高效的通訊方式

歷史管理:可以通過js管理和插入歷史記錄

mime頭自定義

地理位置共享

本地資料庫

索引資料庫

五、h5應用程式快取和瀏覽器快取有什麼區別

h5引入了應用程式快取,意味著web應用可進行快取,可在沒有網際網路時進行訪問

應用程式的快取優勢:

離線快取:使用者可在離線時使用他們

速度:載入速度更快

實現借助於 manifest 檔案

六、doctype 作用?嚴格模式與混合模式如何區分?它們有何意義?

作用:告知瀏覽器用哪種html或者xhtml規範。

在標準模式中,瀏覽器根據規範呈現頁面,混合模式,頁面以一種比較寬鬆的方式向後相容的方式顯示

七、用js寫個原生的ajax過程

var ajax=

};obj.send();

},post: function (url, data, fn)

};obj.send(data);

}}

jquery的ajax請求

$.ajax(,

success: function(),

error: function()

})

八、請實現,滑鼠點選頁面中的任意標籤,alert 該標籤的名稱(注意相容性)

divab

九、請寫出jquery繫結事件的方法

on ,bind ,live ,delegete

.live()是通過冒泡的方式的方式繫結在元素上,支援動態資料,但由於效能的原因已經廢棄

.delegate() 更精確的小範圍的使用事件**,由於.live

$('.myclass').on(, 

dbclick:function(eledom)

})

$("button").bind("click",function());

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...