--------轉(zhuǎn)載自 知乎汪汪 https://zhuanlan.zhihu.com/p/22606894?utm_source=qq&utm_medium=social
(1)http狀態(tài)碼
http狀態(tài)碼是表示服務(wù)器對(duì)請(qǐng)求的響應(yīng)狀態(tài)揩懒,主要分為以下幾個(gè)部分
1**:這類(lèi)響應(yīng)是臨時(shí)響應(yīng),只包含狀態(tài)行和某些可選的響應(yīng)頭信息挽封,并以空行結(jié)束
2**:表示請(qǐng)求成功已球,
3**:表示重定向
4**:表示客戶端錯(cuò)誤
5**:表示服務(wù)器端錯(cuò)誤
100(continue),客戶端應(yīng)當(dāng)繼續(xù)發(fā)送請(qǐng)求。這個(gè)臨時(shí)響應(yīng)是用來(lái)通知客戶端它的部分請(qǐng)求已經(jīng)被服務(wù)器接收
200(OK)智亮,表示請(qǐng)求成功忆某,請(qǐng)求所希望的響應(yīng)頭或數(shù)據(jù)體將隨此響應(yīng)返回。
202(Accepted)阔蛉,服務(wù)器已接受請(qǐng)求弃舒,但尚未處理。
204(No-Content)状原,服務(wù)器成功處理了請(qǐng)求聋呢,但不需要返回任何實(shí)體內(nèi)容
205(Reset-Content),服務(wù)器成功處理了請(qǐng)求颠区,且沒(méi)有返回任何內(nèi)容削锰。但是與204響應(yīng)不同,返回此狀態(tài)碼的響應(yīng)要求請(qǐng)求者重置文檔視圖毕莱。該響應(yīng)主要是被用于接受用戶輸入后器贩,立即重置表單,以便用戶能夠輕松地開(kāi)始另一次輸入央串。
206(Partial-Content)磨澡,服務(wù)器已經(jīng)成功處理了部分 GET 請(qǐng)求碗啄。
301(Moved-Permanently)质和,永久性重定向
302(Moved-Temporarily),暫時(shí)性重定向
304(Not-Modified)稚字,瀏覽器端緩存的資源依然有效
400(Bad-Reques)饲宿,請(qǐng)求有誤,當(dāng)前請(qǐng)求無(wú)法被服務(wù)器理解胆描。
401(Unauthorized)瘫想,當(dāng)前請(qǐng)求需要用戶驗(yàn)證。
403(Forbidden)昌讲,服務(wù)器已經(jīng)理解請(qǐng)求国夜,但是拒絕執(zhí)行它。
404(Not-Found)短绸,請(qǐng)求的資源沒(méi)有被找到
500(Interval Server Error)车吹,服務(wù)器內(nèi)部錯(cuò)誤
502(Bad GateWay),網(wǎng)關(guān)出錯(cuò)
503(Service Unavailable)醋闭,由于臨時(shí)的服務(wù)器維護(hù)或者過(guò)載窄驹,服務(wù)器當(dāng)前無(wú)法處理請(qǐng)求。
504(Gateway Timeout)证逻,作為網(wǎng)關(guān)或者代理工作的服務(wù)器嘗試執(zhí)行請(qǐng)求時(shí),未能及時(shí)從上游服務(wù)器(URI標(biāo)識(shí)出的服務(wù)器,例如HTTP瑞眼、FTP负拟、LDAP)或者輔助服務(wù)器(例如DNS)收到響應(yīng)歹河。
(2)xss,csrf的概念以及防范方法
大公司如bat在面試的時(shí)候厨姚,web安全問(wèn)題是必問(wèn)的問(wèn)題谬墙,所以一定要懂经备,要徹底理解xss和csrf的概念和防范方式,最好在項(xiàng)目中有用到對(duì)這兩種攻擊的防范造虎,這樣會(huì)給你的面試加很多分算凿。由xss和csrf涉及的東西比較多犁功,我就不具體給出了,詳情請(qǐng)看XSS攻擊及防御署鸡,CSRF攻擊
(3)CommonJs靴庆,AMD萤皂,CMD規(guī)范
對(duì)于前端模塊化來(lái)說(shuō),這三個(gè)規(guī)范是必須要了解的端礼,詳情請(qǐng)看我的這篇文章CommonJS,AMD佳镜,CMD
(4)談?wù)剬?duì)前端模塊化的理解
前端模塊話就是把復(fù)雜的文件分成一個(gè)個(gè)獨(dú)立的模塊凡桥,比如js文件,分成獨(dú)立的模塊之后有利于代碼的重用和維護(hù)啊掏,但是這樣又會(huì)引來(lái)模塊與模塊之間的依賴問(wèn)題迟蜜,所以就有了CommonJS、AMD娜睛、CMD規(guī)范畦戒,最后出現(xiàn)了webpack结序,webpack就是前端模塊話的一種解決方案,基本上大公司都會(huì)使用webpack笼痹,想要詳細(xì)的學(xué)習(xí)webpack的話請(qǐng)看webpack簡(jiǎn)明使用教程
(5)優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)
優(yōu)雅降級(jí)指的是一開(kāi)始就構(gòu)建功能完好的網(wǎng)站凳干,然后在慢慢兼容低版本的瀏覽器救赐,使得各個(gè)瀏覽器之間的差異不要太大。
漸進(jìn)增強(qiáng)是指在基本功能得到滿足的情況下经磅,對(duì)支持新特性的瀏覽器使用新特性预厌,帶給用戶更換的體驗(yàn)元媚。
優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)的出發(fā)點(diǎn)不同,前者是慢慢向下兼容炭晒,是向后看,后著是慢慢向上网严,增強(qiáng)功能震束,是向前看。
(6)前端優(yōu)化(提高網(wǎng)頁(yè)的加載速度)
1休雌、使用css sprites肝断,可以有效的減少http請(qǐng)求數(shù)
2、使用緩存
3担扑、壓縮js涌献,css文件首有,減小文件體積
4、使用cdn卜壕,減小服務(wù)器負(fù)擔(dān)
5烙常、懶加載圖片
6蚕脏、預(yù)加載css,js文件
7驼鞭、避免dom結(jié)構(gòu)的深層次嵌套
8挣棕、給DOM元素添加樣式時(shí)亲桥,把樣式放到類(lèi)中两曼,直接給元素添加類(lèi)玻驻,減少重構(gòu),回流
更多詳細(xì)的前端優(yōu)化請(qǐng)看前端優(yōu)化:雅虎35條或者前端性能優(yōu)化----yahoo前端性能團(tuán)隊(duì)總結(jié)的35條黃金定律
四户辫、前端學(xué)習(xí)文章推薦
知乎上面有人推薦了很多前端學(xué)習(xí)網(wǎng)站渔欢,具體信息請(qǐng)看