因為前些天面試一大公司的時候沒看基礎(chǔ)題,翻車了

行內(nèi)元素和塊元素分別有哪些

塊級元素：div  , p  , form,   ul,  li ,  ol, dl,    form,   address, fieldset,  hr, menu,  table
行內(nèi)元素：span,   strong,   em,  br,  img ,  input,  label,  select,  textarea, cite

塊級元素的前后都會自動換行，如同存在換行符一樣，默認情況下，塊級元素會獨占一行

行內(nèi)元素可以與其他行內(nèi)元素位于同一行，在瀏覽器中顯示時不會換行，對其不能設(shè)置高度和寬度。

iframe有那些缺點？

1.frame會阻塞主頁面的Onload事件；

2.iframe和主頁面共享連接池，而瀏覽器對相同域的連接有限制，所以會影響頁面的并行加載。

3.SEO不利，對爬蟲不友好。

CSS的優(yōu)先級？內(nèi)聯(lián)和important哪個優(yōu)先級高？

!important > 行內(nèi)樣式（比重1000）> ID 選擇器（比重100） > 類選擇器（比重10） > 標簽（比重1） > 通配符 > 繼承 > 瀏覽器默認屬性

浮動元素清除浮動方法

1、使用空標簽清除浮動

2、使用overflow屬性。（overflow:auto；zoom:1″用于兼容IE6）

3、使用after偽對象清除浮動。 該方法只適用于非IE瀏覽器

4、浮動外部元素，float-in-float。這種方法很簡單，就是把“#outer”元素也進行浮動（向左或者向右）。

閉包的理解，javascript的作用域

a、閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。

b、在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。

閉包的用途

閉包可以用在許多地方。它的最大用處有兩個，一個是前面提到的可以讀取函數(shù)內(nèi)部的變量，另

一個就是讓這些變量的值始終保持在內(nèi)存中。

實例如下：

根據(jù)作用域鏈的規(guī)則，底層作用域沒有聲明的變量，會向上一級找，找到就返回，沒找到就一

直找，直到window的變量，沒有就返回undefined。這里明顯count 是函數(shù)內(nèi)部的flag2 的那

個count 。

var count=10;   //全局作用域 標記為flag1
function add(){
var count=0;    //函數(shù)全局作用域 標記為flag2
return function(){
    count+=1;   //函數(shù)的內(nèi)部作用域
    alert(count);
}
}
var s = add()
s();//輸出1
s();//輸出2

JS中作用域的概念：

表示變量或函數(shù)起作用的區(qū)域，指代了它們在什么樣的上下文中執(zhí)行，亦即上下

執(zhí)行環(huán)境。Javascript的作用域只有兩種：全局作用域和本地作用域，本地作用

是按照函數(shù)來區(qū)分的。

網(wǎng)站性能優(yōu)化的方法

1、html語義化

2、減少重復代碼，壓縮css，js代碼大小

3、背景圖片大小及數(shù)量

4、減少http請求，合理設(shè)置緩存

5、圖片懶加載

6、減少cookie傳輸

7、js中減少DOM操作，避免使用eval和 Function，減少作用域鏈查找

8、CDN加速

9、反向代理

9.1 傳統(tǒng)代理服務(wù)器位于瀏覽器一側(cè)，代理瀏覽器將http請求發(fā)送到互聯(lián)網(wǎng)上，而反向代理服務(wù)器位于網(wǎng)站機房一側(cè)，代理網(wǎng)站web服務(wù)器接收http請求。

9.2 反向代理也可以實現(xiàn)負載均衡的功能，而通過負載均衡構(gòu)建的應(yīng)用集群可以提高系統(tǒng)總體處理能力，進而改善網(wǎng)站高并發(fā)情況下的性能。

請描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別

cookie是網(wǎng)站為了標示用戶身份而儲存在用戶本地終端（Client Side）上的數(shù)據(jù)（通常經(jīng)過加密）。

cookie數(shù)據(jù)始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器和服務(wù)器間來回傳遞。

sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。

存儲大?。?cookie數(shù)據(jù)大小不能超過4k。 sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。

有期時間： localStorage 存儲持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動刪除數(shù)據(jù)； sessionStorage 數(shù)據(jù)在當前瀏覽器窗口關(guān)閉后自動刪除。 cookie 設(shè)置的cookie過期時間之前一直有效，即使窗口或瀏覽器關(guān)閉。

介紹一下CSS的盒子模型？

有兩種， IE 盒子模型、標準 W3C 盒子模型；IE的content部分包含了 border 和 pading;

盒模型： 內(nèi)容(content)、填充(padding)、邊界(margin)、 邊框(border).

box-sizing的作用就是告訴瀏覽器，使用的盒模型是W3C盒模型，還是IE盒模型。

當 box-sizing 的值為content-box指定盒子模型為W3C (表示width = content)，border-box為IE盒子模型 (width = padding + border + content)。

到此這篇關(guān)于前端js 基礎(chǔ)面試題目(提前看)的文章就介紹到這了,更多相關(guān)js 基礎(chǔ)面試內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評論