web前端面試題及答案

1、web前端面試題及答案【篇一：2016前端面試題第一套含答案】高度a.display:inlineb.display:nonec.display:blockd.display:inherit2）css屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為scroll,不論是否需要，用戶代理都會提供一種滾動(dòng)機(jī)制。truefalse3）新窗口打開網(wǎng)頁，用到以下哪個(gè)值（）。a._selfb._blankc._topd._parent4）下面有關(guān)jquery事件的響應(yīng)，描述錯(cuò)誤的是？a.b.c.d.onclick鼠標(biāo)點(diǎn)擊某個(gè)對象onfocus元素失去焦點(diǎn)onload是某個(gè)頁面的cssjs

2、html文檔結(jié)構(gòu)和圖像被完成加載onmousedown某個(gè)鼠標(biāo)按鍵被按下5）元素的alt和title有什么異同，選出正確的說法？不同的瀏覽器，表現(xiàn)一樣a.alt和title同時(shí)設(shè)置的時(shí)候，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字b.alt和title同時(shí)設(shè)置的時(shí)候，title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字c.以上說法都不正確6）下列js可以讓一個(gè)input的背景顏色變成紅色的是？a.inputelement.style.backgroundcolor=red;b.inputelement.backgroundcolor=red;c.inputelement.st

3、yle.backgroundcolor=#0000;d.inputelement.backgroundcolor=#0000;7）下面有關(guān)html5標(biāo)簽說法錯(cuò)誤的有？a.audio標(biāo)簽定義聲音，比如音樂或其他音頻流b.canvas比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容c.menu標(biāo)簽定義菜單列表。當(dāng)希望列出表單控件時(shí)使用該標(biāo)簽mand標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕8）下述有關(guān)css屬性position的屬性值的描述，說法錯(cuò)誤的是？a.b.c.d.static:沒有定位，元素出現(xiàn)在正常的流中fixed:生成

4、絕對定位的元素，相對于父元素進(jìn)行定位relative:生成相對定位的元素，相對于元素本身正常位置進(jìn)行定位。absolute:生成絕對定位的元素，相對于static定位以外的第一個(gè)祖先元素進(jìn)行定位。9）下面符合一個(gè)有效的javascript變量定義規(guī)則的是？a.b.c.d._$te$t2withabc2a10）下面有關(guān)javascript中call和apply的描述，錯(cuò)誤的是？a.b.c.d.call與aplly都屬于totype的一個(gè)方法，所以每個(gè)function實(shí)例都有call、apply屬性兩者傳遞的參數(shù)不同，call函數(shù)第一個(gè)參數(shù)都是要傳入給當(dāng)前對象的對象，app

