前端面試題

1、閉包的理解

? ?????函數(shù)內(nèi)部可以讀取函數(shù)外部的全局變量;在函數(shù)外部無法讀取函數(shù)內(nèi)的局部變量。

????????函數(shù)內(nèi)部聲明變量的時候,一定要使用var命令。如果不用的話,你實際上聲明了一個全局變量!

2、什么是跨域

? ??????由于瀏覽器同源策略,凡是發(fā)送請求url的協(xié)議、域名、端口三者之間任意一與當前頁面地址不同即為跨域。

????????網(wǎng)絡協(xié)議不同,如http協(xié)議訪問https協(xié)議。

????????端口不同,如80端口訪問8080端口。

????????域名不同,如jianshu.com訪問baidu.com。

????????子域名不同,如abc.qianduan.com訪問def.qianduanblog.com。

????????域名和域名對應ip,如www.a.com訪問20.205.28.90.

? ? ? ? 解決跨域問題:

? ? ? ? JSONP : 動態(tài)插入script標簽

? ? ? ?CORS:后端人員在處理請求數(shù)據(jù)的時候,添加允許跨域的相關(guān)操作

3、數(shù)組的方法

Array 對象方法

concat() 連接兩個或更多的數(shù)組,并返回結(jié)果。

join() 把數(shù)組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。

pop() 刪除并返回數(shù)組的最后一個元素。 ?

shift() 刪除并返回數(shù)組的第一個元素

push() 向數(shù)組的末尾添加一個或更多元素,并返回新的長度。

unshift() 向數(shù)組的開頭添加一個或更多元素,并返回新的長度。

reverse() 顛倒數(shù)組中元素的順序。

slice() 從某個已有的數(shù)組返回選定的元素

sort() 對數(shù)組的元素進行排序

splice() 刪除元素,并向數(shù)組添加新元素。

toSource() 返回該對象的源代碼。

toString() 把數(shù)組轉(zhuǎn)換為字符串,并返回結(jié)果。

toLocaleString() 把數(shù)組轉(zhuǎn)換為本地數(shù)組,并返回結(jié)果。

valueOf() 返回數(shù)組對象的原始值

4、ajax請求

$.ajax({

? ? ? ? type:"GET",

? ? ? ? url:"service.php?number="+$("#keyword").val(),

? ? ? ? dataType:"json", 預期服務器返回數(shù)據(jù)的類型

? ? ? ? success:function(data){

? ? ? ? ? ?if(data.success){

? ? ? ? ? ? ? ?$("searchResult").html(data.msg);

? ? ? ? ? ?}else{

? ? ? ? ? ? ? ?$("#searchResult").html("出現(xiàn)錯誤:" + data.msg);

? ? ? ? ? ?}

? ? ? ? },

? ? ? ? error:function(jqXHR){

? ? ? ? ? ?aler("發(fā)生錯誤:"+ jqXHR.status);

? ? ? ? }

});

5、web前端開發(fā),如何提高頁面性能優(yōu)化?

內(nèi)容方面:

1.減少 HTTP 請求 (Make Fewer HTTP Requests)

2.減少 DOM 元素數(shù)量 (Reduce the Number of DOM Elements)

3.使得 Ajax 可緩存 (Make Ajax Cacheable)

針對CSS:

1.把 CSS 放到代碼頁上端 (Put Stylesheets at the Top)

2.從頁面中剝離 JavaScript 與 CSS (Make JavaScript and CSS External)

3.精簡 JavaScript 與 CSS (Minify JavaScript and CSS)

4.避免 CSS 表達式 (Avoid CSS Expressions)

針對JavaScript :

1. 腳本放到 HTML 代碼頁底部 (Put Scripts at the Bottom)

2. 從頁面中剝離 JavaScript 與 CSS (Make JavaScript and CSS External)

3. 精簡 JavaScript 與 CSS (Minify JavaScript and CSS)

4. 移除重復腳本 (Remove Duplicate Scripts)

面向圖片(Image):

1.優(yōu)化圖片

2 不要在 HTML 中使用縮放圖片

3 使用恰當?shù)膱D片格式

4 使用 CSS Sprites 技巧對圖片優(yōu)化

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 本篇收錄了一些面試中經(jīng)常會遇到的經(jīng)典面試題以及自己面試過程中遇到的一些問題,并且都給出了我在網(wǎng)上收集的答案。馬上就...
    菲菲菲菲妞閱讀 1,006評論 0 3
  • 數(shù)組去重indexOf() 方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。新建一新數(shù)組,遍歷傳入數(shù)組,值不...
    LJQ21閱讀 766評論 0 7
  • 數(shù)組去重 indexOf()方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。 新建一新數(shù)組,遍歷傳入數(shù)組,值...
    LJQ21閱讀 355評論 0 1
  • 一、理論基礎知識部分 1.1、講講輸入完網(wǎng)址按下回車,到看到網(wǎng)頁這個過程中發(fā)生了什么 a. 域名解析 b. 發(fā)起T...
    我家媳婦蠢蠢噠閱讀 3,248評論 2 106
  • 面試題一:https://github.com/jimuyouyou/node-interview-questio...
    R_X閱讀 1,775評論 0 5

友情鏈接更多精彩內(nèi)容