1. 程式人生 > >【前端面試】我遇到的那些前端筆試題~

【前端面試】我遇到的那些前端筆試題~

1.在CSS中,可繼承的樣式屬性有

2.簡述visibility:hidden 與 display:none的區別
a.前者不脫離文件流,保留隱藏之前元素佔據的物理區域,不影響結構,只產生重繪repaint;而後者則脫離文件流,如果重新顯示則需要頁面的重新繪製repaint 與 reflow。
b.如果父級設定display:none;子級設定display:block也不會顯示;而如果父級設定visibility:hidden;子級設定visibility:visible時子級會顯示出來

3.常見的內聯(行內)、塊狀(塊級)、內聯塊狀元素分別有?
內聯:span、a 、br、 i 、em 、strong、label、q、var、cite、code
塊狀:div、p、h1、ol、ul、li、dl、table、address、blockquote、form
行內塊元素(內聯塊狀元素):input 、 img

4.什麼是空元素,常見的有哪些?
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
常見的有br、meta、hr、link、input、img

5.簡述什麼是跨域?解決跨域的幾種方式?
跨域,指的是瀏覽器不能執行其他網站的指令碼。它是由瀏覽器的同源策略造成的,是瀏覽器對JavaScript施加的安全限制。
同源策略:協議、埠、域名都必須一致!
解決跨域常用的方式:
a.
b.
c.
d.
e.

6.JavaScript 中的基本資料型別有?typeof返回值有哪幾種情況?
五種基本資料型別:字串(String)、數字(Number)、布林(Boolean)、空(Null)、未定義(Undefined),和一種混合資料型別(Object)。
ES6新增基本資料型別 Sympol
typeof操作符可以檢測變數的資料型別(輸出的是一個關於資料型別的字串)。
返回如下6種字串:number,string,boolean,object,undefined,function,sympol.

typeof(a)
"undefined"
typeof(1)
"number"
typeof(null)
"object"
a[] = [1,2,3]
VM118:1 Uncaught SyntaxError: Unexpected token ]
a = [1,2,3]
(3) [1, 2, 3]
typeof(a)
"object"
typeof(true)
"boolean"
typeof("aaa")
"string"
function a(){alert(1)}
undefined
typeof(a)
"function"
var a = Symbol();
undefined
typeof(a) "symbol"

7.說一下BOM物件。
browser object model 瀏覽器物件模型。
包括 window(核心)、location、navigator、screen、history。
Window 物件表示瀏覽器中開啟的視窗。
如果文件包含框架(frame 或 iframe 標籤),瀏覽器會為 HTML 文件建立一個 window 物件,併為每個框架建立一個額外的 window 物件。

Navigator 物件包含有關瀏覽器的資訊。
appCodeName 返回瀏覽器的程式碼名
appName 返回瀏覽器的名稱
appVersion 返回瀏覽器的平臺和版本資訊
cookieEnabled 返回指明瀏覽器中是否啟用 cookie 的布林值
platform 返回執行瀏覽器的作業系統平臺
userAgent 返回由客戶機發送伺服器的user-agent 頭部的值

Screen 物件包含有關客戶端顯示螢幕的資訊。
availHeight 返回螢幕的高度(不包括Windows工作列)
availWidth 返回螢幕的寬度(不包括Windows工作列)
colorDepth 返回目標裝置或緩衝器上的調色盤的位元深度
height 返回螢幕的總高度
pixelDepth 返回螢幕的顏色解析度(每象素的位數)
width 返回螢幕的總寬度

History 物件包含使用者(在瀏覽器視窗中)訪問過的 URL。
History 物件是 window 物件的一部分,可通過 window.history 屬性對其進行訪問。
back() 載入 history 列表中的前一個 URL
forward() 載入 history 列表中的下一個 URL
go() 載入 history 列表中的某個具體頁面

Location 物件包含有關當前 URL 的資訊。
Location 物件是 window 物件的一部分,可通過 window.Location 屬性對其進行訪問。
hash 返回一個URL的錨部分
host 返回一個URL的主機名和埠
hostname 返回URL的主機名
href 返回完整的URL
pathname 返回的URL路徑名。
port 返回一個URL伺服器使用的埠號
protocol 返回一個URL協議
search 返回一個URL的查詢部分
assign() 載入一個新的文件
reload() 重新載入當前文件
replace() 用新的文件替換當前文件