前端js 基礎(chǔ)面試題目(提前看)

因?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)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
每個(gè)前端工程師都應(yīng)該去了解的前端面試題小結(jié)(推薦)
面試對(duì)于我們每個(gè)程序員來說都是非常重要的環(huán)節(jié),掌握一些面試題技巧是非常有必要的,今天小編給大家分享幾個(gè)js有關(guān)的面試題,需要的朋友參考下吧2020-04-15- 這篇文章主要介紹了2019最新Web前端經(jīng)典面試試題(含答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2020-04-03
- 一場疫情過后,又要經(jīng)歷一次次面試,今天小編給大家分享2020前端面試題之HTML篇,非常不錯(cuò),對(duì)大家有所幫助,需要的朋友參考下吧2020-03-25
- 這篇文章主要介紹了2019大廠前端面試題小結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2020-03-05