摘要：寫在前面月到這天，前端提升營(yíng)，騰訊大佬們分享個(gè)人經(jīng)驗(yàn)，使出各種前端方面的大招。并且減輕服務(wù)器的負(fù)擔(dān)，的原則是按需取數(shù)據(jù)，可以最大程度的減少冗余請(qǐng)求和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)。控制表單控件的禁用狀態(tài)。

5月24到30這7天，IMWeb前端提升營(yíng)，騰訊大佬們分享個(gè)人經(jīng)驗(yàn)，使出各種前端方面的大招。從中學(xué)習(xí)了很多前端方面的知識(shí)，也get到了前端學(xué)習(xí)的方法論，還有一些算法知識(shí)等等。

現(xiàn)將總結(jié)如下：（本文長(zhǎng)度略長(zhǎng)，看官保持耐心，嘿嘿）

每天早上，助教老師會(huì)發(fā)一些經(jīng)典前端面試題，歸檔一下：

問(wèn)題1: CSS引入的方式有哪些?

答案: 
CSS與HTML文檔結(jié)合的4中方法：
　　1、使用元素鏈接到外部的樣式文件
　　2、在元素中使用"style"元素來(lái)指定
　　3、使用CSS "@import"標(biāo)記來(lái)導(dǎo)入樣式表單
　　4、在內(nèi)部的元素中使用"style"屬性來(lái)定義樣式

問(wèn)題2: 行內(nèi)元素有哪些？塊級(jí)元素有哪些？CSS的盒模型？

答案: 塊級(jí)元素：div p h1 h2 h3 h4 form ul
行內(nèi)元素: a b br i span input select
Css盒模型:內(nèi)容，border ,margin，padding

問(wèn)題3: link和@import的區(qū)別是?

答案: 本質(zhì)上，這兩種方式都是為了加載CSS文件，但還是存在著細(xì)微的差別。
　　1、老祖宗的差別。link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式。link標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
　　2、加載順序的差別。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載。
　　3、兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無(wú)此問(wèn)題。
　　4、使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的。

問(wèn)題4： ==和===的不同

答案： 前者會(huì)自動(dòng)轉(zhuǎn)換類型，后者不會(huì)

前端常見(jiàn)題目個(gè)人思考題：

1、你之前自認(rèn)為做得最好的，最具有挑戰(zhàn)的一項(xiàng)需求是什么，為什么？現(xiàn)在回頭去看，還有哪些地方可以值得優(yōu)化？
 2、說(shuō)一下h5中的離線存儲(chǔ)有哪些

問(wèn)題1: XHTML和HTML有什么區(qū)別?

答案: 
HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言，XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關(guān)閉。
標(biāo)簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。

問(wèn)題2: Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?

答案: 用于聲明文檔使用那種規(guī)范（html/Xhtml）一般為 嚴(yán)格 過(guò)度 基于框架的html文檔
加入XMl聲明可觸發(fā)，解析方式更改為IE5.5 擁有IE5.5的bug

問(wèn)題3: 寫出幾種IE6 BUG的解決方法

答案:
1.雙邊距BUG float引起的 使用display
2.3像素問(wèn)題 使用float引起的 使用dislpay:inline -3px
3.超鏈接hover 點(diǎn)擊后失效 使用正確的書寫順序 link visited hover active
4.Ie z-index問(wèn)題 給父級(jí)添加position:relative
5.Png 透明 使用js代碼 改
6.Min-height 最小高度 ！Important 解決’
7.select 在ie6下遮蓋 使用iframe嵌套
8.為什么沒(méi)有辦法定義1px左右的寬度容器（IE6默認(rèn)的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

問(wèn)題4： IE和DOM事件流的區(qū)別

答案： 
1.執(zhí)行順序不一樣、
2.參數(shù)不一樣
3.事件加不加on
4.this指向問(wèn)題

前端常見(jiàn)題目個(gè)人思考題 ：

1、談一談你做過(guò)的一個(gè)項(xiàng)目，業(yè)務(wù)邏輯模塊如何劃分的？
2、什么是xss漏洞，怎么防御？

問(wèn)題1: 優(yōu)先級(jí)算法如何計(jì)算？

答案: 
重要性和來(lái)源的優(yōu)先級(jí)排序從低到高是：
   1、瀏覽器默認(rèn)樣式
   2、用戶在瀏覽器中定義的普通樣式（normal規(guī)則，不帶important規(guī)則）
   3、開(kāi)發(fā)人員定義的普通樣式（ normal規(guī)則，不帶important規(guī)則）
   4、開(kāi)發(fā)人員定義特殊樣式（帶important規(guī)則）
   5、用戶在瀏覽器中定義特殊樣式（帶important規(guī)則）
另外還有一些原則：
   1、相同的樣式在CSS規(guī)則后添加了!important的優(yōu)先于沒(méi)有添加的。
   2、CSS規(guī)則在文檔中出現(xiàn)的順序后面定義的的優(yōu)先于前面定義的。
   3、加了!important的優(yōu)先于內(nèi)聯(lián)樣式。
   4、內(nèi)聯(lián)樣式優(yōu)先于用link引入的樣式和頁(yè)面上