5、ly不是apply傳入的是一個(gè)參數(shù)數(shù)組，也就是將多個(gè)參數(shù)組合成為一個(gè)數(shù)組珞入call傳入的則是直接的參數(shù)列表。call方法可將一個(gè)函數(shù)的對象上下文從初始的上下文改變?yōu)橛蓆hisobj指定的新對象。11)什么會被打印在控制臺上？b是局部變量還是全局變量(function()(vara=b=5;)();console.log(b);12)執(zhí)行這段代碼，輸出什么結(jié)果。functiontest()(console.log(a);console.log(foo();vara=1;functionfoo()(return2;test();13)執(zhí)行這段代碼，輸出什么結(jié)果。varfullname=johnd

6、oe;varobj=(fullname:colinihrig,prop:(fullname:aurelioderosa,getfullname:function()(returnthis.fullname;console.log(p.getfullname();vartest=p.getfullname;console.log(test();14)下面這個(gè)js程序的輸出是什么：functionfoo()(vari=0;returnfunction()(console.log(i+);varf1=foo(),f2=foo();f1();f1();f2();15)下面這

7、個(gè)js程序的輸出是什么：scriptlanguage=javascriptvarbb=1;functionaa(bb)(bb=2;alert(bb);aa(bb);alert(bb);/script16)doctype作用？嚴(yán)格模式與混雜模土-如何觸發(fā)這兩種模式，區(qū)分它們有何意義？17)css選擇符有哪些？哪些屬性可以繼承？優(yōu)先級算法如何計(jì)算？css3新增偽類有那些？18)談?wù)則his對象的理解。19)請用js實(shí)現(xiàn)全選和取消全選的功能，只需要寫出js代碼(可以使用jquery框架)inputtype=”checkbox”id=”checkall全選/divclass=”list”inputty

8、pe=”checkbox”name=”type”value=笑魂1inputtype=”checkbox”name=”type”value=這是2/div20)面試官問你有沒有女/男朋友？答案1,c。內(nèi)聯(lián)元素加上display:block;后被塊級化。塊級元素一般是其他元素的容器，可容納內(nèi)聯(lián)元素和其他塊狀元素，塊狀元素排斥其他元素與其位于同一行，寬度(width)高度(height)起作用。因此，可以定義其寬度和高度。,2,true。參數(shù)是scroll時(shí)候，必會出現(xiàn)滾動(dòng)條。參數(shù)是auto時(shí)候，子元素內(nèi)容大于父元素時(shí)出現(xiàn)滾動(dòng)條。參數(shù)是visible時(shí)候，溢出的內(nèi)容出現(xiàn)在父元素之外。參數(shù)是hidd

9、en時(shí)候，溢出隱藏。,選b。在html中通過a標(biāo)簽打開一個(gè)鏈接，通過a標(biāo)簽的target屬性規(guī)定在何處打開鏈接文檔。如果在標(biāo)簽a中寫入target屬性，則瀏覽器會根據(jù)target的屬性值去打開與其命名或名稱相符的框架frame或者窗口.在target中還存在四個(gè)保留的屬性值如下，屬性值值描述_blank在新窗口中打開被鏈接文檔。_self默認(rèn)。在相同的框架中打開被鏈接文檔。_parent在父框架集中打開被鏈接文檔。_top在整個(gè)窗口中打開被鏈接文檔。framename在指定的框架中打開被鏈接文檔。4,選b。onfocus獲得焦點(diǎn)onblur失去隹占八、八、a這兩個(gè)屬性是有些重復(fù)了。在不同瀏覽器

10、里面表現(xiàn)有些不同。在alt和title同時(shí)設(shè)置的時(shí)候，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字。6,a#0000是不正確的寫法，至少要為六位，應(yīng)該是#ff0000a寫法是正確的，有兩種寫法：document.getelementbyid(input).style.backgroundcolor=red;inputelement.style.backgroundcolor=#ff0000;7,b這里考察html標(biāo)簽的使用：audio標(biāo)簽定義聲音，比如音樂或其他音頻流。a正確。canvas標(biāo)簽定義圖形，比如圖表和其他圖像。canvas標(biāo)簽只是圖形容器，您必須使用腳本來繪制圖形。b錯(cuò)

11、誤，article標(biāo)簽定義外部的內(nèi)容。比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。menu標(biāo)簽定義命令的列表或菜單。menu標(biāo)簽用于上下文菜單、工具欄以及用于列出表單控件和命令。c正確command元素表示用戶能夠調(diào)用的命令。command標(biāo)簽可以定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。只有當(dāng)command元素位于menu元素內(nèi)時(shí)，該元素才是可見的。否則不會顯示這個(gè)元索，但是可以用它規(guī)定鍵盤快捷鍵。d正確。8,bstatic元素框正常生成。塊級元素生成一個(gè)矩形框，作為文檔流的一部分，行內(nèi)元索則會創(chuàng)建一個(gè)或多個(gè)行框，置于其

12、父元素中。relative元素框偏移某個(gè)距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。absolute元素框從文檔流完全刪除，并相對于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會關(guān)閉，就好像元素原來不存在一樣。元素定位后生成一個(gè)塊級框，而不論原來它在正常流中生成何種類型的框。fixed元素框的表現(xiàn)類似于將position設(shè)置為absolute，不過其包含塊是視窗本身。9,a正確;b是關(guān)鍵字；c有空格；d開頭為數(shù)字；第一個(gè)字符必須是一個(gè)ascii字母(大小寫均可)，或一個(gè)下劃線(_)。注意第一個(gè)字符不能是數(shù)字。后續(xù)的字符必須是字母、

13、數(shù)字或下斯線。變量名稱一定不能是保留字。10,b;call()方法和apply()方法的作用相同，他們的區(qū)別在于接收參數(shù)的方式不同。對于call(),第一個(gè)參數(shù)是this值沒有變化，變化的是其余參數(shù)都直接傳遞給函數(shù)。(在使用call()方法時(shí)，傳遞給函數(shù)的參數(shù)必須逐個(gè)列舉出來。使用apply()時(shí)，傳遞給函數(shù)的是參數(shù)數(shù)組)如下代碼做出解釋：functionadd(c,d)(returnthis.a+this.b+c+d;【篇二：web前端開發(fā)面試題賦答案】txt第一部分：用css實(shí)現(xiàn)布局讓我們一起來做一個(gè)頁面首先，我們需要一個(gè)布局。請使用css控制3個(gè)div,實(shí)現(xiàn)如下圖的布局。第二部分：用ja

14、vascript優(yōu)化布局由于我們的用戶群喜歡放大看頁面于是我們給上一題的布局做一次優(yōu)化。當(dāng)鼠標(biāo)略過某個(gè)區(qū)塊的時(shí)候，該區(qū)塊會放大25%,并且其他的區(qū)塊仍然固定不動(dòng)。提示：也許，我們其他的布局也會用到這個(gè)放大的效果哦?？梢允褂萌魏伍_源代碼，包括曾經(jīng)你自己寫的。關(guān)鍵字：javascript、封裝、復(fù)用第三部分：處理緊急情況好了，我們的頁面完成了。于是我們將頁面發(fā)布上網(wǎng)。突然，晴天霹靂，頁面無法訪問了，這時(shí)候，你會怎么做？面試題到此為止，你是否能夠?qū)Υ鹑缌髂?，仔?xì)想一下，然后在翻頁看一下答案。答案部分第一題：主要考慮幾個(gè)問題：1.ie6的3像素bug；2.清楚浮動(dòng)；css代碼：divbackgroun

15、d:#cccccc;#firstfloat:left;width:100px;height:150px#secondclear:left;float:left;margin-top:10px;width:100px;height:150px#thirdzoom:1;width:200px;margin-left:110px;_margin-left:107px;height:310px-xml/html代碼divid=first/divdivid=second/divdivid=third/div第二題：用javascript優(yōu)化布局提示：也許，我們其他的布局也會用到這個(gè)放大的效果哦?？梢允褂?/p>

16、任何開源代碼，包括曾經(jīng)你自己寫的。關(guān)鍵字：javascript、封裝、復(fù)用慚愧啊，用上邊那個(gè)布局我怎么也沒把它優(yōu)化出來，硬這頭皮用絕對定位改了布局；所以樣式改成了這樣：body(margin:0;padding:0div(background:#cccccc;position:absolute#first(width:100px;height:150px#secondtop:160px;width:100px;height:150px#third(width:200px;height:310px;left:110pxjavascript要考慮封裝、復(fù)用functionzoom(id,x,y)/

17、設(shè)置縮放函數(shù)參數(shù)：容器id、橫向縮放倍數(shù)、縱向縮放倍數(shù)(莓比例縮放時(shí)也可以設(shè)定一個(gè)參數(shù))varobj=document.getelementbyid(id);/獲取元素對象值vardw=obj.clientwidth;/獲取元素寬度vardh=obj.clientheight;/獲取元素高度/varotop=obj.offsettop;/varoleft=obj.offsetleft;obj.onmouseover=function()/鼠標(biāo)移入this.style.width=dw*x+px;/橫向縮放this.style.height=dh*y+px;/縱向縮放this.style.bac

18、kgroundcolor=#f00"潑置調(diào)試背景this.style.zindex=1;/設(shè)置z軸優(yōu)先obj.onmouseout=function()/鼠標(biāo)移出，設(shè)回默認(rèn)值this.style.width=;this.style.height=;this.style.padding=;this.style.backgroundcolor=;this.style.zindex=;zoom(first,1.25,1.25);zoom(second,1.25,1.25);zoom(third,1.25,1.25);第三題也許是js代碼沒有放在頁面的后面，加載速度慢尚未顯示出來?；蛘呤琼撁?/p>

19、地址出錯(cuò)了?！酒簑eb前端開發(fā)面試題集錦】>3、如何用css分別單獨(dú)定義ie6、7、8的width屬性。所有瀏覽器通用height:100px;ie6專用_height:100px;ie6專用*height:100px;ie7專用*+height:100px;ie7、ff共用height:100pximportant;4、css中哪些屬性可以同父元素繼承。繼承：（x）html元素可以從其父元素那里繼承部分css屬性，即使當(dāng)前元素并沒有定義該屬性color;font-size;5、你如何理解html結(jié)構(gòu)的語意化。1. 去掉或樣式丟失的時(shí)候能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)：html本身是沒有表現(xiàn)的

20、，我們看到例如h1是粗體，字體大小2em，加粗；strong是加粗的，不要認(rèn)為這是html這些其實(shí)html默認(rèn)的css樣式在起作用，所以去掉或樣式丟失的時(shí)候能讓頁面呈現(xiàn)清晰的結(jié)構(gòu)不是語義化的html點(diǎn)，但是瀏覽器都有有默認(rèn)樣式，默認(rèn)樣式的目的也是為了更好的表達(dá)html的語義，可以說瀏覽器的默認(rèn)樣式和html結(jié)構(gòu)是不可分割的。2. 屏幕閱讀器（如果訪客有視障）會完全根據(jù)你的標(biāo)記來讀”你的網(wǎng)頁.3. 例如,如果你使用的含語義的標(biāo)記，屏幕閱讀器就會逐個(gè)拼出”你的單詞,而不是試著去對它完整發(fā)首pda、手機(jī)等設(shè)備可能無法像普通電腦的瀏覽器一樣來渲染網(wǎng)頁（通常是因?yàn)檫@些設(shè)備對css的支持較弱）.使用語義標(biāo)

21、記可以確保這些設(shè)備以一種有意義的方式來渲染網(wǎng)頁.理想情況下，觀看設(shè)備的任務(wù)是符合設(shè)備本身的條染網(wǎng)頁.語義標(biāo)記為設(shè)備提供了所需的相關(guān)信息，就省去了你自己去考慮所有可能的顯示情況（包括現(xiàn)有的或者將來新的設(shè)備一部手機(jī)可以選擇使一段標(biāo)記了標(biāo)題的文字以粗體顯示.而掌上電腦可能會以比較大的字體來顯7K.無論哪種方式一文本標(biāo)記為標(biāo)題，您就可以確信讀取設(shè)備將根據(jù)其自身的條件來合適地顯示頁面.搜索引擎的爬蟲也依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重過去你可能還沒有考慮搜索引擎的爬蟲也是網(wǎng)站的訪客”但現(xiàn)在它們他們實(shí)際上是極其寶貴的用戶.沒有他們的引擎將無法索引你的網(wǎng)站,然后一般用戶將很難過來訪問.4. 你的頁面是

22、否對爬蟲容易理解非常重要,因?yàn)榕老x很大程度上會忽略用于表現(xiàn)的標(biāo)記，而只注重語義標(biāo)記.因此,如果頁面文件的標(biāo)題被標(biāo)記，而不是，那么這個(gè)頁面在搜索結(jié)果的位置可能會比較靠后.除了提升易用性外，語利于正確使用css和javascript,因?yàn)槠浔旧硖峁┝嗽S多鉤鉤”來應(yīng)用頁面的樣式與行為.便于團(tuán)隊(duì)開發(fā)和維護(hù)w3c給我們定了一個(gè)很好的標(biāo)準(zhǔn)，在團(tuán)隊(duì)中大家都遵循這個(gè)標(biāo)準(zhǔn)，可以減少很多差異化的東西，方便開發(fā)和維護(hù)，效率，甚至實(shí)現(xiàn)模塊化開發(fā)。6、談?wù)勔郧岸私嵌瘸霭l(fā)做好seo需要考慮什么。1、了解搜索引擎如何抓取網(wǎng)頁和如何索引網(wǎng)頁你需要知道一些搜索引擎的基本工作原理，各個(gè)搜索引擎之間的區(qū)別，搜索機(jī)器人（serobo

