本課程專屬大禮包10html面試題_第1頁
本課程專屬大禮包10html面試題_第2頁
本課程專屬大禮包10html面試題_第3頁
本課程專屬大禮包10html面試題_第4頁
本課程專屬大禮包10html面試題_第5頁
已閱讀5頁,還剩184頁未讀 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論