前端開(kāi)發(fā)筆試題集錦無(wú)錫軟件培訓(xùn)中心

1、以下為Web前端開(kāi)發(fā)筆試題集錦之Javascript篇,移步HTML/CSS篇1, 判斷字符串是否是這樣組成的，第一個(gè)必須是字母，后面可以是字 母、 數(shù)字、下劃線，總長(zhǎng)度為 5-20var reg=廠 d-zA-Z&-zA-Z_0-94, 19$/;( /zala ala ala ala“) ；2, 截取字符串 abcdefg 的 efgvar str = "abcdefg"if (/efg/. test(str) var efg = ("efg"), 3);alert(efg);3, 判斷一個(gè)字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計(jì)這個(gè)次數(shù)注意兼容性

2、)SPANDIVSPANP21, 請(qǐng)編寫(xiě)一個(gè) JavaScript 函數(shù) parseQueryString, 它的用途是把 U RL 參數(shù)解析為一個(gè)對(duì)象，如：var url = "keyO 二 O&keyl 二 l&key2=2"function parseQueryString(url)var params 二;if <= 1return params:arr = arrl. split “&for var i=0, 1=; ivar a = arri. split" 二“ ；paramsa0. = al;return params

3、:var url = "keyO二 O&keyl 二 l&key2 二 2"var ps = parseQueryStri ng(url): alert(ps"keyl");22, ajax是什么ajax的交互模型同步和異步的區(qū)別如何解決跨域問(wèn)題Ajax是多種技術(shù)組合起來(lái)的一種瀏覽器和效勞器交互技術(shù)，根本思想是允許一個(gè)互聯(lián)網(wǎng)瀏覽器向一個(gè)遠(yuǎn)程頁(yè)面/效勞做異步的 調(diào)用，并且 用收到的 數(shù)據(jù)來(lái)更新一個(gè)、“I前web頁(yè)面而不必刷新整個(gè)頁(yè)面。該技術(shù)能夠改良客戶端的體驗(yàn)。包含的技術(shù)：XHTML對(duì)應(yīng) W3CI勺XHTM標(biāo)準(zhǔn)，目前是CSS對(duì)應(yīng)W3C勺CS

4、S標(biāo)準(zhǔn)，目前是DOIM這里的DOH主要是指HTML DOM, XML DO包括在下面的 XML中JavaScript :對(duì)應(yīng)于 ECMA的 ECMAScript 標(biāo)準(zhǔn)XML對(duì)應(yīng) W3C的XML DOM XSLT XPath等等標(biāo)準(zhǔn)specs/web-apps/curre nt-XML Request:對(duì)應(yīng) WhatWG的 Web 標(biāo)準(zhǔn)work/)AJAX交互模型基于AJAX的驢灸務(wù)群涓求數(shù)護(hù)應(yīng)故抬黃務(wù)8S 整湎.同步：腳本會(huì)停留并等待效勞器發(fā)送回復(fù)然后再繼續(xù)異步：腳本允許頁(yè)面繼續(xù)其進(jìn)程并處理可能的回復(fù)跨域問(wèn)題簡(jiǎn)單的理解就是因?yàn)?JS同源策略的限制，域名下的JS無(wú)法 操作 或下的對(duì)象，具體場(chǎng)景如

5、下：? ? ? ? ? ?L?RjL? ? ? ? 9 9?.? ? ? ? ? ? ? ? ? ? SS/tfTi? I RnO1-h ttp:/wevv. kuqin ccn ./bb/J.js :/Av/AA kuqi n.rcin Acript/hj?；同一城乞下不冃必什左允許| £? :/AvAw kuqin. ccn/a.is : 伽 i qin .<冋一域亡下允許? r/Aww. kuc ) in. ccm:8000/3.js耳一舷？不同搗二不躺 ? 一 ? ? “ %? Ln it p“/A?V. kii? in.:夕4 % /ittp : AAw kuqin.

