Web前端開發(fā)筆試題集錦已讀

1、Web 前 端 開 發(fā) 筆 試 題 集 錦HTML/CSS 篇1,判斷字符串是否是這樣組成的,第一個必須是字母,后面可以是字母、數(shù)字、下劃線,總長度為5-20varreg=/Aa-zA-Za-zA-Z_0-94,19$/;("ala_ala_ala_ala_");2 ,截取字符串 abcdefg 的efgvarstr="abcdefg"if(/efg/.test(str)varefg=("efg"),3);alert(efg);3,判斷一個字符串中出現(xiàn)次數(shù)最多的字符,統(tǒng)計(jì)這個次數(shù)注意兼容性)SPANDIVSPANP21 ,請編寫一個

2、JavaScript 函數(shù)parseQueryString ,它的用途是把 URL參數(shù)解析為一個對象,如： varurl= ""functionparseQueryString(url)varparams=;vararr=("");if<=1)returnparams;arr=arr1.split("&");for(vari=0,l=;ivara=arri.split("=");paramsa0=a1;returnparams;varurl=varps=parseQueryString(url);al

3、ert(ps"key1");22 , ajax是什么ajax的交互模型同步和異步的區(qū)別如何解決跨域問題Ajax是多種技術(shù)組合起來的一種瀏覽器和效勞器交互技術(shù),根本思想是允許一個互聯(lián)網(wǎng)瀏覽器向一個遠(yuǎn)程 頁面/效勞做異步的 調(diào)用,并且用收到的數(shù)據(jù)來更新一個當(dāng)前web頁面而不必刷新整個頁面.該技術(shù)能夠改良客戶端的體驗(yàn).包含的技術(shù)：XHTML :對應(yīng) W3C的XHTML 標(biāo)準(zhǔn),目前是.CSS:對應(yīng) W3C的CSS標(biāo)準(zhǔn),目前是DOM :這里的 DOM 主要是指 HTMLDOM , XMLDOM 包括在下面的 XML中JavaScript :對應(yīng)于 ECMA 的 ECMAScript

4、標(biāo)準(zhǔn)XML :對應(yīng) W3C 的 XMLDOM、XSLT、XPath 等等標(biāo)準(zhǔn)XML Request :對應(yīng) WhatWG 的 Web AJAX交互模型同步：腳本會停留并等待效勞器發(fā)送回復(fù)然后再繼續(xù) 異步：腳本允許頁面繼續(xù)其進(jìn)程并處理可能的回復(fù) PS: (1)如果是端口或者協(xié)議造成的跨域問題前端是無能為力的 (2)在跨域問題上,域僅僅通過URL的首部來識別而不會嘗試判斷相同的IP地址對應(yīng)的域或者兩個域是否對應(yīng)一個IP前端對于跨域的解決方法：(1)+iframe(2)動態(tài)創(chuàng)立script標(biāo)簽23,什么是閉包下面這個ul ,如何點(diǎn)擊每一列的時候alert其index這是第一條這是第二條 這是第三條

5、內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時候就產(chǎn)生了閉包.(functionA() varindex=0; varul=("test"); varobj=;for(vari=0,l=i<l;i+) ifi.()="li") varli=i;=function() index+; alert(index);)();24 ,請給出異步加載js方案,不少于兩種默認(rèn)情況javascript是同步加載的,也就是javascript的加載時阻塞的,后面的元素要等待javascript加載 完畢后才能進(jìn)行再加載,對于一些意義不是很大的javascript ,如果放

6、在頁頭會導(dǎo)致加載很慢的話,是會嚴(yán)重影響用戶體驗(yàn)的.異步加載方式：(1)defer ,只支持 IE(2)async :(3)創(chuàng)立script ,插入到 DOM 中,加載完畢后 callBack ,見代碼：functionloadScript(url,callback) varscript=("script") ="text/javascript"if else=function() f(id,url);)js中如何定義class,如何擴(kuò)展prototype；*A是某個構(gòu)造函數(shù)的名字B是這個構(gòu)造函數(shù)的屬性C是想要定義的屬性的值如何添加html元素的事件,有幾

7、種方法.(1)為HTML元素的事件屬性賦值(2)在 JS 中使用 *=function()(3)使用 DOM2 的添加事件的方法 addEventListener 或 attachEvent和innerHTML 的區(qū)另只能重繪整個頁面innerHTML 可以重繪頁面的一局部多瀏覽器檢測通過什么(1)(2)不同瀏覽器的特性,如 addEventListenerjs的根底對象有那些,window 和document的常用的方法和屬性列出來String,Number,BooleanWindow:方法：setInterval,setTimeout,clearInterval,clearTimeout,

8、alert,confirm,open屬性：name,parent,screenLeft,screenTop,self,top,statusDocument createElement,execCommand,getElementById,getElementsByName,getElementByTagName,write,writ eln屬性：cookie,doctype,domain,documentElement,readyState,URL,31 ,前端開發(fā)的優(yōu)化問題減少 請求次數(shù)：cssspirit,datauri(2)JS, CSS源碼壓縮(3)前端模板JS+數(shù)據(jù),減少由于 HTM

9、L標(biāo)簽導(dǎo)致的帶寬浪費(fèi),前端用變量保存AJAX請求結(jié)果,每次操作本地變量,不用請求,減少請求次數(shù)(4)用innerHTML 代替DOM 操作,減少 DOM 操作次數(shù),優(yōu)化 javascript 性能(5)用setTimeout 來防止頁面失去響應(yīng)(6)用hash-table 來優(yōu)化查找(7)當(dāng)需要設(shè)置的樣式很多時設(shè)置className而不是直接操作style(8)少用全局變量(9)緩存DOM節(jié)點(diǎn)查找的結(jié)果(10)防止使用 CSSExpression(11)圖片預(yù)載(12)防止在頁面的主體布局中使用table , table要等其中的內(nèi)容完全下載之后才會顯示出來,顯示比div+css 布局慢32 ,如何限制網(wǎng)頁在網(wǎng)絡(luò)傳輸過程中的數(shù)據(jù)量啟用GZIP壓縮保持良好的編程習(xí)慣,防止重復(fù)的CSS, JavaScript代碼,多余的HTML標(biāo)簽和屬性33 , Fl