23、t或叫webcra何進(jìn)行工作，搜索引擎如何對搜索結(jié)果進(jìn)行排序等等。2、meta標(biāo)簽優(yōu)化主要包括主題（title），網(wǎng)站描述（description）,和關(guān)鍵詞（keywords）。還有一些其它的隱藏文字比如au者），category（目錄），language（編碼語種）等。3、如何選取關(guān)鍵詞并在網(wǎng)頁中放置關(guān)鍵詞搜索就得用關(guān)鍵詞。關(guān)鍵詞分析和選擇是seo最重要的工作之一。首先要給網(wǎng)站確定主關(guān)鍵詞（一般在5個(gè)上后針對這些關(guān)鍵詞進(jìn)行優(yōu)化，包括關(guān)鍵詞密度（density），相關(guān)度（relavancy）,突出性（prominency）等等。4、了解主要的搜索引擎雖然搜索引擎有很多，但是對網(wǎng)站流量起決定作

24、用的就那么幾個(gè)。比如英文的主要有g(shù)oogle,yahoo,bing等有百度，搜狗，有道等。不同的搜索引擎對頁面的抓取和索引、排序的規(guī)則都不一樣。還要了解各搜索門戶和搜索的關(guān)系，比如aol網(wǎng)頁搜索用的是google的搜索技術(shù)，msn用的是bing的技術(shù)。5、主要的互聯(lián)網(wǎng)目錄opendirectory自身不是搜索引擎，而是一個(gè)大型的網(wǎng)站目錄，他和搜索引擎的主要區(qū)別是網(wǎng)站內(nèi)容的收集方目錄是人工編輯的，主要收錄網(wǎng)站主頁；搜索引擎是自動(dòng)收集的，除了主頁外還抓取大量的內(nèi)容頁面。6、按點(diǎn)擊付費(fèi)的搜索引擎搜索引擎也需要生存，隨著互聯(lián)網(wǎng)商務(wù)的越來越成熟，收費(fèi)的搜索引擎也開始大行其道。最典型的有overture當(dāng)

