本課程專屬大禮包10html面試題

面試寶典 img的alt與title有何異同？strong與em的異同 在css/js代碼上線之后開發(fā)人員經(jīng)常會(huì)優(yōu)化性能，從用戶刷新網(wǎng)頁開始，一次js請(qǐng) px和em的區(qū)別 CSS中l(wèi)ink和@import的區(qū)別是 BFC是什么 IE的雙邊距BUG：塊級(jí)元素float后設(shè)置橫向margin，ie6顯示的margin比設(shè)置的較大 HTML與XHTML——二者有什么區(qū)別 CSS選擇符有哪些？哪些屬性可以繼承？優(yōu)先級(jí)算法如何計(jì)算？CSS3新增偽類有那些 什么，常用hack的技巧 列出disy的值，說明他們的作用。position的值，relative和absolute定位原點(diǎn) b和strong,i和em的區(qū)別 split()、join()的區(qū) IE和DOM流的區(qū) call和apply的區(qū) b繼承a的方 添加刪除替換插入到某個(gè)接點(diǎn)的方 window.onload IDInput輸入框，希望獲取這個(gè)輸入框的輸入值，怎么做？(框架 設(shè)置一個(gè)已知ID的DIV的html內(nèi)容為xxxx，字體顏色設(shè)置為黑色(不使用第框架)49 已知數(shù)組varstringArray=[“This”,“is”,“Baidu”,“Campus”]，AlertThisisBaiduCampus” varnumberArray=[3,6,2,4,1,5];（基礎(chǔ) 替換成替換成Tony（使用正則表達(dá)式 有這樣一個(gè)URL：http 式返回到一個(gè)json結(jié)構(gòu)中，如{a:’1′,b:’2′,c:”,d:’xxx’,e:undefined}。58正則表達(dá)式構(gòu)造函數(shù)varreg=newRegExp(“xxx”)與正則表達(dá)字面量varreg=//有什 Javascript中,以下哪條語句一定會(huì)產(chǎn)生運(yùn)行錯(cuò)誤 答案 B 以下兩個(gè)變量a和b，a+b的哪個(gè)結(jié)果是 答案 vara=10;b=20; ++b+c+a++以下哪個(gè)結(jié)果是正確的？答案 下面的JavaScript語句中（D實(shí)現(xiàn)檢索當(dāng)前頁面中的表單元素中的所有文本框， Javascript中,如果已知HTML頁面中的某對(duì)象的id=”username”， typeofjavascript 寫出簡(jiǎn)單描述html（不帶屬性的開始和結(jié)束）的正則表達(dá)式，并將以下字符串中的html去除掉 列舉瀏覽器對(duì)象模型BOM里常用的至少4個(gè)對(duì)象，并列舉window對(duì)象的常用方法至少5 簡(jiǎn)述列舉文檔對(duì)象模型DOM里 的常用的查找節(jié)點(diǎn)的方法并做簡(jiǎn)單說 請(qǐng)你談 documen.write和innerHTML的區(qū)別 字符串反轉(zhuǎn)，如將 '變成 將數(shù) 轉(zhuǎn)化成RMB形式如： 、javascript中的回收機(jī)制 a輸出多少 JS的繼承 精度問題:JS精度不能精確到0.1所以。。。。同時(shí)存在于值和差值 請(qǐng)問代碼實(shí)現(xiàn) JS中的簡(jiǎn)單繼承call方法 使用js實(shí)現(xiàn)這樣的效果：在文本域里輸入文字時(shí)，當(dāng)按下enter鍵時(shí)不換行，而 以下代碼中end字符串什么時(shí)候輸 請(qǐng)將一個(gè)URL的search部分參數(shù)與值轉(zhuǎn)換成一個(gè)json對(duì) 、簡(jiǎn)述readyonly與disabled的區(qū) 寫出3個(gè)使用this的典型應(yīng) 實(shí)現(xiàn)滿足這個(gè)結(jié)果的modulo函 HTTP協(xié)議中，GET和POST有什么區(qū)別？分別適用什么場(chǎng)景 HTTP狀態(tài)消息200302304403404500分別表示什 協(xié)議中， 信息里面，怎么控制頁面失效時(shí) 列舉常用的web頁面開發(fā)，調(diào)試以及優(yōu)化工 解釋什么是sql注入，xss 環(huán)—已知n個(gè)人（以編號(hào)1，2，3…分別表示）圍坐在一張圓桌周圍。從編號(hào)為k的人開始報(bào)數(shù)，數(shù)到m的那個(gè)人出列；他的下一個(gè)人又從1開始報(bào)數(shù)，數(shù)到 110w10w2個(gè)并打亂次序，如何找出那兩個(gè)數(shù)？ 有下面這樣一段HTML結(jié)構(gòu)，使用css實(shí)現(xiàn)這樣的效果 下面正確的是 錯(cuò)誤的是 console.log(8|1);輸出值是多少 只允許使用+-*/和Math.*，求一個(gè)函數(shù)y=f(x,a,b);當(dāng)x>100時(shí)返回a的值，否則返回b的值，不能使用ifelse等條件語句，也不能使用|,?:,數(shù)組。 理 一個(gè)div，有幾種方式得到這個(gè)div的jQuery對(duì)象？<divclass='aabbcc'id='nodesView'></div>想直接獲取這個(gè)div的dom對(duì)象，如何獲??？dom對(duì)象如何轉(zhuǎn)化 jQuery框架中$.ajax()的常用參數(shù)有哪些？寫一個(gè)post請(qǐng)求并帶有發(fā)送數(shù)據(jù)和返回 列出3條以上ff和IE的兼容問 107108列舉瀏覽器對(duì)象模型BOM里常用的至少4個(gè)對(duì)象，并列舉window對(duì)象的常用方法至少5個(gè)（10分 140011-21中，有、、、這四個(gè)自然數(shù)有5個(gè) 刪除與某個(gè)字符相鄰且相同的字符，比如fdaffdaaklfjklja字符串處理之后成為 替換成替換成Tony（使用正則表達(dá)式 給String對(duì)象添加一個(gè)方法，傳入一個(gè)string類型的參數(shù)，然后將string的每個(gè)字 oworld”)//->‘hello?world’ 第2題 第3題 第4題 第5題 第6題 第7題 第8題 第9題 第10題 第12題 第13題 第14題 第15 三、HTML5 html5有哪些新特性移除了那些元素？如何處理HTML5新的瀏覽器兼容問題？如何區(qū)分HTML和 本地（LocalStorage）和s（在用戶本地終端上的數(shù)據(jù)）之間的區(qū)別 新的HTML5文檔類型和字符集是 HTML5Canvas元素有什么用 HTML5類型有什么區(qū)別 html5\CSS3有哪些新特性移除了那些元素？如何處理HTML5新的瀏覽器兼容問題？如何區(qū)分HTML和 你怎么來實(shí)現(xiàn)頁面設(shè)計(jì)圖，你認(rèn)為前端應(yīng)該如何高質(zhì)量完成工作?一個(gè)滿屏品字布局如何設(shè)計(jì) CDN緩存更方 如何在HTML5頁面中嵌入音頻 <audio 如何在HTML5頁面中嵌入 HTML5引入什么新的表單屬性 html5有哪些新特性、移除了那些元素？如何處理HTML5新的瀏覽器兼容問題？如何區(qū)分HTML和 HTML5的離線 寫出HTML5的文檔方 HTML5和CSS3的新 2、Zepto庫和JQ區(qū) 五、 1、Ajax是什么?如何創(chuàng)建一個(gè) 5、簡(jiǎn)述ajax的過程 7、請(qǐng)解釋一下JavaScript的同源策略 9、ajax是什么?ajax的交互模型?同步和異步的區(qū)別?如何解決跨域問題 10、Ajax的最大的特點(diǎn)是什么 12、ajax請(qǐng)求的時(shí)候get和post方式的區(qū) 16URL到頁面加載顯示完成，這個(gè)過程中都發(fā)生了什么？17、ajax請(qǐng)求的時(shí)候get和post方式的區(qū) 3BDD,TDD,UnitTest(mocha,sinon,jasmin, 5、簡(jiǎn)述一下Handlebars的基本用法 10cloneJavaScript5種主要的數(shù)據(jù)類型（包括Number、 16、給String對(duì)象添加一個(gè)方法，傳入一個(gè)string類型的參數(shù)，然后將string的每個(gè)字 20、原生JS的window.onload與Jquery的$().ready(function(){})有什么不同？如何用原生JS實(shí)現(xiàn)Jq的ready方法 24、Javascript作用鏈域 25、談?wù)凾his對(duì)象的理解 26、eval是做什么的 27、關(guān)于，IE與火狐的機(jī)制有什么區(qū)別？如何冒泡 29、javascript代碼中的"usestrict";是什么意思?使用它區(qū)別是什么 33、Javascript中，有一個(gè)函數(shù)，執(zhí)行時(shí)對(duì)象查找時(shí)，不會(huì)去查找原型，這個(gè)函數(shù)是 37、AMD（Modules/Asynchronous-Definition）、CMD（CommonModuleDefinition）規(guī) 38、requireJS的原理是什么？（如何動(dòng)態(tài)加載的？如何避免多次加載的？如何緩存的 41、ECMAScript6怎么寫class么，為什么會(huì)出現(xiàn)class這種東西 45、call()和.apply()的含義和區(qū)別 Array.concat()連接數(shù) 47、JS怎么實(shí)現(xiàn)一個(gè)類。怎么實(shí)例化這個(gè) 52、javascript繼承的6種方法 54、JavaScript原型，原型鏈?有什么特點(diǎn) 63、添加刪除替換插入到某個(gè)接點(diǎn)的方法 fn1setIntervlsetIntervl 72、JavaScript原型，原型鏈?有什么特點(diǎn) 78、JSON的了 84、Jquery與jQueryUI有啥區(qū)別 85、jquery中如何將數(shù)組轉(zhuǎn)化為json字符串，然后再轉(zhuǎn)化回來 89、一個(gè)頁面從輸入U(xiǎn)RL到頁面加載顯示完成，這個(gè)過程中都發(fā)生了什么？（流程說 5、jquery.extend與jquery.fn.extend的區(qū)別 Jquery.extend用來擴(kuò)展jQuery對(duì)象本身；jquery.fn.extend用來擴(kuò)展jQuery實(shí) 10、Jquery與jQueryUI有啥區(qū)別 12、針對(duì)jQuery的優(yōu)化方法 )么?能講出 15、Underscore對(duì)哪些JS原生對(duì)象進(jìn)行了擴(kuò)展以及提供了哪些好用的函數(shù)方法？180 對(duì)Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法 ,, 解釋一下Backbone的MVC實(shí)現(xiàn)方式 ”?“對(duì)Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法 對(duì)BFC規(guī)范的理解 你說你熱愛前端，那么應(yīng)該WEB行業(yè)的發(fā)展很關(guān)注吧？說說最近最流行的一些東西吧 區(qū)別 php中rmdir可以直接刪除文件夾嗎？該必須是空的，而且要有相應(yīng)的權(quán)限--來自 phpinset和empty的區(qū)別，舉例說 寫一個(gè)php函數(shù)，要求兩個(gè)日期字符串的天數(shù)差，如2012-02-05~2012-03-06的日 一、HTML你做的頁面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么IE:trident內(nèi)核Safari:webkitChrome:Blink(基于webkit，與OperaSoftware共同開發(fā)HTML文件里開頭都有個(gè)很重要的東西，Doctype，知道這是干什么的<!DOCTYPE>位于文檔中的最前面的位置，處于<html>之前。此可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范。（重點(diǎn)：告訴瀏覽器按照何種規(guī)范解析頁面）Quirks模式是什么？它和Standards模式有什么區(qū)別IE6CSS不夠成熟，所IE5等之前的瀏覽器對(duì)CSS支持很差，IE6CSSIE6CSS數(shù)為真時(shí)，我們就使用新功能，而如果這個(gè)參數(shù)不為真時(shí)，就使用舊功能，這樣就能不破DTDIE6DTD，就意味著這個(gè)頁面將采CSSQuirks模式Quirks模式下，IEpaddingborder。不會(huì)生效，而在quirks模式下，則會(huì)生效。居中，但在quirks模式下卻會(huì)失效。div+css的布局較table布局有什么優(yōu)點(diǎn)imgalttitle有何異同strongem的異同a:alt(alttext):為不能顯示圖像、窗體或applets的用戶（UA），alt屬性用來指定替換文字。替換文字的語言由lang屬性指定。(在IE瀏覽器下會(huì)在沒有title時(shí)把a(bǔ)lt當(dāng)成tooltip顯示)title(tooltip 你能描述一下漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)之間的不同嗎漸進(jìn)增強(qiáng)progressiveenhancement：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁面，保證最基本的功優(yōu)雅降級(jí)gracefuldegradation：一開始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器定為主流瀏覽器（如IE、Mozilla等）的前一個(gè)版本。poor,butpassable)”的瀏覽體驗(yàn)。你可以做一些小的調(diào)整來適應(yīng)某個(gè)特定的瀏一種更為合理的設(shè)計(jì)范例。這也是它立即被Yahoo!所采納并用以構(gòu)建其“分級(jí)式瀏覽器支持(GradedBrowserSupport)”策略的原因所在。陰影（CSS3），要求兼容（使用背景，放棄CSS3），你會(huì)如何說服他？為什么利用多個(gè) 資源會(huì)更有效節(jié)約帶寬 請(qǐng)談一下你對(duì)網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解。請(qǐng)描述一 s，sessionStorage和localStorage的區(qū)別中的頁面才能并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久webstorage和的區(qū)WebStorage的概念和相似，區(qū)別是它是為了更大容量設(shè)計(jì)的。的大小是受限的，并且每次你請(qǐng)求一個(gè)新的頁面的時(shí)候都會(huì)被發(fā)送過去，這樣無形中浪費(fèi)了帶寬，另外還需要指定作用域，不可以跨域調(diào)用。除此之外，WebStoragesetItem,getItem,removeItem,clear需要前端開發(fā)者自己封裝set，get。但是也是不可以或缺的：簡(jiǎn)述一下srchref的區(qū)別src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前所在位置；在請(qǐng)求src資源時(shí)會(huì)將其指向的資源并應(yīng)用到文檔內(nèi)，例如js，img和frame等元素。<scriptsrc <linkhref=”common.css”這也是為什么建議使用link方式來加載css，而不是使用@import方式。知道的網(wǎng)頁制作會(huì)用到的格式有哪些知道什么是微格式嗎？談?wù)劺斫狻６藰?gòu)建中應(yīng)該考慮微格式嗎例：豆瓣，有自行）在css/js代碼上線之后開發(fā)人員經(jīng)常會(huì)優(yōu)化性能，從用戶刷新網(wǎng)頁開始，一次js請(qǐng)求一般情況下有哪些地方會(huì)有緩存處理？一個(gè)頁面上有大量的（大型 這些的加載，給用戶更好的體驗(yàn)。。你如何理解HTML結(jié)構(gòu)的語義化？的，不要認(rèn)為這是html的表現(xiàn)，這些其實(shí)html默認(rèn)的css樣式在起作用，所以去掉或樣式義化的HTML結(jié)構(gòu)是不可分割的。談?wù)勔郧岸私嵌瘸霭l(fā)做好SEO需要考慮什么？（SErobot或叫webcrawler）如何進(jìn)行工作，搜索引擎如何對(duì)搜索結(jié)果進(jìn)行排序等 的隱藏文字比如Author（作者），Category（ （一般在5個(gè)上下），然后針對(duì)這些進(jìn)行優(yōu)化，包括密度（Density），相關(guān)索用的是的搜索技術(shù)，MSN用的是Bing的技術(shù)。OpenDirectory自身不是搜索引擎，而是一個(gè)大型的，他和搜索引擎的主要區(qū)別是 典型的有Overture和，當(dāng)然也包括的項(xiàng)目Adwords。越來越多的站提交（submit）到搜索引擎。如果你的是商業(yè)，主要的搜索引擎和都會(huì)要求你付費(fèi)來獲得收錄（比如Yahoo要299），但是好消息是（至少到目前為止）最大的搜索引擎目前還是免費(fèi)，而且它主宰著60％以上的搜索市場(chǎng)。交換和廣泛度（Link有哪項(xiàng)方式可以對(duì)一個(gè)DOM設(shè)置它的CSS樣式？內(nèi)部樣式表，將css代碼放在<head>內(nèi)部內(nèi)聯(lián)樣式，將cssHTML元素內(nèi)部CSS都有哪些選擇器派生選擇器（用HTML申明）id選擇器（DOMID）除了前3種基本選擇器，還有一些擴(kuò)展選擇器，包括后代選擇器（利用空格間隔，比如div.a{ 用10表示類選擇器的優(yōu)先級(jí)div.test1.spanvar優(yōu)先級(jí)1+10+10span#xxx.songsli優(yōu)先級(jí)1+100+10+#xxxli優(yōu)先級(jí)100.classA{.classB{<pclass='classBclassA'>123classBclassA’>中的先后關(guān)系無關(guān)。CSS中可以通過哪些屬性定義，使得一個(gè)DOM元素不顯示在瀏覽器可視范 過后hover樣式就不出現(xiàn)的問題是什么？如何解決排列順序:L-V-H-A（link,visited,hover,active）什么是CssHack？ie6,7,8hack分別是什么CSScodeCSShack。 /*allie*/ :root#test{background-color:purple\9; @mediaalland(min-{#test{background-color:black;}} @mediascreenand(-webkit-min-device-pixel-{#test{background-color:gray;} /*chromeand行內(nèi)元素和塊級(jí)元素的具體區(qū)別是什么？行內(nèi)元素的paddingmargin可設(shè)置top/bottom(margin-top/margin-bottom)都不可改變（paddingmarginleft和right是可以設(shè)置的），就是里面文字或的大小。答案：<input>img><button>texterea><label什么是外邊距？的結(jié)果是什么rgba()和opacity的透明效果有什么不同？ 中可以讓文字在垂直和水平方向上的兩個(gè)屬性是什么如何垂直居中一個(gè)浮動(dòng)元素？123456position: top: left:margin-top:-100px margin-left:-} width:height:background-color:position: left:top:right:bottom:} {456}pxem的區(qū) 描述一個(gè)”resetCSS文件并如何使用它。知道normalize.css嗎？你了解考慮的怪癖，像HTML的audio元素不一致或line-height不一致。Sass、 是什么？大家為什么要使用他們Less樣式語言.CSS賦予了動(dòng)態(tài)語言的特性，如變量，繼承，運(yùn)算，函LESSIE6+,Webkit,Firefox)，也可一在服務(wù)端運(yùn)行(借助Node.js)。CSSLESSCSS以老的CSS代碼也可以與LESS代碼一同編譯。disy:隱藏對(duì)應(yīng)的元素但不擠占該元素原來的空間。即是，使用CSSdisy:none屬性后，HTML元素（對(duì)象）的寬度、高度等各種屬性值都將“丟失”;而使用visibility:hidden屬性后，HTML元素（對(duì)象）僅僅是在視覺上看不見（完全CSS中l(wèi)ink和@import的區(qū)別是載的CSS簡(jiǎn)介盒子模型CSS的盒子模型有兩種：IE盒子模型、標(biāo)準(zhǔn)的W3C為什么要初始化樣式？BFC是什么不會(huì)影響盒子外面的元素。在同一個(gè)BFC中的兩個(gè)相鄰的盒子在垂直方向發(fā)生marginhtml語義化是什便于項(xiàng)目的開發(fā)及，使html代碼更具有可讀性，便于其他設(shè)備解析。 的作用？嚴(yán)格模式與混雜模式的區(qū)別？HTML與XHTML——二者有什么區(qū)別&html常見兼容性問題？雙邊距BUGfloat引起的使用dis超hover點(diǎn)擊后失效使用正確的書寫順序linkvisitedhoverMin-height！Important為什么沒有辦法定義1px左右的寬度容器（IE6默認(rèn)的行高造成的，使用over:hidden,zoom:0.08line-.opacityopacity:filter:alpha(opacity=60);/*forIE5-7 .Alpha(Opacity=60)";/*for}WEB標(biāo)準(zhǔn)以及W3C的理解與認(rèn)廣泛的設(shè)備所、更少的代碼和組件，容易維護(hù)、方便，不需要變動(dòng)頁面內(nèi)容、提行內(nèi)元素有哪些?塊級(jí)元素有哪些 的盒模型答：塊級(jí)元素：divph1h2h3h4formul行內(nèi)元素:abbrispaninputselect前端頁面有哪三層構(gòu)成，分別是什么?作用是什么HtmlCSSjsDoctype作用嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意、<!DOCTYPE>位于文檔中的最前面，處于<html>之前。告知瀏覽器的解析器，用什么文檔類型規(guī)范來解析這個(gè)文檔。JS行內(nèi)元素有哪些？塊級(jí)元素有哪些 空(void)元素有那些CSS規(guī)范規(guī)定，每個(gè)元素都有disy屬性，確定該元素的類型，每個(gè)元素都有默認(rèn)的disy值，比如div默認(rèn)disy屬性值為“block”，成為“塊級(jí)”元素；span默認(rèn)disy屬性值為“inline”，是“行內(nèi)”元素。行內(nèi)元素有：abspanimginputselectstrong（強(qiáng)調(diào)的語氣）塊級(jí)元素有：divollidldtddh1h2h3CSS的盒子模型兩種，IE盒子模型、標(biāo)準(zhǔn)W3C盒子模型；IE的content部分包含了border和CSS選擇符有哪些？哪些屬性可以繼承？優(yōu)先級(jí)算法如何計(jì)CSS3新增1.id（3.選擇器（div,h1,4.相鄰選擇器（h1子選擇器（ul后代選擇器（li通配符選擇器（*8.屬性選擇器（a[rel9.偽類選擇器（a:hover,li:nthfont-sizefont-familycolor,ULLIDLDDborderpaddingmarginwidthheight!important>idclasstagimportant比內(nèi)聯(lián)優(yōu)先級(jí)高p:first-of-type選擇屬于其父元素的首個(gè)<p>元素的每個(gè)<p>元素。p:last-of-type選擇屬于其父元素的最后<p>元素的每個(gè)<p>元素。p:only-of-type選擇屬于其父元素唯一的<p>元素的每個(gè)<p>元素。 選擇屬于其父元素的唯一子元素的每個(gè)<p>元素。p:nth-child(2)選擇屬于其父元素的第二個(gè)子元素的每個(gè)<p>元素。如何居中div,如何居中一個(gè)浮動(dòng)元素margin:0auto;}500300.divWidth:500pxheight:300px;//高度可以不設(shè)Margin:-150px00-250px;}瀏覽器的內(nèi)核分別是什么?經(jīng)常遇到的瀏覽器的兼容性有哪些？原因，解決方法是什么，常用hack的技巧？margin和paddingiebox{float:left;width:10px;margin:000IE8IE7、IE6IE8識(shí)別識(shí)別}也可以使用getAttribute()獲取自定義屬性; IEevenx,ypageX,pageYChrome12px12pxCSSwebkit-text-size-adjust:none;L-V-H-A:a:link{}a:visited{}a:hover{}a:activeblock*fixed（IE不支持 *（忽略top,bottom,left,rightz-index）inheritpositionabsolute的containingblock計(jì)算方式跟正常流有什么不lock-levellock-levelblock-levelelementdisy''blocklist-item'table’)會(huì)生成一個(gè)block-levelbox，這樣的盒子會(huì)參與到block-formattingcontext(一種布局的方式)中。blockformatting方向上撐滿整個(gè)寬度(除非內(nèi)部的盒子自己內(nèi)部建立了新的BFC)。containing一般來說，盒子本身就為其子孫建立了cgckcotiiglck來計(jì)算，需要分情況來討論：inlineboxpaddingboxmargin,borderpaddingboxcontainingblockinitialcontainingblockpositionstaticrelativecontainingblock元素中最近的blockcontainerbox的contentbox(除margin,border,padding外的區(qū)域)；對(duì)于position:fixed的元素，其containingblock由viewport建立；屬性非static的元素，然后判斷：如果都找不到，則為initialcontainingblockcss的基本語句構(gòu)成是瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么使用 CSS中可以通過哪些屬性定義，使得一個(gè)DOM元素不顯示在瀏覽器可視范說disy屬性有哪些？可以做什么disy:block行內(nèi)元素轉(zhuǎn)換為塊級(jí)元素 y:inline-block轉(zhuǎn)為內(nèi)聯(lián)元素b和strong,i和em的區(qū)別讓行內(nèi)元素跟上面的元素距離10px，加margin-top和padding-top可以嗎？哪些css屬性可以繼承？可繼承：font-sizefont-familycolor,ullidlddborderpaddingmarginwidthheight二、JS基礎(chǔ)alert(typeof[1,2]);alert(typeof'leipeng');//stringvari=true;alert(typeofi);//booleanalert(typeof1);//numbervara;alert(typeofa);//undefinedfunctiona(){;};alert(typeofa)例舉3種強(qiáng)制類型轉(zhuǎn)換和2種隱式類型轉(zhuǎn)換強(qiáng)制split()、join()的區(qū)Push()尾部添加pop()尾部刪除Unshiftshift()頭部刪除綁定和普通有什么區(qū)別varbtn=.geementById("o");btn.onclick=function(){}function(){}varbtn=.geementById("o");alert1alert普通添加的方法不支持添加多個(gè)，最下面的會(huì)覆蓋上面的，而綁加不加IE和標(biāo)準(zhǔn)下有哪些兼容性的寫法Varev=ev||. Width|| Vartarget=ev.srcElement||ev.target.callapply的區(qū)call方法語法call方法可以用來代替另一個(gè)對(duì)象調(diào)用一個(gè)方法。call方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛蓆hisObj指定的新對(duì)象。thisObjGlobalthisObjapply方法：語法argArrayargumentsTypeErrorargArraythisObjGlobalthisObj，functionA(name){this.age=age;=name;}A.prototype.show=alert('父級(jí)方法}B(age,name,job){A.apply(this,arguments);this.job=job;}B.prototype=newvarbnewA(14,'俠客行varanewB(15,'狼俠','俠客如 冒泡和默認(rèn) 的本地對(duì)象，內(nèi)置對(duì)象和宿主對(duì)象本地對(duì)象為arrayobjregexpnew內(nèi)置對(duì)象為gloadMath等不可以實(shí)例化的宿主為瀏覽器自帶的,windowwindow.onload window.onload是在dom文檔樹加載完和所有文件加載完之后執(zhí)行一個(gè)函數(shù).ready原生種沒有這個(gè)方法，jquery$().ready(function),dom文檔樹加載完 ”==”和“===”的不同javascript的同源策 是一門什么樣的語言，它有哪些特點(diǎn)？Mac、Android、iOS等）。JavaScript的數(shù)據(jù)類型都有什么？,方法二.objinstanceofArrayIEif(typeof{Array.isArray=}已知ID的Input輸入框，希望獲取這個(gè)輸入框的輸入值，怎么做？(不使用第 希望獲取到頁面中所有的checkbox怎么做？(不使用第框架vardomList varcheckBoxList=varlen while(len--){ if(domList[len].type==‘checkbox’){}}vardom= dom.innerHTML=“xxxx”當(dāng)一個(gè) 節(jié)點(diǎn)被點(diǎn)擊時(shí)候，我們希望能夠執(zhí)行一個(gè)函數(shù)，應(yīng)該怎么做在JS里通過onclick綁定：xxx.onclick=test“DOM流”：三個(gè)階段：捕捉，目標(biāo)階段，冒泡看下列代碼輸出為何？解釋原因。varalert(typeofaundefinedalert(b);//報(bào)錯(cuò)變量但并未對(duì)其賦值進(jìn)行初始化時(shí)，這個(gè)變量的值就是undefined。而b由于未看下列代碼,輸出什么？解釋原因。vara=null;alert(typeofa);//objecttypeof檢測(cè)會(huì)返回”object”。看下列代碼,輸出什么？解釋原因。varundefined==null;//1==true;//2==true;//false0==false;//true0=='';//trueNaN==NaN;//[]==false;//true[]==![]; //truebooleannumber，0型，類型不匹配時(shí)為false?？创a給答案vara=newObject();a.value=1;b=a;b.value=2; combo(msg){var}returnmsg;}則輸出2014-09-vard=newvaryear=011112varmonth=d.getMonth()+month=month<10?'0'+month://獲取日varday=day=day<10?'0'+day:day;alert(year+'-'+month+'-'+day);將字符串”<tr><td>{$id}</td><td>{$name}</td></tr>”中的{$id}替換成"<tr><td>{$id}</td><td>{$id}_{$name}</td></tr>".rece(/{\$id}/g,'10').rece(/{\$name}/g,'Tony');為了保證頁面輸出安全，我們經(jīng)常需要對(duì)一些特殊的字符進(jìn)行轉(zhuǎn)義，請(qǐng)寫一個(gè)函數(shù)eae，將,“進(jìn)行轉(zhuǎn)義{switch(match)casereturncasereturncasecasereturn}}foo=foo||bar，這行代碼是什么意思？為什么要看下列代碼，將會(huì)輸出什么?(變量提升varfoo=1;varfoo=2;undefined和2varfoo=1;arfoo;console.log(foo);//undefinedfoo=2;js實(shí)現(xiàn)隨機(jī)選取10–100之間的10個(gè)數(shù)字，存入一個(gè)數(shù)組，并排序。if(len>=(max-min))returnminmaxmaxmin}if(aArray.length>={aArray.sort(function(a,b){returna-breturn}varnowNub=parseInt(Math.random()*(max-min-1))+(min+1);for(varj=0;j<aArray.length;j++){if(nowNub=={randomNub(aArray,len,min,max);}}randomNub(aArray,len,min,max);returnaArray;}vararr=[];把兩個(gè)數(shù)組合并，并刪除第二個(gè)元素。vararray1=varbArray=varcArray=array1.concat(bArray);怎樣添加、移除、移動(dòng)、、創(chuàng)建和查找節(jié)點(diǎn)（原生JS，實(shí)在基礎(chǔ)，沒細(xì)寫 createElement()//創(chuàng)建一個(gè)具體的元素createTextNode()//創(chuàng)建一個(gè)文本節(jié)點(diǎn) //移除 insertBefore()//插入3） ementsByNameName Id有這樣一個(gè)URL：http 寫一段JS程序提取URL中的各個(gè)GET參數(shù)(參數(shù)名和參數(shù)個(gè)數(shù)不確定)，將其按key-value形式返回到一個(gè)json結(jié)構(gòu)中，如{a:’1′,b:’2′,c:”,d:’xxx’,e:undefined}。{varurlObject={};if(/\?/.test(url)){varurlString=url.substring(url.indexOf("?")+1);varurlArray=urlString.split("&");for(vari=0,len=urlArray.length;i<len;{varurlItem=urlArray[i];varitem=urlItem.split("=");}return}return}正則表達(dá)式構(gòu)造函數(shù)varreg=newRegExp(“xxx”)與正則表達(dá)字面量var有什么不同？匹配郵箱的正則表達(dá)式？看下面代碼，給出輸出結(jié)果。答案：444for(vari=1;i<=3;i++){setTimeout((function(a 23寫一 function，清除字符串前后的空格。（兼容所有瀏覽器使用自帶接口trimif(!Stotype.trim){Stotype.trim=function(){}}//testthevarstr="\t\nteststring".trim();alert(str=="teststring");//alerts"true"n（calleevarfunctionfn(n){//典型的那契數(shù)return}elsereturnreturn//argument.callee()表示fn()returnresult[n];}}}Javascript中,以下哪條語句一定會(huì)產(chǎn)生運(yùn)行錯(cuò)誤 答案 B var_變量=NaN;B、var0bj=[];C、varobjD、varobj以下兩個(gè)變量a和b，a+b的哪個(gè)結(jié)果是 答案 A、vara=undefined;b=NaNB、vara=‘123’;b=NaNC、varaundefinedbNaNvara=NaN,b='undefined' ++b+c+a++以下哪個(gè)結(jié)果是正確的？答案 A、 JavaScript語句中，（D）實(shí)現(xiàn)檢索當(dāng)前頁面中的表單元素中的所有}}}要將頁面的狀態(tài)欄中顯示“已經(jīng)選中該文本框”，下列JavaScript語句正確的是（A）以下哪條語句會(huì)產(chǎn)生運(yùn)行錯(cuò)誤：varobj=varobj=varobj=varobj=以下哪個(gè)單詞不屬于javascript保留字：請(qǐng)選擇結(jié)果為真的表達(dá)式B.null===C.null==D.NaN==Javascript中,如果已知HTML頁面中的某對(duì)象的id=”username”， _方法獲得該對(duì)象typeof運(yùn)算符返回值中有一個(gè)跟javascript數(shù)據(jù)類型不一致，它是 定義了一個(gè)變量，但沒有為該變量賦值，如果alert該變量，javascript彈出 分析代碼，得出正確的結(jié)果。vara=10,b=20,寫出函數(shù)DateDemo的返回結(jié)果，系統(tǒng)時(shí)間假定為今天vards="今天日期是：";d=newDate();s+=d.getMonth()+1+"/";s+=d.getDate()+"/";s+=d.getFullYear();returns;}寫出程序運(yùn)行的結(jié)果？for(i=0,j=0;i<10,j<6;i++,k=i+閱讀以下代碼，請(qǐng)分析出結(jié)果：vararr=newArray(1,3,5);arr2=arr.reverse();補(bǔ)充按鈕的函數(shù)，確認(rèn)用戶是否退出當(dāng)前頁面，確認(rèn)之后關(guān)閉窗<scripttype=”text/javascript”>functioncloseWin(){}}并將以下字符串中的html去除掉varstr=“<div>這里是div<pvarreg=varstr=“<div>這里是div<p>里面的段落</p></div>”;完成foo()函數(shù)的內(nèi)容，要求能夠彈出框提示當(dāng)前選中的是第幾個(gè)單選<scripttype=”text/javascript”>functionfoo(){for(vari=0;i<rdo.length;i++){}}}<input完成函數(shù)showImg()，要求能夠動(dòng)態(tài)根據(jù)下拉列表的選項(xiàng)變化，更新的<scripttype=”text/javascript”>functionshowImg(oSel){varstr}<br<select截取字符串a(chǎn)bcdefg用方法至少5個(gè)對(duì)象 方法：alertconfirmpromptopen簡(jiǎn)述列舉文檔對(duì)象模型DOM里 的常用的查找節(jié)點(diǎn)的方法并做簡(jiǎn) ementById根據(jù)元素id ementByName根據(jù)元素name 希望獲取到頁面中所有的checkbox怎么做？(不使用第框架vardomList=.gevarcheckBoxList=varlen ( if(domList[len].type=={}}簡(jiǎn)述創(chuàng)建函數(shù)的幾種方式第一種（函數(shù)sum1(num1,num2){return}第二種（函數(shù)表達(dá)式varsum2=function(num1,num2){return}第三種（函數(shù)對(duì)象方式Javascript如何實(shí)現(xiàn)繼承Javascript創(chuàng)建對(duì)象的幾種方式？1、varobj（json創(chuàng)建對(duì)象）如：='';obj.action=function{2、varobjnewObject();（Object創(chuàng)建對(duì)象）如：='';obj.action=function{this關(guān)鍵字如：varobjfunction(){='';this.age=19;this.actionfunction{}如：functionobj(){}totype.action=function(){如：=''';window.age=19;window.action=function(){varstr1="直接賦值的String";iframe會(huì)阻塞主頁面的Onload請(qǐng)你談 的弊端 最多只能有20條 過4KB，否則會(huì)被截掉。 了，那人就可以取得所有的session信息。即使加密 js延遲加載的方式有哪些defer和DOM（創(chuàng)建scriptDOM按需異步載入documen.writeinnerHTML的區(qū)別.write哪些操作會(huì)造成內(nèi)存泄漏數(shù)量為0（沒有其他對(duì)象過該對(duì)象），或?qū)υ搶?duì)象的惟一是循環(huán)的，那么該對(duì)象判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計(jì)這個(gè)次數(shù)答：varstrasdfssaaasasasasaa';varjson={};for(vari=0;i<str.length;{}variMax=0;variIndex='';for(variinjson){iMax=json[i];iIndex=i;}}寫一個(gè)獲取非行間樣式的函數(shù){{{return}}}{}}委托是什閉包是什么，有什么特性，對(duì)頁面有什么影響答：我的理解是，閉包就是能夠其他函數(shù)內(nèi)部變量的函數(shù)。在本質(zhì)上，閉包就是outer(){var=1;functionvarn=2;alert(n+num);}return}此可查看（問這解釋jsonp的原理，以及為什么不是真正的動(dòng)態(tài)創(chuàng)建script，回調(diào)函 的本地對(duì)象，內(nèi)置對(duì)象和宿主對(duì)象arrayobjregexpnew內(nèi)置對(duì)象為gloadMath等不可以實(shí)例化的 ,window字符串反轉(zhuǎn)，如將 '變成 varstr= str=將數(shù) 轉(zhuǎn)化成RMB形式如：str=strfunctionre(str){str+=return}{varfor(vari=1;i<=re(num).length;{tmp+=re(num)[i-if(i%3==0&&i!={tmp+=}}return}生成5個(gè)不同的隨機(jī)數(shù)；varnum1=for(vari=0;i<5;num1[iMath.floor(Math.random()*10)1;1,10]for(varj=0;j<i;j++){if(num1[i]==num1[j]){i--;}}}去掉數(shù)組中重復(fù)的數(shù)字方法一Atotype.unique=function(){varlen=this.length,newArr=[],flag=1;for(vari=0;i<len;i++,flag=1){for(varj=0;j<i;j++){if(this[i]==flag }}flag?newArr.push(this[i]):}return}varAtotype.unique2Atotype.unique2={varnfor(vari0;ithis.length;i{if(n.indexOf(this[i])==-1)}return}varnewArr2=arr.unique2(arr);階乘函數(shù)；function(){varre=for(vari=1;i<=this;i++){re*=i;}return}varnum=5;()javascript來獲得相信應(yīng)的參數(shù)值返回值：?ver=1.0&id=timlq也就是問號(hào)后面的！window.location.hash返回的是什么？答：，返回值：#love()、javascript中的回收機(jī)制答：在Javascript中，如果一個(gè)對(duì)象不再被，那么這個(gè)對(duì)象就會(huì)被GC回收。如果兩個(gè)對(duì)象互相，而不再被第3者所，那么這兩個(gè)互相的對(duì)象也會(huì)被回收。因?yàn)楹瘮?shù)a被b，b又被a外的c，這就是為什么函數(shù)a執(zhí)行后不會(huì)被回收的原因?？搭}做答：f1(){var=1;this.x= }varobj=newf1();//1console.log(obj.x)//2console.log(f1());//3這道題讓我重新認(rèn)識(shí)了對(duì)象和函數(shù)，首先看代碼（1），這里實(shí)例話化了f1這個(gè)類。相當(dāng)于執(zhí)行了f1函數(shù)。所以這個(gè)時(shí)候A會(huì)輸出1，而B這個(gè)時(shí)候的this代表的是實(shí)例化的當(dāng)前對(duì)象objB輸出3.。代碼（2）毋庸置疑會(huì)輸出3，重點(diǎn)代碼（3）首先這里將不再是一個(gè)類，它只是一個(gè)函數(shù)。那么A輸出1，B呢？這里的this代表的其實(shí)就是window對(duì)象，那么this.x就是一個(gè)全局變量相當(dāng)于在外部的一個(gè)全局變量。所以B輸出3。最后代碼由于f沒有返回值那么一個(gè)函數(shù)如果沒返回值的話，將會(huì)返回underfined，所以答案就是：1，3，3，1，3，underfined。下面輸出多少varo1=newvaro2=o1;="CSSer";如果不看答案，你回答真確了的話，那么說明你對(duì)jvript的數(shù)據(jù)類型了解的還是比較清楚了。js中有兩種數(shù)據(jù)類型，分別是：基本數(shù)據(jù)類型和數(shù)據(jù)類型（objtArry）。對(duì)于保存基本類型值的變量，變量是按值的，因?yàn)槲覀儾僮鞯氖亲兞繉?shí)際保存的值。對(duì)于保存類型值的變量，變量是按 的，我們操作的是變量值所（指向）的對(duì)象。答案就清楚了： /;再來一個(gè)functionchangeObjectProperty{o.siteUrl /";o=o.siteUrl= }varCSSer=newObject();console.log(CSSer.siteUrl);//如果CSSer參數(shù)是按傳遞的，那么結(jié)果應(yīng)該是"ht 但實(shí)際結(jié)果卻仍是"ht /"。事實(shí)是這樣的：在函數(shù)內(nèi)部修改了引用類型值的參數(shù)，該參數(shù)值的原始保持不變。我們可以把參數(shù)想象成局部變量，當(dāng)參數(shù)被重寫時(shí)，這個(gè)變量的就是一個(gè)局部變量，局部變量的生存期僅限于函數(shù)執(zhí)行的過程中，函數(shù)執(zhí)行完畢，局部變量即被銷毀以釋放內(nèi)存。（補(bǔ)充：內(nèi)部環(huán)境可以通過作用域鏈所有的外部環(huán)境中的變量對(duì)象，但外部環(huán)境無法內(nèi)部環(huán)境。每個(gè)環(huán)境都可以向上搜索作用域鏈，以查詢變量和函數(shù)名，反之向下則不能。）a輸出多少vara=6;setTimeout(function(){vara= },因?yàn)関ara=666;定義了局部變量a，并且賦值為666，根據(jù)變量作用域鏈，全局變量處在作用域末端，優(yōu)先了局部變量，從而覆蓋了全局變量。vara=6;setTimeout(function(){ undefinedvara=666;},因?yàn)関ara=666;定義了局部變量a，同樣覆蓋了全局變量，但是在alert(a);之前a并未賦值，所以輸出undefined。vara=6;vara=66;},a=//666,記住：異步處理，一切OK提看程序，寫結(jié)setN(='絲';obj=newObject();varper=newObject();alert();//絲內(nèi)JS的繼承window.color=varo={color:'blue'};}sayColor.call(thisredthis-windowsayColor.call(window);//redsayColor.call(o);//blue精度問題JS精度不能精0.1所以。。。。同時(shí)存在于值和差值varn=0.3,m=0.2,i=0.2,j=alert((n-m)==(i-j));//falsealert((n-m)==0.1);//falsealert((i-j)==0.1);//true加減運(yùn)算alert('5'+3);//53stringalert('5'+'3');//53stringalert('5'-3);//2numberalert('5'-'3');//2number什么是同源策略？指：同協(xié)議、端口、的安全策略，由網(wǎng)景公司提出來的安全協(xié)議為什么不能定義1px左右的div容器overflow:hidden|zoom:0.08|line-結(jié)果是什么？foo.a=function(){alert(1)};this.a=function(){alert(2)};a=function(){alert(3)};vara=totype.a=function(){alert(5)};foo.a=function(){alert(6)};foo.a();varobj=newfoo();obj.a();//2？？？？foo.a();//1輸出結(jié)果vara=5;functiontest(){a=vara;}test();//0,5,newtest0,undefined,0a計(jì)算字符串字節(jié)數(shù)：function(s){if(!arguments.length||!s)returnnull;if(""==s)return0;varfor(var;;// o結(jié)果是：varbool=!!2;對(duì)象，添加屬性，輸出屬性varobj=name:'leipeng',showName:function(){}}匹配輸入的字符：第一個(gè)必須是字母或下劃線開頭，長 5-varreg=/^[a-zA-Z_][a-zA-Z0-9_]{5,20}/,name1='leipeng',name2='0leipeng',name4='hi';檢測(cè)變量類型functionfunctionreturnstr}如何在HTML中添加，幾種方法1、之中直接添加onclick="fun()";2、JS添加Eobj.onclick=method;3、現(xiàn)代 BOM對(duì)象有哪些，列舉window對(duì)象1、window對(duì)象，是JS的最頂層對(duì)象，其他的BOM對(duì)象都是window對(duì)象2 對(duì)象，文檔對(duì)象3、location對(duì)象，瀏覽器當(dāng)前URL信息；4、navigator對(duì)象，瀏覽器本身信息；5、screen對(duì)象，客戶端屏幕信息；6、history對(duì)象，瀏覽器歷史信息請(qǐng)問代碼實(shí)現(xiàn)//說明：outerHTML其實(shí)就是innerHTML再加上本身；Ototype.outerHTML=varinnerCon=this.innerHTML,//獲得里面的內(nèi)容}<!doctype<divovarinnerCon=this.innerHTML,//獲得里面的內(nèi)容}return }JS中的簡(jiǎn)單繼承call方法functionParent(name,money){=name;this.money=money;=}}=function(){}}varper=newParent('parent',800000000000);varchi=newChildren('child');bind(),live(),delegate()的區(qū)bind：綁定，對(duì)新添加的不起作用，方法用于將一個(gè)處理程序附加到每個(gè)匹配元素的上并返回jQuery對(duì)象。live：方法將一個(gè)處理程序附加到與當(dāng)前選擇器匹配的所有元素（包含現(xiàn)有的或?qū)硖砑拥模┑闹付ㄉ喜⒎祷豭Query對(duì)象。delegate：方法基于一組特定的根元素將處理程序附加到匹配選擇器的所有元素（現(xiàn)有的或?qū)淼模┑囊粋€(gè)或多個(gè)上?？聪铝写a輸出什么？varfoo="11"+2-"1";console.log(typeoffoo);執(zhí)行完后foo111，foo的類型為Number看下列代碼,輸出什么？vara=newObject();a.value=1;b=a;b.value=2;你如何優(yōu)化自己的代碼？請(qǐng)描述出下列代碼運(yùn)行的結(jié)果}怎樣實(shí)現(xiàn)兩欄等高？<!DOCTYPE<!DOCTYPE<html<metacharset="UTF-<divid="container"style="disy:table;width:<divid="left"style="background-color:red;disy:內(nèi)容<div <divid="right"style="background-color:blue;dis 使用js實(shí)現(xiàn)這樣的效果：在文本域里輸入文字時(shí)，當(dāng)按下enter鍵時(shí)不換行，而是替換成“{{enter}}”,(只需要考慮在行尾按下enter鍵的情況).functionevent=event||turnValue=false;returnfalse;}}<textarearows="3"cols="40"id="te"以下代碼中end字符串什么時(shí)候輸出vart=true;functionfunctionvartempArray=returnvalue>='A'&&value<='z'&&value!=return} ld"));//h,e,l,l,o,W,o,r,l,d請(qǐng)將一個(gè)URLsearch部分參數(shù)與值轉(zhuǎn)換json對(duì)請(qǐng)用原生js實(shí)現(xiàn)jqueryget\post功能，以及跨域情請(qǐng)簡(jiǎn)要描述 前端性能需要考慮哪方面，你的優(yōu)化思路是什么？ReadOnlyDisabled的作用是使用戶不能夠更改表單域中的內(nèi)容.素有效，包括select,radio,checkbox,button等。2、在表單元素使用了disabled后，表單以POST或者GET的方式提交的話，這個(gè)元素的值不會(huì)被傳遞出去，而readonly會(huì)將該值傳遞出去寫出3個(gè)使用this的典型應(yīng)請(qǐng)盡可能詳盡的解釋ajax的工作原理Ajax的工作原理相當(dāng)于在用戶和服務(wù)器之間加了—個(gè)中間層，使用戶操作與服務(wù)器響應(yīng)異理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，從而達(dá)到節(jié)約ISP的空間及帶寬租用成本的目的。簡(jiǎn)單來說通過XmlHttpRequest對(duì)象來向服務(wù)器發(fā)異步請(qǐng)求，從服務(wù)器獲得數(shù)據(jù)，然后用 須對(duì)XMLHttpRequest有所了解、為什么擴(kuò)展javascript內(nèi)置對(duì)象不是好的做法？一致的表現(xiàn)。到時(shí)候你的javascript代碼可能已經(jīng)在無數(shù)個(gè)頁面中執(zhí)行了數(shù)年，而瀏覽器的 什么是三元表達(dá)式？“三元”表示什么意思？?結(jié)果1:2;.這里你把條件寫在問號(hào)(?)的前面后面跟著用冒號(hào)(:)分隔的