前端开发笔试题集锦无锡软件培训中心

1、以下为Web前端开发笔试题集锦之Javascript篇,移步HTML/CSS篇1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字 母、 数字、下划线，总长度为 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, 判断一个字符串中出现次数最多的字符，统计这个次数注意兼容性

2、)SPANDIVSPANP21, 请编写一个 JavaScript 函数 parseQueryString, 它的用途是把 U RL 参数解析为一个对象，如：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的交互模型同步和异步的区别如何解决跨域问题Ajax是多种技术组合起来的一种浏览器和效劳器交互技术，根本思想是允许一个互联网浏览器向一个远程页面/效劳做异步的 调用，并且 用收到的 数据来更新一个、“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的驴灸务群涓求数护应故抬黃务8S 整湎.同步：脚本会停留并等待效劳器发送回复然后再继续异步：脚本允许页面继续其进程并处理可能的回复跨域问题简单的理解就是因为 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他.沖洞协叹不允许?* 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)如果是端口或者协议造成的跨域问题前端是无能为力的(2) 在跨域问题上，域仅仅通过 URL的首部来识别而不会尝试判断相同的IP地址对应的域或

7、者两个域是否对应一个IP前端对于跨域的解决方法：(1) +iframe(2) 动态创立script 标签23,什么是闭包下面这个ul,如何点击每一列的时候alert其index 这是第一条这是第二条这是第三条内部函数被定义它的函数的外部区域调用的时候就产生了闭包。(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)创立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是某个构造函数的名字B是这个构造函数的属性C是想要定义的属性的值27, 如何添加 html 元素的事件 ,有几种方法 .(1) 为HTML元素的事件属性赋值(2) 在 JS 中使用* = functionO ? ? (3) 使用 D0M2的添加事件的方法 addEventListener 或 attachEvent28, 和 inne

10、rHTML 的区别只能重绘整个页面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, 前端开发的优化问题(1) 减少 请求次数： css spirit, data uri(2) JS, CSS 源码压缩(3) 前端模板JS+数据，减少山于HTML标签导致的带宽浪费，前端用 变量 保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数(4) 用innerHTML代替DOH操作，减少 DOM操作次数，优化javascri Pt 性能(5) 用 setTimeout 来防止页面失去响应(6) 用 hash-table 来优化查找(7) 当需要设置的样式很多时设置 className而不是直接操作style(8) 少用全局变量(9) 缓存DOM节点查找的结果(10) 防止使用 CSS Expression(11) 图片预载(12) 防止在页面的主体布局中使用table, table要等其中的内容完 全下载之后才会显示出来，显示比 div+css布局慢32, 如何控制网页在网