6、 ccn./a.is h tt p M' kuqin m/bj 5同7他.沖洞協(xié)嘆不允許?* h ttpJSwwwqin cch/o.is 忤 77)"3.?% 吋：誡芒IM名對(duì)蟲(chóng)P形滸? ? !/Av/A? v.kuqin mrVx.K :/Afript.kuqi n .corrVh.js企1或£同子域不閆不5滸? ? :/AwA-/. hac1?3 /a.jshitkiiqi n. mn/b.jw不同昭不允許? ?PS:(1)如果是端口或者協(xié)議造成的跨域問(wèn)題前端是無(wú)能為力的(2) 在跨域問(wèn)題上，域僅僅通過(guò) URL的首部來(lái)識(shí)別而不會(huì)嘗試判斷相同的IP地址對(duì)應(yīng)的域或

7、者兩個(gè)域是否對(duì)應(yīng)一個(gè)IP前端對(duì)于跨域的解決方法：(1) +iframe(2) 動(dòng)態(tài)創(chuàng)立script 標(biāo)簽23,什么是閉包下面這個(gè)ul,如何點(diǎn)擊每一列的時(shí)候alert其index 這是第一條這是第二條這是第三條內(nèi)部函數(shù)被定義它的函數(shù)的外部區(qū)域調(diào)用的時(shí)候就產(chǎn)生了閉包。(fun ction A() var in dex = 0;var ul 二("test");var obj = ;)for (var i = 0,1 = i < 1; iif i. 0 二二 廠)var li = i;=function() index+;alert(index);)();24, 請(qǐng)給出異步

8、加載 js 方案，不少于兩種默認(rèn)悄況 javascript 是同步加載的，也就是 javascript 的加載時(shí)阻 塞的， 后面的元素要等待 javascript 加載完畢后才能進(jìn)行再加載，對(duì)于一 些意義不是 很大的 javascript, 如果放在頁(yè)頭會(huì)導(dǎo)致加載很慢的話，是會(huì) 嚴(yán)重影響用戶體驗(yàn) 的。異步加載方式：(1) defer, 只支持 IE(2) async ：(3)創(chuàng)立script,插入到DOM中,加載完畢后callBack,見(jiàn)代碼：function loadScript(url, callback)var script 二 ("script")="te

9、xt/javascript;if opera, but no ff, support the onload event for linkelse =function() f(id, url);；26, js 中如何定義 class, 如何擴(kuò)展 prototypeA是某個(gè)構(gòu)造函數(shù)的名字B是這個(gè)構(gòu)造函數(shù)的屬性C是想要定義的屬性的值27, 如何添加 html 元素的事件 ,有幾種方法 .(1) 為HTML元素的事件屬性賦值(2) 在 JS 中使用* = functionO ? ? (3) 使用 D0M2的添加事件的方法 addEventListener 或 attachEvent28, 和 inne

10、rHTML 的區(qū)別只能重繪整個(gè)頁(yè)面innerHTML 可以重繪頁(yè)面的一局部29, 多瀏覽器檢測(cè)通過(guò)什么(1)(2) 不同瀏覽器的特性，如 addEventListener30, js的根底對(duì)象有那些，window和document的常用的方法和屬性 列出 來(lái)String, Number, BooleanWindow：方法： setinterval,setTimeout, clearlnterval, clearTimeout, alert,confirm, open屬性： name, parent, screenLeft, screenTop, self, top, statusDocumen

11、t方法： createElement, execCommand,getElementByld, getElementsByN ame, getElementByTagName, write,writein屬性：cookie, doctype, domain, document Element, readyS tate, URL,31, 前端開(kāi)發(fā)的優(yōu)化問(wèn)題(1) 減少 請(qǐng)求次數(shù)： css spirit, data uri(2) JS, CSS 源碼壓縮(3) 前端模板JS+數(shù)據(jù)，減少山于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用 變量 保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)(4) 用innerHTML代替DOH操作，減少 DOM操作次數(shù)，優(yōu)化javascri Pt 性能(5) 用 setTimeout 來(lái)防止頁(yè)面失去響應(yīng)(6) 用 hash-table 來(lái)優(yōu)化查找(7) 當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置 className而不是直接操作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)