摘要:服務(wù)器無(wú)法理解請(qǐng)求的格式,客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請(qǐng)求。服務(wù)器端暫時(shí)無(wú)法處理請(qǐng)求可能是過(guò)載或維護(hù)。
為什么要使用css預(yù)編譯
1、css無(wú)法遞歸式定義
2、解決復(fù)用性不夠
3、可以緩解瀏覽器兼容造成的冗余
cookie用來(lái)在瀏覽器和服務(wù)器中傳遞并且總量很小
sessionStorage和localStorage用于存儲(chǔ)本地?cái)?shù)據(jù),存儲(chǔ)較大
localStorage是持久性存儲(chǔ)
websocket、shareWorker
也可以調(diào)用localstorge、cookies等本地存儲(chǔ)方式
將有專門的教程講解websocket
Adobe Flash Socket 、
ActiveX HTMLFile (IE) 、
基于 multipart 編碼發(fā)送 XHR 、
基于長(zhǎng)輪詢的 XHR
1、水平居中,給定寬度
div{
width: 200px margin:0 auto }
2、絕對(duì)定位居中
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
旋轉(zhuǎn):transform
圓角:border-radius
新增選擇器:not(:input)
沒(méi)寫全,但是夠用了
把上、左、右三條邊隱藏掉
#demo { width: 0; height: 0; border-width: 20px; border-style: solid; border-color: transparent transparent red transparent; }經(jīng)常li之間有看不見的間隔,造成的原因
回車和空格會(huì)被應(yīng)用樣式,解決方法:把字符大小設(shè)置成font-size:0
為什么要清除浮動(dòng)清除浮動(dòng)是為了清除浮動(dòng)元素產(chǎn)生的影響,浮動(dòng)的元素高度將會(huì)塌陷,后面的布局也就不能實(shí)現(xiàn),這兒講一種方法
&:after
display: inline-block如果需要手動(dòng)寫動(dòng)畫,你認(rèn)為最小時(shí)間間隔是多久,為什么?
多數(shù)顯示屏默認(rèn)頻率是60hz,所以理論上最小間隔1/60*1000ms = 16.7mscookie隔離
cookie有域的限制,跨期提交請(qǐng)求時(shí),不會(huì)攜帶cookie
數(shù)組的隨機(jī)排序方法一、
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對(duì)象,什么是document對(duì)象window是瀏覽器打開的窗口,document是Document對(duì)象的一個(gè)只讀引用
[“1”, “2”, “3”].map(parseInt) 答案是多少?
[1, NaN, NaN]
return a instance of Person
new操作符干了什么1、創(chuàng)建一個(gè)空對(duì)象,并且this引用該對(duì)象,同時(shí)還繼承了該函數(shù)的對(duì)象
2、屬性和方法都加入到this引用的對(duì)象中
3、新創(chuàng)建的對(duì)象由this所引用,最后隱式返回this
Oject.hasOwnProperty(name),返回布爾值,不會(huì)去尋找原型鏈上的屬性
如何檢測(cè)瀏覽器版本功能檢測(cè)、userAgent特征檢測(cè):navigator.userAgent
什么是polyfillpolyfill 是“在舊版瀏覽器上復(fù)制標(biāo)準(zhǔn) API 的 JavaScript 補(bǔ)充”,可以動(dòng)態(tài)地加載 JavaScript 代碼或庫(kù),在不支持這些標(biāo)準(zhǔn) API 的瀏覽器中模擬它們。
Object.is()Object.is在處理-0和+0是返回false,但是Object.is(NaN, NaN)返回true
前端性能優(yōu)化1、減少http請(qǐng)求次數(shù):雪碧圖、js,css源碼壓縮、圖片大小控制合適,cdn托管
2、使用ajax代替整體刷新頁(yè)面
3、減少dom操作
4、設(shè)置樣式時(shí)更多的時(shí)候使用className而不是style
5、少用全局變量、緩存dom節(jié)點(diǎn)查找結(jié)果
6、避免使用css expression
7、圖片懶加載(有專門的文章講解圖片懶加載)
100 Continue 繼續(xù),一般在發(fā)送post請(qǐng)求時(shí),已發(fā)送了http header之后服務(wù)端將返回此信息,表示確認(rèn),之后發(fā)送具體參數(shù)信息
200 OK 正常返回信息
201 Created 請(qǐng)求成功并且服務(wù)器創(chuàng)建了新的資源
202 Accepted 服務(wù)器已接受請(qǐng)求,但尚未處理
301 Moved Permanently 請(qǐng)求的網(wǎng)頁(yè)已永久移動(dòng)到新位置。
302 Found 臨時(shí)性重定向。
303 See Other 臨時(shí)性重定向,且總是使用 GET 請(qǐng)求新的 URI。
304 Not Modified 自從上次請(qǐng)求后,請(qǐng)求的網(wǎng)頁(yè)未修改過(guò)。
400 Bad Request 服務(wù)器無(wú)法理解請(qǐng)求的格式,客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請(qǐng)求。
401 Unauthorized 請(qǐng)求未授權(quán)。
403 Forbidden 禁止訪問(wèn)。
404 Not Found 找不到如何與 URI 相匹配的資源。
500 Internal Server Error 最常見的服務(wù)器端錯(cuò)誤。
503 Service Unavailable 服務(wù)器端暫時(shí)無(wú)法處理請(qǐng)求(可能是過(guò)載或維護(hù))。
我的githubhttps://github.com/skychenbo如果覺得對(duì)你有用,歡迎點(diǎn)一個(gè)star
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/88630.html
摘要:特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總,方便自己學(xué)習(xí)查閱參考,和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多,可以很快搞定,沒(méi)想到一入?yún)R總深似海。還有很多不足&遺漏的地方,歡迎補(bǔ)充。有錯(cuò)誤的地方,還請(qǐng)斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應(yīng)和斧正,會(huì)及時(shí)更新,平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...
摘要:前言秋招宣告結(jié)束,面試了接近家公司,有幸拿到,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好,不然面試官叫你說(shuō)遇到的難點(diǎn),或者直接問(wèn)問(wèn)題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束,面試了接近20家公司,有幸拿到offer,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷,相信不亞于當(dāng)年的高考吧,也許現(xiàn)在想起來(lái)高考不算什么,也許只有經(jīng)歷過(guò)秋招的人才懂得找工作的艱辛...
摘要:前言秋招宣告結(jié)束,面試了接近家公司,有幸拿到,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好,不然面試官叫你說(shuō)遇到的難點(diǎn),或者直接問(wèn)問(wèn)題時(shí)可能會(huì)懵逼。 前言 秋招宣告結(jié)束,面試了接近20家公司,有幸拿到offer,感謝這段時(shí)間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷,相信不亞于當(dāng)年的高考吧,也許現(xiàn)在想起來(lái)高考不算什么,也許只有經(jīng)歷過(guò)秋招的人才懂得找工作的艱辛...
摘要:道阻且長(zhǎng)啊前端面試總結(jié)前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進(jìn)按鈕書簽?zāi)夸洖g覽器引擎用來(lái)查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構(gòu)建的,使用自主研發(fā)的渲染引擎,和都使用網(wǎng)絡(luò)用來(lái) 道阻且長(zhǎng)啊TAT(前端面試總結(jié)) 前端 面試 筆試 面試 騰訊一面 1.瀏覽器工作原理 瀏覽器的主要組件包括: 用戶界面- 包括地址欄、后退/前...
摘要:道阻且長(zhǎng)啊前端面試總結(jié)前端面試筆試面試騰訊一面瀏覽器工作原理瀏覽器的主要組件包括用戶界面包括地址欄后退前進(jìn)按鈕書簽?zāi)夸洖g覽器引擎用來(lái)查詢及操作渲染引擎的接口渲染引擎渲染界面和是基于兩種渲染引擎構(gòu)建的,使用自主研發(fā)的渲染引擎,和都使用網(wǎng)絡(luò)用來(lái) 道阻且長(zhǎng)啊TAT(前端面試總結(jié)) 前端 面試 筆試 面試 騰訊一面 1.瀏覽器工作原理 瀏覽器的主要組件包括: 用戶界面- 包括地址欄、后退/前...
閱讀 2465·2021-09-29 09:34
閱讀 3301·2021-09-23 11:21
閱讀 2495·2021-09-06 15:00
閱讀 1123·2019-08-30 15:44
閱讀 2024·2019-08-29 17:23
閱讀 2996·2019-08-29 16:44
閱讀 3053·2019-08-29 13:13
閱讀 1932·2019-08-28 18:12