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

1、Web前端開(kāi)發(fā)筆試題集錦HTML/CSS 篇1,判斷字符串是否是這樣組成的，第一個(gè)必須是字母，后面可以是字母、數(shù)字、下劃線， 總長(zhǎng)度為5-20var reg = /Aa-zA-Za-zA-Z_0-94,19$/;(ala_ala_ala_ala_);2,截取字符串a(chǎn)bcdefg的efgvar str = abcdefg;if (/efg/.test(str) var efg = (efg), 3);alert(efg);3,判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計(jì)這個(gè)次數(shù)注意兼容性)SPANDIVSPANP21,請(qǐng)編寫(xiě)一個(gè)JavaScrip函數(shù)parseQueryString它的用途是把URL

2、參數(shù)解析為一個(gè)對(duì)象,如：var url = ？key0=0&key1=1&key2=2 ;function parseQueryString(url)var params = ;var arr = (?);if = 1)return params;arr = arr1.split(&);for(var i=0, l=; ivar a = arri.split(=);paramsa0 = a1;return params;var url = ?key0=0&key1=1&key2=2;var ps = parseQueryString(url);alert(pskey1);22, ajax是什么

3、？ ajax的交互模型？同步和異步的區(qū)別？如何解決跨域問(wèn)題？webAjax是多種技術(shù)組合起來(lái)的一種瀏覽器和服務(wù)器交互技術(shù)，基本思想是允許一個(gè)互聯(lián) 網(wǎng)瀏覽器向一個(gè)遠(yuǎn)程頁(yè)面/服務(wù)做異步的http調(diào)用，并且用收到的數(shù)據(jù)來(lái)更新一個(gè)當(dāng)前 頁(yè)面而不必刷新整個(gè)頁(yè)面。該技術(shù)能夠改進(jìn)客戶端的體驗(yàn)。包含的技術(shù)：XHTML :對(duì)應(yīng) W3c的XHTML規(guī)范，目前是CSS對(duì)應(yīng) W3C的CSS規(guī)范，目前是DOM :這里的DOM主要是指HTML DOM , XML DOM 包括在下面的XML中JavaScript 對(duì)應(yīng)于 ECMA 的 ECMAScript 規(guī)范XML:對(duì)應(yīng) W3c 的 XML DOM、XSLT、XPath

4、 等等規(guī)范XMLHttpRequest:對(duì)應(yīng) WhatWG 的 Web 規(guī)范 specs/web-apps/current-work/)AJAX交互模型同步：腳本會(huì)停留并等待服務(wù)器發(fā)送回復(fù)然后再繼續(xù)異步：腳本允許頁(yè)面繼續(xù)其進(jìn)程并處理可能的回復(fù)跨域問(wèn)題簡(jiǎn)單的理解就是因?yàn)镴S同源策略的限制，域名下的JS無(wú)法操作或下的對(duì)象， 具體場(chǎng)景如下：PS: (1)如果是端口或者協(xié)議造成的跨域問(wèn)題前端是無(wú)能為力的(2)在跨域問(wèn)題上，域僅僅通過(guò)URL的首部來(lái)識(shí)別而不會(huì)嘗試判斷相同的IP地址對(duì)應(yīng) 的域或者兩個(gè)域是否對(duì)應(yīng)一個(gè)IP前端對(duì)于跨域的解決辦法：(1) +iframe(2)動(dòng)態(tài)創(chuàng)建script標(biāo)簽23,什么是閉

5、包？下面這個(gè)ul,如何點(diǎn)擊每一列的時(shí)候 alert其index?這是第一條這是第二條這是第三條內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時(shí)候就產(chǎn)生了閉包(function A() var index = 0;var ul = (test);var obj = ;for (var i = 0, l = i l; i+) if i.() = li) var li = i;=function() index+;alert(index);)();24,請(qǐng)給出異步加載js方案，不少于兩種默認(rèn)情況javascript是同步加載的，也就是javascript的加載時(shí)阻塞的，后面的元素要等 待javascript

6、加載完畢后才能進(jìn)行再加載，對(duì)于一些意義不是很大的javascript如果放在頁(yè)頭會(huì)導(dǎo)致加載很慢的話，是會(huì)嚴(yán)重影響用戶體驗(yàn)的。異步加載方式:defer;只支持 IEasync(3)創(chuàng)建script,插入到DOM中，加載完畢后callBacK見(jiàn)代碼:function loadScript(url, callbacK)var script = (script)=text/javascript;if opera, but no ff, support the onload event for linkelse=function()f(id,url);26, js中如何定義class,口何擴(kuò)展proto

7、type?=*”； *=C;A是某個(gè)構(gòu)造函數(shù)的名字B是這個(gè)構(gòu)造函數(shù)的屬性C是想要定義的屬性的值27,如何添加html元素的事件，有幾種方法.(1)為HTML元素的事件屬性賦值(2)在 JS中使用 * = function() (3)使用DOM2的添加事件的方法 addEventListene或attachEvent28,和innerHTML的區(qū)別只能重繪整個(gè)頁(yè)面innerHTML可以重繪頁(yè)面的一部分29,多瀏覽器檢測(cè)通過(guò)什么？(2)不同瀏覽器的特性，如 addEventListenerjs的基礎(chǔ)對(duì)象有那些，window和document的常用的方法和屬性列出來(lái)String,Number,Boo

8、leanWindow:方法：setInterval,setTimeout,clearInterval,clearTimeout,alert,confirm,open屬性：name,parent,screenLeft,screenTop,self,top,statusDocument方法：createElement,execCommand,getElementById,getElementsByName,getElementByTagName,whte,w riteln屬性：cookie,doctype,domain,documentElement,readyState,URL,31,前端開(kāi)發(fā)的

9、優(yōu)化問(wèn)題(1)減少 http 請(qǐng)求次數(shù)：css spirit,data uriJS CSS碼壓縮(3)前端模板JS徽據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存 AJAX 請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)(4)用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能(5)用setTimeout來(lái)避免頁(yè)面失去響應(yīng)(6)用hash-tabl冰優(yōu)化查找(7)當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置 classNameM不是直接操作style(8)少用全局變量(9)緩存DOM節(jié)點(diǎn)查找的結(jié)果(10)避免使用 CSS Expression(11)圖片預(yù)載(12)避免在頁(yè)面的主體布局中使用table, table要等其中的內(nèi)容完全下載之后才會(huì)顯示 出來(lái)，顯示比div+css布局慢32,如何控制網(wǎng)頁(yè)在網(wǎng)絡(luò)傳輸過(guò)程中的數(shù)據(jù)量啟用GZIP壓縮保持良好的編程習(xí)慣，避免重復(fù)的 CSS JavaScript(弋碼，多余的HTML標(biāo)簽