前端面試總結二

scwang90 發布于2019-08-01 17:41 / 2008人閱讀

摘要：服務器無法理解請求的格式，客戶端不應當嘗試再次使用相同的內容發起請求。服務器端暫時無法處理請求可能是過載或維護。

為什么要使用css預編譯

1、css無法遞歸式定義
2、解決復用性不夠
3、可以緩解瀏覽器兼容造成的冗余

cookie,sessionStorage和localStorage的區別

cookie用來在瀏覽器和服務器中傳遞并且總量很小
sessionStorage和localStorage用于存儲本地數據，存儲較大
localStorage是持久性存儲

如何實現瀏覽器內多個標簽頁之間的通信? (阿里)

websocket、shareWorker
也可以調用localstorge、cookies等本地存儲方式
將有專門的教程講解websocket

websocket如何兼容低瀏覽器

Adobe Flash Socket 、
ActiveX HTMLFile (IE) 、
基于 multipart 編碼發送 XHR 、
基于長輪詢的 XHR

如何居中div

1、水平居中,給定寬度

div{

    width: 200px
    margin:0 auto
}

2、絕對定位居中

div {
position: absolute;
width: 300px;
height: 300px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;

}

3、水平居中

確定寬高
div {
position: relative;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
margin: -150px 0 0 -250px;

}

不知道寬高


div {
position: relative;
width: 500px;
height: 300px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

}

使用flex布局

   .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container div {
        width: 100px;
        height:100px;
    }

css3新特性

文字特效：text-shadow
線性漸變：gradient
旋轉：transform
圓角：border-radius
新增選擇器:not(:input)
沒寫全，但是夠用了

用css穿件一個三角形的原理

把上、左、右三條邊隱藏掉

#demo {
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent red transparent;
}

經常li之間有看不見的間隔，造成的原因

回車和空格會被應用樣式,解決方法：把字符大小設置成font-size:0

為什么要清除浮動

清除浮動是為了清除浮動元素產生的影響，浮動的元素高度將會塌陷，后面的布局也就不能實現，這兒講一種方法
&:after

元素浮動后,display變成了什么

display: inline-block

如果需要手動寫動畫，你認為最小時間間隔是多久，為什么？

多數顯示屏默認頻率是60hz，所以理論上最小間隔1/60*1000ms = 16.7ms

cookie隔離

cookie有域的限制,跨期提交請求時，不會攜帶cookie

數組的隨機排序

方法一、

var arr = [1,2,3,4,5,7,8,9]

function randSort(arr) {

for (var i = 0, len = arr.length; i < len; i++) {
    var rand = parseInt(Math.random()*len)
    var temp = arr[rand]
    arr[rand] = arr[i]
    arr[i] = temp
}
return arr

}
方法二
var arr = [1,2,3,4,5,7,8,9]
function randSort2(arr) {

var mixedArray = []
while(arr.length > 0) {
    var randomIndex = parseInt(Math.random()*arr.length)
    mixedArray.push(arr[randomIndex])
    arr.splice(randomIndex, 1)
}
return mixedArray

}
方法三
var arr = [1,2,3,4,5,7,8,9]
arr.sort(function () {

return Math.random() - 0.5

})

什么是window對象，什么是document對象

window是瀏覽器打開的窗口，document是Document對象的一個只讀引用

[“1”, “2”, “3”].map(parseInt) 答案是多少？
[1, NaN, NaN]

如何判斷一個對象是否屬于某個類

return a instance of Person

new操作符干了什么

1、創建一個空對象，并且this引用該對象，同時還繼承了該函數的對象
2、屬性和方法都加入到this引用的對象中
3、新創建的對象由this所引用，最后隱式返回this

Javascript中，有一個函數，執行時對象查找時，永遠不會去查找原型，這個函數是？

Oject.hasOwnProperty(name),返回布爾值，不會去尋找原型鏈上的屬性

如何檢測瀏覽器版本

功能檢測、userAgent特征檢測：navigator.userAgent

什么是polyfill

polyfill 是“在舊版瀏覽器上復制標準 API 的 JavaScript 補充”,可以動態地加載 JavaScript 代碼或庫，在不支持這些標準 API 的瀏覽器中模擬它們。

Object.is()

Object.is在處理-0和+0是返回false,但是Object.is(NaN, NaN)返回true

前端性能優化

1、減少http請求次數：雪碧圖、js,css源碼壓縮、圖片大小控制合適，cdn托管
2、使用ajax代替整體刷新頁面
3、減少dom操作
4、設置樣式時更多的時候使用className而不是style
5、少用全局變量、緩存dom節點查找結果
6、避免使用css expression
7、圖片懶加載（有專門的文章講解圖片懶加載）

http狀態碼常用的

100 Continue 繼續，一般在發送post請求時，已發送了http header之后服務端將返回此信息，表示確認，之后發送具體參數信息
200 OK 正常返回信息
201 Created 請求成功并且服務器創建了新的資源
202 Accepted 服務器已接受請求，但尚未處理
301 Moved Permanently 請求的網頁已永久移動到新位置。
302 Found 臨時性重定向。
303 See Other 臨時性重定向，且總是使用 GET 請求新的 URI。
304 Not Modified 自從上次請求后，請求的網頁未修改過。

400 Bad Request 服務器無法理解請求的格式，客戶端不應當嘗試再次使用相同的內容發起請求。
401 Unauthorized 請求未授權。
403 Forbidden 禁止訪問。
404 Not Found 找不到如何與 URI 相匹配的資源。

500 Internal Server Error 最常見的服務器端錯誤。
503 Service Unavailable 服務器端暫時無法處理請求（可能是過載或維護）。

我的githubhttps://github.com/skychenbo如果覺得對你有用，歡迎點一個star

GPU云服務器云服務器前端面試前端工程師面試前端ddos 攻擊面試前端開發工程師面試

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51305.html

前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
前端秋招面試總結

摘要：前言秋招宣告結束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。前言秋招宣告結束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷，相信不亞于當年的高考吧，也許現在想起來高考不算什么，也許只有經歷過秋招的人才懂得找工作的艱辛...

Gu_Yan 2019-08-02 12:04 評論0 收藏0
前端秋招面試總結

摘要：前言秋招宣告結束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。前言秋招宣告結束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經歷，相信不亞于當年的高考吧，也許現在想起來高考不算什么，也許只有經歷過秋招的人才懂得找工作的艱辛...

Scholer 2019-08-29 17:21 評論0 收藏0
[面試專題]一線互聯網大廠面試總結

摘要：道阻且長啊前端面試總結前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進按鈕書簽目錄瀏覽器引擎用來查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構建的，使用自主研發的渲染引擎，和都使用網絡用來道阻且長啊TAT(前端面試總結) 前端面試筆試面試騰訊一面 1.瀏覽器工作原理瀏覽器的主要組件包括：用戶界面－包括地址欄、后退/前...

lemanli 2019-08-02 15:57 評論0 收藏0
[面試專題]一線互聯網大廠面試總結

摘要：道阻且長啊前端面試總結前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進按鈕書簽目錄瀏覽器引擎用來查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構建的，使用自主研發的渲染引擎，和都使用網絡用來道阻且長啊TAT(前端面試總結) 前端面試筆試面試騰訊一面 1.瀏覽器工作原理瀏覽器的主要組件包括：用戶界面－包括地址欄、后退/前...

xfee 2019-08-21 11:53 評論0 收藏0