25、然也包括google的廣告項(xiàng)目googleadwords。越來越多的人通過搜索引擎的點(diǎn)擊廣告來定位商業(yè)網(wǎng)站，這里面化和排名的學(xué)問，你得學(xué)會用最少的廣告投入獲得最多的點(diǎn)擊。7、搜索引擎登錄網(wǎng)站做完了以后，別躺在那里等著客人從天而降。要讓別人找到你，最簡單的辦法就是將網(wǎng)站提交（submit）擎。如果你的是商業(yè)網(wǎng)站，主要的搜索引擎和目錄都會要求你付費(fèi)來獲得收錄（比如yahoo要299美元），但是好消少到目前為止）最大的搜索引擎google目前還是免費(fèi)，而且它主宰著60%以上的搜索市場。8、鏈接交換和鏈接廣泛度（linkpopularity）網(wǎng)頁內(nèi)容都是以超文本（hypertext）的方式來互相鏈接的

26、，網(wǎng)站之間也是如此。除了搜索引擎以外，人們也不同網(wǎng)站之間的鏈接來surfing（神浪”）。其它網(wǎng)站到你的網(wǎng)站的鏈接越多，你也就會獲得更多的訪問量。更重你的網(wǎng)站的外部鏈接數(shù)越多，會被搜索引擎認(rèn)為它的重要性越大，從而給你更高的排名。9、標(biāo)簽的合理使用7、我們知道可以以外鏈的方式引入css文件，請談?wù)勍怄溡隿ss有哪些方式，這些方式的性能有區(qū)別嗎。要說出css的引入方式，沒有什么難度，但要說到為什么使用不同的引入方式，就有些學(xué)問在里面了。css的引入方式最常用的有三種，第一：在head部分加入linkrel=stylesheettype=text/csshref=my.css/,引入外部的css文

