前端工程师笔试题（欢迎评论留言）
1、如何合并表格的邊框
表格邊框合并屬性border-collapse
表格邊框合并屬性(border-collapse)用來定義表格中邊框是獨(dú)立顯示還是合并顯示。在邊框合并屬性中，使用的屬性值有兩個(gè)：分別為separate和collapse。其語法結(jié)構(gòu)如下所示。
border-collapse:separate|collapse;
其中各個(gè)屬性值的含義如下所述：
●??????? separate:定義表格邊框獨(dú)立顯示。
●??????? collapse:定義表格邊框合并顯示。
2、請(qǐng)簡(jiǎn)述CSS盒子模型;IE6的盒子模型哪個(gè)地方實(shí)現(xiàn)出錯(cuò)
網(wǎng)頁設(shè)計(jì)中常聽的屬性名：內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)， CSS盒子模式都具備這些屬性
IE6 盒子模型中，盒子的尺寸包含了 內(nèi)容區(qū)，padding， border 和 margin 這四個(gè)部分，而 W3C 的盒子模型中，盒子的尺寸只包含內(nèi)容區(qū)，padding，border 和 margin 被排除在盒子尺寸之外。
3、如果不使用CSS Hack，怎么實(shí)現(xiàn)IE兼容問題
4、為什么<font></font>不再推薦使用
5、為什么說<br/>標(biāo)簽需要閉合
6、有下面這樣一個(gè)CSS樣式
className{
????? ? height:22px;!important;height:21px;
}
請(qǐng)講解一下上面代碼中!important的作用，比較代碼在ie6,ie7,firefox下的height各是多少；
7、在做網(wǎng)頁的過程中，是先在IE中測(cè)試還是先在FireFox中進(jìn)行測(cè)試
8、請(qǐng)說說所知道的瀏覽器，不包含非獨(dú)立內(nèi)核瀏覽器（比如TT使用的是IE的內(nèi)核就不算）;
9、在javascript中對(duì)數(shù)組對(duì)象進(jìn)行原型擴(kuò)展，對(duì)其添加一個(gè)新方法隨機(jī)亂序random,調(diào)用這個(gè)方法可以輸出一個(gè)打亂順序的新數(shù)組。如：var myArr = [1,2,3,4,5,6,7,8,9];var newArr = myArr.random();//現(xiàn)在可以對(duì)任意數(shù)組調(diào)用random方法 // newArr 為[5,7,9,3...]
10、請(qǐng)分析下面兩個(gè)Javascript中定義的函數(shù)的區(qū)別
function foo()
｛
? ? b = function(){
? ? }
｝
function foo()
{
? function b(){
? ?}
}
11、什么是JSON
JSON(JavaScript?Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于ECMAScript的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣（包括C、C++、C#、Java、JavaScript、Perl、Python等）。這些特性使JSON成為理想的數(shù)據(jù)交換語言。 易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成(一般用于提升網(wǎng)絡(luò)傳輸速率)。數(shù)據(jù)在鍵值對(duì)中，由逗號(hào)分開，花括號(hào)保存對(duì)象，方括號(hào)保存數(shù)組。
12、請(qǐng)問B標(biāo)簽和strong標(biāo)簽有什么區(qū)別，概念上的區(qū)別
用在網(wǎng)頁上，默認(rèn)情況下它們起的均是加粗字體的作用，二者所不同的是，<b>標(biāo)簽是一個(gè)實(shí)體標(biāo)簽，它所包圍的字符將被設(shè)為bold（粗體），而<strong>標(biāo)簽是一個(gè)邏輯標(biāo)簽，它的作用是加強(qiáng)字符的語氣，一般來說，加強(qiáng)字符的語氣是通過將字符變?yōu)閎old（粗體）來實(shí)現(xiàn)的。
簡(jiǎn)單的說strong是web標(biāo)準(zhǔn)中xhtml的標(biāo)簽，strong的意思是“強(qiáng)調(diào)”；b是html的，b的意思是bold（粗體）。web標(biāo)準(zhǔn)主張xhtml不涉及具體的表現(xiàn)形式，“強(qiáng)調(diào)”可以用加粗來強(qiáng)調(diào)，也可以用其它方式來強(qiáng)調(diào)，比如下劃線，比如字體加大，比如紅色，等等，可以通過css來改變strong的具體表現(xiàn)。
并不是說有了strong，就淘汰了b，只是這個(gè)b很無辜，就因?yàn)樽约罕硎镜氖亲煮w加粗，恰巧跟strong默認(rèn)情況下強(qiáng)調(diào)的效果一致，其實(shí)這個(gè)strong完全可以定義成別的樣式的強(qiáng)調(diào)效果
13、如何清除Float產(chǎn)生的浮動(dòng)
14、請(qǐng)簡(jiǎn)述幾種常見的定位，如靜態(tài)/固態(tài)/相對(duì)/絕對(duì)定位
15、如何將一個(gè)DIV啟中定位到網(wǎng)頁中
16、請(qǐng)問什么是CSS偽類。IE6支持那些標(biāo)簽的偽類
17、一個(gè)三列布局的網(wǎng)頁要怎么設(shè)計(jì)？
18、請(qǐng)問CSS屬性中display:none和overflow:hidden的區(qū)別
19、請(qǐng)問Display:block和display:inline的區(qū)別
20、網(wǎng)頁中的動(dòng)畫（不包括GIF和FLASH）是怎么實(shí)現(xiàn)的。請(qǐng)簡(jiǎn)單表述一下原理
21、如何使用Javascript將一個(gè)div定位到網(wǎng)頁中間
22、請(qǐng)問window.onload和JQuery中的ready()函數(shù)的區(qū)別
總結(jié)
以上是生活随笔為你收集整理的前端工程师笔试题（欢迎评论留言）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
