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

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

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

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

問題1: CSS引入的方式有哪些?

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

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

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

問題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)一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。
　　3、兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標(biāo)簽無此問題。
　　4、使用dom控制樣式時的差別。當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標(biāo)簽，因為@import不是dom可以控制的。

問題4： ==和===的不同

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

前端常見題目個人思考題：

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

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

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

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

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

問題3: 寫出幾種IE6 BUG的解決方法

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

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

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

前端常見題目個人思考題 ：

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

問題1: 優(yōu)先級算法如何計算？

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