27、件。這種方法可以說是現(xiàn)在占統(tǒng)治地位的引入方法。如同ie與瀏覽器。這也是最能體現(xiàn)css特點(diǎn)的方法；最能體現(xiàn)div+css中的內(nèi)容離的思想，也最易改版維護(hù)，代碼看起來也是最美觀的一種。第二：在head部分加入styletype=text/cssdiv(margin:0;padding:0;border:1pxredsolid;/style這種方法的使用情況要少的多，最長見得就是訪問量大的門戶網(wǎng)站?；蛘咴L問量較大的企業(yè)網(wǎng)站的首頁。與第一種方法比起來，優(yōu)弊端也明顯。優(yōu)點(diǎn)：速度快，所有的css控制都是針對本頁面標(biāo)簽的，沒有多余的CSS命令；再者不用外鏈CSS文件。直接在文檔中讀取樣式。缺點(diǎn)就是改版麻煩些

28、，單個(gè)頁面顯得臃腫，CSS不能被其他HTML引用造成代碼量相對較多，維護(hù)也麻煩些采用這種方法的公司大多有錢，對他們來說用戶量是關(guān)鍵，他們不缺人進(jìn)行復(fù)雜的維護(hù)工作。第三：直接在頁面的標(biāo)簽里加divstyle=border:1pxredsolid;測試信息/div這種方法現(xiàn)在用的很少，很多公司不了解前端技術(shù)的領(lǐng)導(dǎo)還對這種寫法很痛恨。認(rèn)為HTML里不能出現(xiàn)CSS命令。其實(shí)有時(shí)候沒有什么大不了。比如通用性差，效果特殊，使用CSS命令較少，并且不常改動(dòng)的地方，使用這種方法反而是很好的選擇。除了這三種常用的CSS引入方式，還有種很多人都沒有見過的引入方式styletype=text/cssimportur

29、l(my.css);/style這就是第四種引入方式。在IBM工作的時(shí)候，只能使用一種ajax框架，就是DOJO。而DOJO的css引用，就是采用了im式。這種情況非常少，主要用在css文件數(shù)量龐大的負(fù)責(zé)的系統(tǒng)中。另外important本身是一個(gè)css命令，是放在css文件里的link標(biāo)簽有很大的區(qū)別。8、csssprite是什么，談?wù)勥@個(gè)技術(shù)的優(yōu)缺點(diǎn)。加速的關(guān)鍵，不是降低重量，而是減少個(gè)數(shù)。傳統(tǒng)切圖講究精細(xì)，圖片規(guī)格越小越好，重量越小越好，其實(shí)規(guī)格大小無計(jì)算機(jī)統(tǒng)一都按byte計(jì)算?？蛻舳嗣匡@示一張圖片都會向服務(wù)器發(fā)送請求。所以，圖片越多請求次數(shù)越多，造成延遲的可越大。利用csssprites

