WEB前端開發面試題集錦_第1頁
WEB前端開發面試題集錦_第2頁
WEB前端開發面試題集錦_第3頁
WEB前端開發面試題集錦_第4頁
WEB前端開發面試題集錦_第5頁
已閱讀5頁,還剩10頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、列舉你工作中遇到的IE6BUG,談談解決方案。3、如何用CSS分別單獨定義IE6、7、8的width屬性。所有瀏覽器通用height:100px;IE6專用_height:100px;IE6專用*height:100px;IE7專用*+height:100px;IE7、FF共用height:100px'important;4、CSS中哪些屬性可以同父元素繼承。繼承:(X)HTML元素可以從其父元素那里繼承部分CSS屬性,即使當前元素并沒有定義該屬性Color;font-size;5、你如何理解HTML結構的語意化。去掉或樣式丟失的時候能讓頁面呈現清晰的結構:html本身是沒有表現的,我們看到例如<h1>是粗體,字體大小2em,加粗;<strong>是加粗的,不要認為這是htm:這些其實html默認的css樣式在起作用,所以去掉或樣式丟失的時候能讓頁面呈現清晰的結構不是語義化的HTML點,但是瀏覽器都有有默認樣式,默認樣式的目的也是為了更好的表達html的語義,可以說瀏覽器的默認樣式和HTML結構是不可分割的。屏幕閱讀器(如果訪客有視障)會完全根據你的標記來“讀”你的網頁.例如,如果你使用的含語義的標記,屏幕閱讀器就會“逐個拼出”你的單詞,而不是試著去對它完整發音.PDA、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網頁(通常是因為這些設備對CSS的支持較弱)?使用語義標記可以確保這些設備以一種有意義的方式來渲染網頁.理想情況下,觀看設備的任務是符合設備本身的芻染網頁.語義標記為設備提供了所需的相關信息,就省去了你自己去考慮所有可能的顯示情況(包括現有的或者將來新的設危一部手機可以選擇使一段標記了標題的文字以粗體顯示.而掌上電腦可能會以比較大的字體來顯示.無論哪種方式-文本標記為標題,您就可以確信讀取設備將根據其自身的條件來合適地顯示頁面.搜索引擎的爬蟲也依賴于標記來確定上下文和各個關鍵字的權重.過去你可能還沒有考慮搜索引擎的爬蟲也是網站的“訪客”,但現在它們他們實際上是極其寶貴的用戶.沒有他們白引擎將無法索引你的網站,然后一般用戶將很難過來訪問.你的頁面是否對爬蟲容易理解非常重要,因為爬蟲很大程度上會忽略用于表現的標記,而只注重語義標記.因此,如果頁面文件的標題被標記,而不是,那么這個頁面在搜索結果的位置可能會比較靠后.除了提升易用性外,語利于正確使用CSS和JavaScript,因為其本身提供了許多“鉤鉤”來應用頁面的樣式與行為.SEO主要還是靠你網站的內容和外部鏈接的。(轉載請注明出處:WEB前端開發/)便于團隊開發和維護W3C給我們定了一個很好的標準,在團隊中大家都遵循這個標準,可以減少很多差異化的東西,方便開發和維護,效率,甚至實現模塊化開發。6、談談以前端角度出發做好SEO需要考慮什么。1、了解搜索引擎如何抓取網頁和如何索引網頁你需要知道一些搜索引擎的基本工作原理,各個搜索引擎之間的區別,搜索機器人(SErobot或叫webcra何進行工作,搜索引擎如何對搜索結果進行排序等等。2、Meta標簽優化主要包括主題(Title),網站描述(Description),和關鍵詞(Keywords)。還有一些其它的隱藏文字比如Au者),Category(目錄),Language(編碼語種)等。3、如何選取關鍵詞并在網頁中放置關鍵詞搜索就得用關鍵詞。關鍵詞分析和選擇是SEO最重要的工作之一。首先要給網站確定主關鍵詞(一般在5個上后針對這些關鍵詞進行優化,包括關鍵詞密度(Density),相關度(Relavancy),突出性(Prominency)等等。4、了解主要的搜索引擎雖然搜索引擎有很多,但是對網站流量起決定作用的就那么幾個。比如英文的主要有Google,Yahoo,Bing等有百度,搜狗,有道等。不同的搜索引擎對頁面的抓取和索引、排序的規則都不一樣。還要了解各搜索門戶和搜2的關系,比如AOL網頁搜索用的是Google的搜索技術,MSN用的是Bing的技術。5、主要的互聯網目錄OpenDirectory自身不是搜索引擎,而是一個大型的網站目錄,他和搜索引擎的主要區別是網站內容的收集7目錄是人工編輯的,主要收錄網站主頁;搜索引擎是自動收集的,除了主頁外還抓取大量的內容頁面。6、按點擊付費的搜索引擎搜索引擎也需要生存,隨著互聯網商務的越來越成熟,收費的搜索引擎也開始大行其道。最典型的有Overture當然也包括Google的廣告項目GoogleAdwords。越來越多的人通過搜索引擎的點擊廣告來定位商業網站,這里面化和排名的學問,你得學會用最少的廣告投入獲得最多的點擊。7、搜索引擎登錄網站做完了以后,別躺在那里等著客人從天而降。要讓別人找到你,最簡單的辦法就是將網站提交submit)擎。如果你的是商業網站,主要的搜索引擎和目錄都會要求你付費來獲得收錄(比如Yahoo要299美元),但是好消少到目前為止)最大的搜索引擎Google目前還是免費,而且它主宰著60%以上的搜索市場。8、鏈接交換和鏈接廣泛度(LinkPopularity)網頁內容都是以超文本(Hypertext)的方式來互相鏈接的,網站之間也是如此。除了搜索引擎以外,人們也不同網站之間的鏈接來Surfing(“沖浪”)。其它網站到你的網站的鏈接越多,你也就會獲得更多的訪問量。更首你的網站的外部鏈接數越多,會被搜索引擎認為它的重要性越大,從而給你更高的排名。9、標簽的合理使用7、我們知道可以以外鏈的方式引入CSS文件,請談談外鏈引入CSS有哪些方式,這些方式的性能有區別嗎。要說出CSS的引入方式,沒有什么難度,但要說到為什么使用不同的引入方式,就有些學問在里面了。CSS的引入方式最常用的有三種,第一:在head部分加入<linkrel="stylesheet"type="text/css"href="my.css"/>5[入外部的CSS文件。這種方法可以說是現在占統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法;最能體現DIV+CSS中的內彳離的思想,也最易改版維護,代碼看起來也是最美觀的一種。第二:在head部分加入<styletype="text/css">div{margin:0;padding:0;border:1pxredsolid;}</style>這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來,1弊端也明顯。優點:速度快,所有的CSS控制都是針對本頁面標簽的,沒有多余的css命令;再者不用外鏈CSS文件。直接:文檔中讀取樣式。缺點就是改版麻煩些,單個頁面顯得臃腫,CSS不能被其他HTML引用造成代碼量相對較多,維護也麻煩J采用這種方法的公司大多有錢,對他們來說用戶量是關鍵,他們不缺人進行復雜的維護工作。第三:直接在頁面的標簽里加<divstyle="border:1pxredsolid;">^D試信息</div>這種方法現在用的很少,很多公司不了解前端技術的領導還對這種寫法很痛恨。認為HTML里不能出現CSS命令。其實有時4沒有什么大不了。比如通用性差,效果特殊,使用CSS命令較少,并且不常改動的地方,使用這種方法反而是很好的選擇。除了這三種常用的CSS引入方式,還有種很多人都沒有見過的引入方式<styletype="text/css">@importurl(my.css);</style>這就是第四種引入方式。在IBMH作的時候,只能使用一種Ajax框架,就是DOJO。而DOJO的CSS引用,就是采用了@1式。這種情況非常少,主要用在CSS文件數量龐大的負責的系統中。另外@important本身是一個CSS命令,是放在CSS文件里的LINK標簽有很大的區別。8、CSSSprite是什么,談談這個技術的優缺點。CSSSprites在國內很多人叫css精靈,是一種網頁圖片應用處理方式。它允許你將一個頁面涉及到的所有零星圖片都包含到中去,這樣一來,當訪問該頁面時,載入的圖片就不會像以前那樣一幅一幅地慢慢顯示出來了。對于當前網絡流行的速度高于200KB的單張圖片的所需載入時間基本是差不多的,所以無需顧忌這個問題。加速的關鍵,不是降低重量,而是減少個數。傳統切圖講究精細,圖片規格越小越好,重量越小越好,其實規格大小無計算機統一都按byte計算。客戶端每顯示一張圖片都會向服務器發送請求。所以,圖片越多請求次數越多,造成延遲的可越大。CSSSprites優缺點利用CSSSprites能很好地減少了網頁的http請求,從而大大的提高了頁面的性能,這也是CSSSpri的優點,也是其被廣泛傳播和應用的主要原因;CSSSprites能減少圖片的字節,曾經比較過多次3張圖片合并成1張圖片的字節總是小于這3張圖片E和。解決了網頁設計師在圖片命名上的困擾,只需對一張集合的圖片上命名就可以了,不需要對每一個小元素名,從而提高了網頁的制作效率。更換風格方便,只需要在一張或少張圖片上修改圖片的顏色或樣式,整個網頁的風格就可以改變。維護起方便。誠然CSSSprites是如此的強大,但是也存在一些不可忽視的缺點,如下:在圖片合并的時候,你要把多張圖片有序的合理的合并成一張圖片,還要留好足夠的空間,防止板塊內不不必要的背景;這些還好,最痛苦的是在寬屏,高分辨率的屏幕下的自適應頁面,你的圖片如果不夠寬,很容背景斷裂;CSSSprites在開發的時候比較麻煩,你要通過photoshop或其他工具測量計算每一個背景單元的精確位是針線活,沒什么難度,但是很繁瑣;幸好騰訊的鬼哥用RIA開發了一個CSSSprites樣式生成工具,雖然些使用上的不靈活,但是已經比photoshop測量來的方便多了,而且樣式直接生成,復制,拷貝就OK!CSSSprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合并的圖片,無需改的好不要動,這樣避免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加圖片,這樣圖片的字加了,還要改動css。CSSSprites非常值得學習和應用,特別是頁面有一堆ico(圖標)。總之很多時候大家要權衡一下再決定是不是應用CSSSprites。9、以CSS3標準定義一個webkit內核瀏覽器識別的圓角(尺寸隨意)-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;10、有這么一段HTML,請挑毛病:<P>哥寫的不是HTML,是寂寞。<br><br>我說:<br>不要迷戀哥,哥只是一個傳說缺少p標記的結束標記。Doctype?嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義?Doctype聲明位于文檔中的最前面的位置,處于標簽之前。此標簽可告知瀏覽器文檔使用哪種HTML或XHTML規范。該標簽可聲明三種DTD類型,格版本、過渡版本以及基于框架的HTML文檔。當瀏覽器廠商開始創建與標準兼容的瀏覽器時,他們希望確保向后兼容性。為了實現這一點,他們創建了兩種呈現模式:標準模式和混雜模式(quirks標準模式中,瀏覽器根據規范呈現頁面;在混雜模式中,頁面以一種比較寬松的向后兼容的方式顯示。混雜模式通常模擬老式瀏覽器(比如MicrosoftIE4Navigator4)的行為以防止老站點無法工作。瀏覽器根據DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現方法。如果XHTML文檔包含形式完整的DOCTYPE,那么它一般以標準模.于HTML4.01文檔,包含嚴格DTD的DOCTYPE常常導致頁面以標準模式呈現。包含過渡DTD和URI的DOCTYPE也導致頁面以標準模式呈現,但DTD而沒有URI會導致頁面以混雜模式呈現。DOCTYPE不存在或形式不正確會導致HTML和XHTML文檔以混雜模式呈現。2:行內元素有哪些?塊級元素有哪些?CSS的盒模型?彳亍內元素有:abspanIbemimginputselectstrong級元素有:divulollidldtddh1h2h3h4???p盒模型:marginborderpaddingwidthCSS引入的方式有哪些?link和@import的區別是?td,p(color:#c00;font-size:12px;}--></STYLE>使用STYLE屬性將STYLE屬性直接加在個別的元件標簽里,〈元件(標簽)STYLE="性質(屬性)1:設定值1;性質(屬性)2:設定值2;...}使用<span></span>標記引入樣式<spanstyle="font:12px/20px#000000;"></span>兩者區別:加載順序的差別。當一個頁面被加載的時候,link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。以在css中再次引入其他樣式表,比如可以創建一個主樣式表,在主樣式表中再引入其他的樣式表,如:main.css@import"sub1.css"@import"sub2.css"這樣做有一個缺點,會對網站服務器產生過多的HTTP請求,以前是一個文件,而現在卻是兩個或更多文件了,服務器的壓力增大,瀏覽量大的網站還CSS選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?內聯和important哪個優先級高?5:前端頁面有哪三層構成,分別是什么?作用是什么?網頁分成三個層次,即:結構層、表示層、行為層。網頁的結構層(structurallayer)由HTML或XHTML之類的標記語言負責創建。標簽,也就是那些出現在尖括號里的單詞,對網頁內容的語義含義做出這些標簽不包含任何關于如何顯示有關內容的信息。例如,P標簽表達了這樣一種語義:“這是一個文本段。”網頁的表示層(presentationlayer)由CSS負責創建。CSS對“如何顯示有關內容”的問題做出了回答。網頁的行為層(behaviorlayer)負責回答“內容應該如何對事件做出反應”這一問題。這是Javascript語言和DOM主宰的領域。6:css的基本語句構成是?8:你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?經常遇到的瀏覽器的兼容性有哪些?怎么會出方法是什么?IE可梭瀏都.器I360.幽游,怛如III.說X曲MillTT1:=IE?勺榛用I覽熱1iref<ji(rtir^mei.擾!>誠雙仰虹■詢司甌土輯;I」」H頑附網Ad皋叫時4的;3都最簡早的解吏方毯就足.1Edisplay!nlins:JjD割C66JI而圭.鹽丈字布身的入小不我奔.同tf足fg革:14蹲鼻束體直字,在不問瀏覽舞下占的空間呈不一#的,■c卜坤郝占高iflpx.下圖U鄒隊If下實跖|「彌1中虬I俯白下囹「郭*,apmltiLU^麻T,解汽方案『給文字置能in^teyil-硬保所有文字卻有戴認的linq-lieight值.地點.撮常駐.詢履I?.在們不艷容霰Ipx的電導.3一位下客fiS囊度旭定,MSei^XT醐*邊框的外肥就尚定了,小會被向暮就尤而屆1-1會裁心容抻文,暮即一5i_.L情-岬財虺#';部洋國l■?.瑚0比-1.祉■[』泠內芹庠城芹岑呵理,稀EIjfJ-如I!floal咨器I、匯g&f11':勺容如山,1廊律JI瞽牌Y度,icF則函'泌庵內容新《..W阿FmJH扭讖即T的辱麝需要宣SLwkith..5卑功的詁政rrw藺點浮動卷Mi.皿£inmorrnarginbug,?%舟-Z土卓也hfinal/景HJ,<■-土祐素如隹,七margin-top-14px.制1.-小:成efirgin-tkollnm;1-1pypadding也如K觀類岫』,鼠司;'l.ifi6|-伍」持產.,凌茂bug出現時V一血敬為.V.■.!■.上4只呈H通現條fl,匝漫泵統琵刑,牌袂方慕外M元素設拒twrtfer或iSi-£flaal7.吾吃斐孔迅叩篇船那3M%J「「-逐」酣,I卜網■個W,I.而的仙設晝首玨叫發現下面限山世宜廿我前曲也打」P思姑晚是吞吃觀虹財■『..I用的丫岸為電觀氧迎山澳可卜'電樞林伊側軋臘廿脊盡PIUIIzmiii:i.遙個znarn爵家足削說?缺削bu」i了IFJ“fl沌祥回1打岫出切倡.哭呈菌k息結這個s口俚.用物W案,*前這,、也T.大瑜會在頁而看到皓字出現西避,黛翼的內容量田注釋的寥少而囊口陽快方星,用**<1-[ilIIE卜picRotatestart/店;]-^"A法圣勇瘁.土dh'>'p.'llII響叫M1澳斗湖,悚手的董咨H;遍,布村;I)犬小止祝,tftli",淄售悸公“木同間悅料鈾果,懵下的牌牌酒邛!帆iaG下的蟀釋會讓的:摸即看囊毗巾『何晅的質余性,?另擔一支專門埒*避伺S(ulff用心褊*一文里有相美旦果,卻沒皓tHi即時髀我的過近-id』eo下的窗白.科縻方室:iAimgtft定dlqilayMocko||XiInunaigH.tdiuslylc=,'lino-rioigH^Dpx''>dmfll^j.it!遇旭.r'lisG,卜甲汀』字linNwi/it效果甫失了...?!91同呈習Eg成i個inliniMk元素和inlirke元素可在一卸丁.解視佻;lmgH」立?字Smat起讓,外援的ficn回狀悉■HhogI響回5卜:30口網「做「恩讓散楊mvar時,鏈板里■&舍的圖片況鹿變ft.hI^/LIWK互魁I扒tf卜配虹非遂授的Iww恭玄-dlHimrg速符的殲我y是不認的,擊IM、If下才吉強孩io'|-qVBiflowhidden同]!一卜目絕"底posilior:atasdwc甌?HIIX-J.'>:positionifttaJdvB無魅?g.方熟overflowhiddenGilposiiion;r^livej!li$positior-absolLto>j.iet:Z-.}oue-rflow-xiiiLioverlow-yiiJl'i^l,i&7.ff爪戔拓.MF產茸的twflin(Hd元素如沒本文的度」內祁如甫div*正義Tmight域w(Mn;L揪個故典了?I'iSi-ffifj,叩側知'蛔1響無盤切果十擔禮岫史發筮余的容器,孔妾的個項度的1成婭下的Byg.倦對定世的div下包蜜裙對定位盼同匝如果浩內隹相H定位的diu高度幅嶺更具體血肉M相則尾將具有100蝠兩福dlh^,外#朗荊層再被掉大.解決方集祭內M相則是Am*屬性.17.iiafiTEAbugI〈headsMiB毗《i*h<basctaigcl=,'_bank"pastieirrGlalvcl-ih'llaaBt史宇;無丸拓e.IS.丹于系丁個ft的現土widlZIOO祐d普樂西在甬里用很方IE-金向上讒跋宋widlh值.篷購叫妃ii琳”i言拽配.?挎?虹結kH比只噂啊恥偵村浮蜘出:i鋼M;1W%才代融「即計-匠E祖』偵」■」0如何居中一個浮動元素?設置容器的浮動方式為相對定位,然后確定容器的寬高,比如寬500高300的層,然后設置層的外邊距。div{Width:500px;height:300px;Margin:-150px00-250px;position:relative;left:50%;top:50%;}有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況!HTML5標簽的改變:<header>,<footer>,<dialog>,<aside>,<figure>,<section>等IE9以上開始支持CSS3實現圓角,陰影,對文字加特效,增加了更多的CSS選擇器。你怎么來實現下面這個設計圖,主要講述思路(效果圖省略)13:如果讓你來制作一個訪問量很高的大型網站,你會如何來管理所有CSS文件、JS與圖片?14:你對前端界面工程師這個職位是怎么樣理解的?它的前景會怎么樣?[Javascript]1:js是什么,js和html的開發如何結合?怎樣添加、移除、移動、復制、創建和查找節點怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別面向對象編程:b怎么繼承a看看下面alert的結果是什么viewsourceprint?1.functionb(x,y,a)(.arguments[2]=10;.alert(a);}b(1,2,3);如果函數體改成下面,結果又會是什么?a=10;alert(arguments[2]);請編寫一個JavaScript函數parseQueryString,它的用途是把URL參數解析為一個對象varobj=parseQueryString(url);alert(obj.key0)//輸出0ajax是什么?ajax的交互模型?同步和異步的區別?如何解決跨域問題?什么是閉包?下面這個ul,如何點擊每一列的時候alert其index?<ulid=”test”><li>這是第一條</li><li>這是第二條</li><li>這是第三條</li></ul>最近看的一篇Javascript的文章是?常使用的庫有哪些?常用的前端開發工具?開發過什么應用或組件?說說YSlow(可以詳細一點)Class可繼承CSS選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?內聯和important哪個優先級高?回答:]CLASS偽類A標簽可以繼承列表ULLIDLDDDT可繼承優先級就近原則,樣式定義最近者為準載入樣式以最后載入的定位為準優先級為'important>[id>class>tag]Important比內聯優先級高5:前端頁面有哪三層構成,分別是什么?作用是什么?回答:結構層,表現層,定義層;6:css的基本語句構成是?回答:選擇器、屬性和屬性值。8:你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?經常遇到的瀏覽器的兼容性有哪些?怎么解決方法是什么?回答:涉及到效率一般就在IEtextfirefox3.5軟件上測試模擬IE6IE7IE8內核是IE7的瀏覽器PNG8格式背景圖透明JS報錯,瀏覽器本身的兼容問題有些電腦IE7IE6下正常,有些提示錯誤9.如何居中一個浮動元素?回答:設置容器的浮動方式為相對定位然后確定容器的寬高比如寬500高300的層然后設置層的外邊距.Div(Width:500px;height:300px;Margin:-150px00-250px;position:absolute;left:50%;top:50%;}有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況!回答:HTML5沒有關注CSS3有關注比如對多背景圖圓角投影等樣式的關注13:如果讓你來制作一個訪問量很高的大型網站,你會如何來管理所有CSS文件、JS與圖片?回答:涉及到人手、分工、同步;先期團隊必須確定好全局樣式(globe.css),編碼模式(utf-8)等編寫習慣必須一致(例如都是采用繼承式的寫法,單樣式都寫成一行);標注樣式編寫人,各模塊都及時標注(標注關鍵樣式調用的地方);頁面進行標注(例如頁面模塊開始和結束);CSS跟HTML分文件夾并行存放,命名都得統一(例如style.css)JS分文件夾存放命民以該JS功能為準英文翻譯;圖片采用整合的images.pngpng8格式文件使用盡量整合在一起使用方便將來的管理14:你對前端界面工程師這個職位是怎么樣理解的?它的前景會怎么樣?是策劃UI設計需要轉換成程序可實施中的必須的中間環節,這個環節直接關系到頁面的正確高效穩定還原策設計的效果,同時為程序套接做好程序表現基礎載體。這個工作的前景,只能是深造技術流的,模塊化管理,新白更新,對于向后兼容思維的逐步放棄,比如真的淘汰掉IE6后,向前的空間還是有的。前端開發工程師的前景是非碧現在各大IT企業都在招聘這方面的人才。WEB2.0的普及會更加促進本行業本工種的繁榮。一、填空題(40分)1、目前常用的WEB標準靜態頁面語言是。(4分)html2、改變元素的外邊距用,改變元素的內填充用。(6分)marginpadding3、在Table中,TR是,TD是。(6分)行列4、如果給一行兩列的表格(table)定義高度樣式,在標簽中定義最合理,最能減少代碼的臃腫。(5分式也有說tr5、對ulli的樣式設成無,應該是用什么屬性。(6分)list-styl-type:none;6、在新窗口打開鏈接的方法是。(4分)target=_bank7、Color:#666666;可縮寫為。(2分)color:#6668、合理的頁面布局中常聽過結構與表現分離,那么結構是,表現是。(9分)divcss二、選擇題(20分)11、列舉常用的瀏覽器類型以及他們使用的內核還有對應的調試工具常用的有IE(6,7,8,9,10,FF,chrome)IE常用的調試工具有lEWebDeveloper(IE9默認有安裝)Firefox大家估計用的最多。firefoxchrome(內核webkit)自帶的有google開發的內置調試工具。三者內核各不相同。其它還有opera,遨游,世界之窗等;chrome內核跑的比較快,安全。Firefox做調試是最棒的。4、html5和css3有什么新特性html5強化了Web網頁的表現性能,^口:navheadersectioncanvas等,語義化更強css3新特性有陰影特效,圓角處理等,都是非常不錯的效果;5、說出其他瀏覽器和IE瀏覽器在頁面元素引用有什么區別?這個和內核有關系,及是否w3c來定制,不同瀏覽器渲染結果不同。目前國內還有大部份使用IE6,常常web在制作的時候碰到兼容性的問題:如:display-block,padding,margin等盒子模型比較多。還有不同的字間距等產生的問題;常用解決的方法:IE6:_xxx:(}IE7:*等處理不IE和其它不同瀏覽器間的差異;4、請選擇對javascript理解有誤的:()javascript是網景公司開發的一種基于事件和驅動網頁腳本語言JScript是javascript的簡稱FireFox和IE存在大量兼容性問題的主要原因在于他們對javascript的支持不同上AJAX技術一定要使用javascript技術TOC\o"1-5"\h\z5、在Jquery中下面哪一個是用來追加到指定元素的末尾的?()A、insertAfter()B、append()C、appendTo()D、after()6、在javascript中定義變量vara=〃35〃,varb=〃7〃運算a%b的結果為()A、357B、57C、0D、57、下面哪種不屬于jquery的篩選?()A、過濾B、自動C、查找D、串聯8、有這樣一個表單元素,想要找到這個hidden元素,下面哪個是正確的?()A、visibleB、hiddenC、visible()D、overflow9、下面哪個屬于javascript的布爾型()A、1.2B、“true"C、falseD、null10、onload事件是window的事件,但是在HTML中指定事件處理程序的時候,我們是把它寫在()標記中的。A、<body>B、<head>C、<form>D、<script>11、請選擇結果為真的表達式:()A、nullinstanceofObjectB、null===undefinedC、C.null==undefinedD、NaN==NaN12、下列哪個對象是用來代表特定的窗口URL信息()A、locationB、historyC、formD、frame13、()是一個可以執行的JavaScript代碼段。A、對象B、方法C、事件D、函數14、在window窗口對象中,()使焦點從窗口移走,窗口變為''非活動窗口〃。A、focus()B、blur()C、password()D、check()TOC\o"1-5"\h\z15、下面哪個屬于javascript的字符型()A、falseB、你好C、''123〃D、null16、下列運算方式不屬于邏輯運算的是()A、!aB、a&&bC、aIIbD、a>b17、關于變量的聲明,下列選項闡述不正確的是()A、變量聲明時,所有類型均由小寫var聲明,如varname=“張勇〃sex=“女生〃B、可以以字母、下劃線或者數字開頭C、變量名區分大小寫D、變量名不能是Javascript的保留字18、()指瀏覽器的瀏覽歷史對象A、historyB、locationC、windowD、protocol19、JavaScript是一種基于()的安全腳本語言。A、對象B、方法C、事件D、對象和事件驅動HTTP協議的狀態消息都有哪些?(如200、302對應的描述)AJAX是什么?AJAX的交互模型(流程)?AJAX跨域的解決辦法?同步和異步的區別?簡述JavaScript封裝。5.JavaScript繼承有哪兩種形式形式,進行描述。什么是閉包?以下代碼點擊<p>會輸出什么?為什么?能大概說明白的話繼續問能想出幾種解決辦法。<!DOCTYPEHTML><html><head><metacharset="utf-8"/><title>閉包演示</title><styletype="text/css">p{background:gold;}</style><scripttype="text/javascript">functioninit(){varpAry=document.getElementsByTagName("p");for(vari=0;i<pAry.length;i++){pAry[i].onclick=function(){alert(i);}}}</script></head><bodyonload="init();"><p>產品0</p><p>產品1</p><p>產品2</p><p>產品3</p><p>產品4</p></body></html>7.在JS中this關鍵字的使用場合和用法(如在構造函數中、setTimeout中等)。簡述下cookie的操作,還有cookie的屬性都知道哪些。IE與FF的JS兼容性都知道哪些。10.DOM操作-怎樣添加、移除、移動、復制、創建和查找節點(這個問題真心是基礎題,一般不會問)。jQuery相關jQuery源碼是否嘗試去讀過?說說基本的架構或者jQuery.fn.init中都做了哪些判斷。都知道哪些不好的jQuery書寫方式。Sizzle是否有讀過?其它相關的加分項:都使用和了解過哪些編輯器?都使用和了解過哪些日常工具?都知道有哪些瀏覽器內核?開發過的項目都兼容哪些瀏覽器?國內外的JS牛人都知道哪些?瀑布流布局或者流式布局是否有了解4.正則表達式有系統學習過嗎(看書或網上教程)?有的話就問問

簡單點的郵箱驗證、URL驗證,或者問問貪婪匹配與懶惰匹配的理論知識。Node.js是否有過嘗試?到什么程度?說說個人理解的看法?HTML5都有哪些新的JSAPI?前端優化知識都知道哪些?基礎算法題(如快速排序,能否一兩句說說重要的核心原理或者數組消重等)。是否有接觸過或者了解過重構。1、javascript的數據類型不包括(a)A.漢字型B.數值型2、以下哪條語句不能創建對象:(A.varobj=();B.varobj=[];C.對象型)C.varobj={};D.布爾型D.varobj=//;3、javascript的單行注釋方式(c)A.{}B.<!-->C.//20、關于下列運算符與表達式敘述不正確的是()D./*****/A、delete是用來刪除對象、屬性、數組、變量,刪除成功返回true,刪除失敗返回falseB、typeof是用來判斷操作數類型C、this代表當前對象,因此在不同的地方就有不同的結果D、new能用來聲明變量,并給變量賦值21、寫"HelloWorld"的正確Javascript語法是()A、("HelloWorld")B、"HelloWorld"C、response.write("HelloWorld")D、document.write("HelloWorld")TOC\o"1-5"\h\z22、如何在警告框中寫入"HelloWorld"?()A、alertBox="HelloWorld"B、msgBox("HelloWorld”)C、alert("HelloWorld”)D、alertBox("HelloWorld”)23、如何創建函數()A、function:myFunction()B、functionmyFunction()C、function=myFunction()24、如何調用名為"myFunction"的函數()A、callfunctionmyFunctionB、callmyFunction()C、myFunction()25、如何編寫當i等于5時執行一些語句的條件語句?()A、if(i==5)B、ifi=5thenC、ifi=5D、ifi==5then26、jQuery中如果需要匹配包含文本的元素,用下面哪種來實現?()A、text()B、contains()C、input()D、attr(name)27、在JavaScript中,有多少種不同類型的循環()A、兩種。for循環和while循環。B、三種。for循環、while循環、do...while。C、一種。for循環。28、for循環如何開始()A、if(i!=5)B、for(i<=5;i++)C、for(i=0;i<=5;i++)D、fori=1to529、定義JavaScript數組的正確方法是()A、vartxt=newArray="George”,"John”,"Thomas”B、vartxt=newArray(1:"George”,2:"John”,3:"Thomas")C、vartxt=newArray("George”,"John”,"Thomas")D、vartxt=newArray:1=("George")2=("John")3=("Thomas")30、如何把7.25四舍五入為最接近的整數()A、round(7.25)B、rnd(7.25)C、Math.rnd(7.25)D、Math.round(7.25)31、如何求得2和4中最大的數?()A、Math.ceil(2,4)B、Math.max(2,4)C、ceil(2,4)D、top(2,4)32、在jquey中,如果想要從DOM中刪除所有匹配的元素,下面哪一個是正確的?()A、delete()B、empty()C、remove()D、removeAll()33、如何在瀏覽器的狀態欄放入一條消息()A、statusbar="putyourmessagehere"B、window.status="putyourmessagehere"C、window.status("putyourmessagehere")D、status("putyourmessagehere")TOC\o"1-5"\h

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論