因?yàn)榍靶┨烀嬖囈淮蠊镜臅r(shí)候沒看基礎(chǔ)題,翻車了

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

塊級(jí)元素：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

塊級(jí)元素的前后都會(huì)自動(dòng)換行，如同存在換行符一樣，默認(rèn)情況下，塊級(jí)元素會(huì)獨(dú)占一行

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

iframe有那些缺點(diǎn)？

1.frame會(huì)阻塞主頁面的Onload事件；

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

3.SEO不利，對(duì)爬蟲不友好。

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

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

浮動(dòng)元素清除浮動(dòng)方法

1、使用空標(biāo)簽清除浮動(dòng)

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

3、使用after偽對(duì)象清除浮動(dòng)。 該方法只適用于非IE瀏覽器

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

閉包的理解，javascript的作用域

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

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

閉包的用途

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

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

實(shí)例如下：

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

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

個(gè)count 。

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

JS中作用域的概念：

表示變量或函數(shù)起作用的區(qū)域，指代了它們?cè)谑裁礃拥纳舷挛闹袌?zhí)行，亦即上下

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

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

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

1、html語義化

2、減少重復(fù)代碼，壓縮css，js代碼大小

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

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

5、圖片懶加載

6、減少cookie傳輸

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

8、CDN加速

9、反向代理

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

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

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

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

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

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

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

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

介紹一下CSS的盒子模型？

有兩種， IE 盒子模型、標(biāo)準(zhǔn) W3C 盒子模型；IE的content部分包含了 border 和 pading;

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

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

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

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

最新評(píng)論