30、能很好地減少了網(wǎng)頁的http請求，從而大大的提高了頁面的性能，這也是cssspri的優(yōu)點(diǎn)，也是其被廣泛傳播和應(yīng)用的主要原因；csssprites能減少圖片的字節(jié)，曾經(jīng)比較過多次3張圖片合并成1張圖片的字節(jié)總是小于這3張圖片的和。解決了網(wǎng)頁設(shè)計(jì)師在圖片命名上的困擾，只需對一張集合的圖片上命名就可以了，不需要對每一個(gè)小元素名，從而提高了網(wǎng)頁的制作效率。更換風(fēng)格方便，只需要在一張或少張圖片上修改圖片的顏色或樣式，整個(gè)網(wǎng)頁的風(fēng)格就可以改變。維護(hù)起方便。誠然csssprites是如此的強(qiáng)大，但是也存在一些不可忽視的缺點(diǎn)，如下：在圖片合并的時(shí)候，你要把多張圖片有序的合理的合并成一張圖片，還要留好足夠的空間，防止板塊內(nèi)不不必要的背景；這些還好，最痛苦的是在寬屏，高分辨率的屏幕下的自適應(yīng)頁面，你的圖片如果不夠?qū)?，很容背景斷裂；csssprites在開發(fā)的時(shí)候比較麻煩，你要通過photoshop或其他工具測量計(jì)算每一個(gè)背景單元的精確位是針線活，沒什么難度，但是很繁瑣；幸好騰訊的鬼哥用ria開發(fā)了一個(gè)csssprites樣式生成工具，雖然些使用上的不靈活，但是已經(jīng)比photoshop測量來的方便多了，而且樣式直接