前端開發(fā)筆試題集錦無錫軟件培訓中心

1、以下為Web前端開發(fā)筆試題集錦之Javascript篇,移步HTML/CSS篇1, 判斷字符串是否是這樣組成的，第一個必須是字母，后面可以是字 母、 數(shù)字、下劃線，總長度為 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, 判斷一個字符串中出現(xiàn)次數(shù)最多的字符，統(tǒng)計這個次數(shù)注意兼容性

2、)SPANDIVSPANP21, 請編寫一個 JavaScript 函數(shù) parseQueryString, 它的用途是把 U RL 參數(shù)解析為一個對象，如：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ū)別如何解決跨域問題Ajax是多種技術組合起來的一種瀏覽器和效勞器交互技術，根本思想是允許一個互聯(lián)網(wǎng)瀏覽器向一個遠程頁面/效勞做異步的 調用，并且 用收到的 數(shù)據(jù)來更新一個、“I前web頁面而不必刷新整個頁面。該技術能夠改良客戶端的體驗。包含的技術：XHTML對應 W3CI勺XHTM標準，目前是CSS對應W3C勺CS

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

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名對蟲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é)議造成的跨域問題前端是無能為力的(2) 在跨域問題上，域僅僅通過 URL的首部來識別而不會嘗試判斷相同的IP地址對應的域或

7、者兩個域是否對應一個IP前端對于跨域的解決方法：(1) +iframe(2) 動態(tài)創(chuàng)立script 標簽23,什么是閉包下面這個ul,如何點擊每一列的時候alert其index 這是第一條這是第二條這是第三條內部函數(shù)被定義它的函數(shù)的外部區(qū)域調用的時候就產(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, 請給出異步

8、加載 js 方案，不少于兩種默認悄況 javascript 是同步加載的，也就是 javascript 的加載時阻 塞的， 后面的元素要等待 javascript 加載完畢后才能進行再加載，對于一 些意義不是 很大的 javascript, 如果放在頁頭會導致加載很慢的話，是會 嚴重影響用戶體驗 的。異步加載方式：(1) defer, 只支持 IE(2) async ：(3)創(chuàng)立script,插入到DOM中,加載完畢后callBack,見代碼：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, 如何擴展 prototypeA是某個構造函數(shù)的名字B是這個構造函數(shù)的屬性C是想要定義的屬性的值27, 如何添加 html 元素的事件 ,有幾種方法 .(1) 為HTML元素的事件屬性賦值(2) 在 JS 中使用* = functionO ? ? (3) 使用 D0M2的添加事件的方法 addEventListener 或 attachEvent28, 和 inne

10、rHTML 的區(qū)別只能重繪整個頁面innerHTML 可以重繪頁面的一局部29, 多瀏覽器檢測通過什么(1)(2) 不同瀏覽器的特性，如 addEventListener30, js的根底對象有那些，window和document的常用的方法和屬性 列出 來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, 前端開發(fā)的優(yōu)化問題(1) 減少 請求次數(shù)： css spirit, data uri(2) JS, CSS 源碼壓縮(3) 前端模板JS+數(shù)據(jù)，減少山于HTML標簽導致的帶寬浪費，前端用 變量 保存AJAX請求結果，每次操作本地變量，不用請求，減少請求次數(shù)(4) 用innerHTML代替DOH操作，減少 DOM操作次數(shù)，優(yōu)化javascri Pt 性能(5) 用 setTimeout 來防止頁面失去響應(6) 用 hash-table 來優(yōu)化查找(7) 當需要設置的樣式很多時設置 className而不是直接操作style(8) 少用全局變量(9) 緩存DOM節(jié)點查找的結果(10) 防止使用 CSS Expression(11) 圖片預載(12) 防止在頁面的主體布局中使用table, table要等其中的內容完 全下載之后才會顯示出來，顯示比 div+css布局慢32, 如何控制網(wǎng)頁在網(wǎng)