第1页 / 共178页
第2页 / 共178页
第3页 / 共178页
第4页 / 共178页
第5页 / 共178页
第6页 / 共178页
第7页 / 共178页
第8页 / 共178页
2020年前端面试题汇总.pdf
一、HTML和CSS
1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
2、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
3、Quirks模式是什么？它和Standards模式有什么区别
4、div+css的布局较table布局有什么优点？
5、 img的alt与title有何异同？ strong与em的异同？
6、你能描述一下渐进增强和优雅降级之间的不同吗?
7、为什么利用多个域名来存储网站资源会更有效？
8、请谈一下你对网页标准和标准制定机构重要性的理解。
9、请描述一下cookies，sessionStorage和localStorage的区别？
10、简述一下src与href的区别。
11、知道的网页制作会用到的图片格式有哪些？
12、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？
13、在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有
14、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的
15、你如何理解HTML结构的语义化？
16、谈谈以前端角度出发做好SEO需要考虑什么？
17、有哪项方式可以对一个DOM设置它的CSS样式？
18、CSS都有哪些选择器？
19、CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
20、超链接访问过后hover样式就不出现的问题是什么？如何解决？
21、什么是Css Hack？ie6,7,8的hack分别是什么？
22、请用Css写一个简单的幻灯片效果页面
24、行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
25、什么是外边距重叠？重叠的结果是什么？
26、rgba()和opacity的透明效果有什么不同？
27、css中可以让文字在垂直和水平方向上重叠的两个属性是什么？
28、如何垂直居中一个浮动元素？
29、px和em的区别。
30、描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的
31、Sass、LESS是什么？大家为什么要使用他们？
32、display:none与visibility:hidden的区别是什么？
34、CSS中link和@import的区别是：
35、简介盒子模型：
36、为什么要初始化样式？
37、BFC是什么?
38、html语义化是什么？
39、Doctype的作用？严格模式与混杂模式的区别？
40、IE的双边距BUG：块级元素float后设置横向margin，ie6显示的margin比设置的
41、HTML与XHTML——二者有什么区别？
42、html常见兼容性问题？
43、对WEB标准以及W3C的理解与认识
44、行内元素有哪些?块级元素有哪些?CSS的盒模型?
45、前端页面有哪三层构成，分别是什么?作用是什么?
46、Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
47、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
48、CSS的盒子模型？
49、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
50、如何居中div,如何居中一个浮动元素?
51、浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技
52、列出display的值，说明他们的作用。position的值， relative和absolu
53、absolute的containing block计算方式跟正常流有什么不同？
54、position跟display、margin collapse、overflow、float
55、对WEB标准以及W3C的理解与认识
56、css的基本语句构成是?
57、浏览器标准模式和怪异模式之间的区别是什么?
58、CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？
59、超链接访问过后hover样式就不出现的问题是什么？如何解决？
60、什么是Css Hack？ie6,7,8的hack分别是什么？
62、请用Css写一个简单的幻灯片效果页面
63、行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？
64、什么是外边距重叠？重叠的结果是什么？
65、rgba()和opacity的透明效果有什么不同？
66、css中可以让文字在垂直和水平方向上重叠的两个属性是什么？
67、如何垂直居中一个浮动元素？
68、描述一个"reset"的CSS文件并如何使用它。知道normalize.css吗？你了解他们的
69、说display属性有哪些？可以做什么？
70、哪些css属性可以继承？
71、css优先级算法如何计算？
72、b标签和strong标签,i标签和em标签的区别？
73、有那些行内元素、有哪些块级元素、盒模型？
74、有哪些选择符，优先级的计算公式是什么？行内样式和！important哪个优先级高？
75.我想让行内元素跟上面的元素距离10px，加margin-top和padding-top可以吗？
76.CSS的盒模型由什么组成？
77、.说说display属性有哪些？可以做什么？
78、哪些css属性可以继承？
79、css优先级算法如何计算？
80、text-align:center和line-height有什么区别？
81、前端页面由哪三层构成，分别是什么？作用是什么？
82、写一个表格以及对应的CSS,使表格奇数行为白色背景，偶数行为灰色，鼠标一上去为黄色背景。
二、JS基础
1、javascript的typeof返回哪些数据类型
2、例举3种强制类型转换和2种隐式类型转换?
3、split() join() 的区别
4、数组方法pop() push() unshift() shift()
5、事件绑定和普通事件有什么区别
6、IE和DOM事件流的区别
7、IE和标准下有哪些兼容性的写法
8、call和apply的区别
9、b继承a的方法
10、JavaScript this指针、闭包、作用域
11、事件委托是什么
12、闭包是什么，有什么特性，对页面有什么影响
13、如何阻止事件冒泡和默认事件
14、添加 删除 替换 插入到某个接点的方法
15、javascript的本地对象，内置对象和宿主对象
16、document load 和document ready的区别
17、”==”和“===”的不同
18、javascript的同源策略
19、编写一个数组去重的方法
20、JavaScript是一门什么样的语言，它有哪些特点？
21、JavaScript的数据类型都有什么？
22、已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方框架)
23、希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)
24、设置一个已知ID的DIV的html内容为xxxx，字体颜色设置为黑色(不使用第三方框架)
25、当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？
26、看下列代码输出为何？解释原因。
27、看下列代码,输出什么？解释原因。
28、看下列代码,输出什么？解释原因。
29、看代码给答案。
30、已知数组var stringArray = [“This”, “is”, “Baidu”, “
31、var numberArray = [3,6,2,4,1,5]; （考察基础API）
32、输出今天的日期，以YYYY-MM-DD的方式，比如今天是2014年9月26日，则输出2014-
33、将字符串”{$id} {$name}
34、为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，
35、foo = foo||bar ，这行代码是什么意思？为什么要这样写？
36、看下列代码，将会输出什么?(变量声明提升)
37、用js实现随机选取10–100之间的10个数字，存入一个数组，并排序。
38、把两个数组合并，并删除第二个元素。
39、怎样添加、移除、移动、复制、创建和查找节点（原生JS，实在基础，没细写每一步）
40、有这样一个URL：http://item.taobao.com/item.htm?a=1&b=
41、正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var r
42、写一个function，清除字符串前后的空格。（兼容所有浏览器）
43、Javascript中callee和caller的作用？
44、Javascript中, 以下哪条语句一定会产生运行错误？ 答案( BC )
45、以下两个变量a和b，a+b的哪个结果是NaN？ 答案( C )
46、var a=10; b=20; c=4; ++b+c+a++ 以下哪个结果是正确的？答案(
47、下面的JavaScript语句中，（ D ）实现检索当前页面中的表单元素中的所有文本框，并将它
49、以下哪条语句会产生运行错误：（A）正确答案：A、DA.var obj = ();B.var
50、以下哪个单词不属于javascript保留字：（B）A.withB.parentC.cl
51、请选择结果为真的表达式：（C）A.null instanceof ObjectB.null
52、Javascript中, 如果已知HTML页面中的某标签对象的id=”username”，用_
53、typeof运算符返回值中有一个跟javascript数据类型不一致，它是________”f
54、定义了一个变量，但没有为该变量赋值，如果alert该变量，javascript弹出的对话框中显
55、分析代码，得出正确的结果。
56、写出函数DateDemo的返回结果，系统时间假定为今天
57、写出程序运行的结果？
58、阅读以下代码，请分析出结果：
59、补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口；
60、写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的htm
61、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。
62、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示
63、截取字符串abcdefg的efg
64、列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个
65、简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明
66、希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)
67、JavaScript的数据类型都有什么？
68、javascript中有哪几种数据类型，分别写出中文和英文。
69、javascript中==和===的区别是什么？举例说明。
70、简述创建函数的几种方式
71、Javascript如何实现继承？
72、Javascript创建对象的几种方式？
73、把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别？浏览器会如何
74、iframe的优缺点？
75、请你谈谈Cookie的弊端？
76、DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
77、js延迟加载的方式有哪些？
78、documen.write和 innerHTML 的区别？
79、哪些操作会造成内存泄漏？
80、javascript的typeof返回哪些数据类型?
81、split() join() 的区别
82、数组方法pop() push() unshift() shift()各表示什么意思？
83、判断一个字符串中出现次数最多的字符，统计这个次数
84、javascript的typeof返回哪些数据类型
85、例举3种强制类型转换和2种隐式类型转换?
86、split() join() 的区别
87、数组方法pop() push() unshift() shift()
89、IE和DOM事件流的区别
90、IE和标准下有哪些兼容性的写法
91、call和apply的区别
93、写一个获取非行间样式的函数
95、闭包是什么，有什么特性，对页面有什么影响
96、解释jsonp的原理，以及为什么不是真正的ajax
97、javascript的本地对象，内置对象和宿主对象
98、document load 和document ready的区别
99、字符串反转，如将 '12345678' 变成 '87654321'
100、将数字 12345678 转化成 RMB形式 如： 12,345,678
101、生成5个不同的随机数；
102、去掉数组中重复的数字 方法一；
103、阶乘函数；9*8*7*6*5…*1
104、window.location.search返回的是什么？
105、window.location.hash 返回的是什么？
106、window.location.reload() 作用？
107、阻止冒泡函数
108、什么是闭包？ 写一个简单的闭包？；
109、javascript 中的垃圾回收机制？
110、看题做答：
111、下面输出多少？
112、再来一个
113、输出多少？
114、输出多少？
115、JS的继承性
116、精度问题: JS 精度不能精确到 0.1 所以 。。。。同时存在于值和差值中
117、加减运算
118、什么是同源策略？
119、call和apply的区别是什么？
120、为什么不能定义1px左右的div容器？
121、结果是什么？
122、输出结果
123、计算字符串字节数：
124、结果是：
125、声明对象，添加属性，输出属性
126、匹配输入的字符：第一个必须是字母或下划线开头，后面就是字母和数字或者下划线构成，长度5-20
127、检测变量类型
128、如何在HTML中添加事件，几种方法？
129、BOM对象有哪些，列举window对象？
130、请问代码实现 outerHTML
131、JS中的简单继承 call方法！
132、bind(), live(), delegate()的区别
133、typeof 的返回类型有哪些？
134、简述link和import的区别？
135、window.onload 和 document.ready的区别？
136、 解析URL成一个对象？
137、看下列代码输出什么？
138、看下列代码,输出什么？
139、已知数组var stringArray = ["This”, "is”, "Baidu”,
140、已知有字符串foo="get-element-by-id",写一个function将其转化成
141、怎样添加、移除、移动、复制、创建和查找节点
142、原生JS的window.onload与Jquery的$(document).ready(fu
143、你如何优化自己的代码？
144、请描述出下列代码运行的结果
145、需要将变量e的值修改为“a+b+c+d”,请写出对应的代码
146、怎样实现两栏等高？
147、使用js实现这样的效果：在文本域里输入文字时，当按下enter键时不换行，而是替换成“{{e
148、以下代码中end字符串什么时候输出
149、specify(‘hello,world’)//=>’h,e,l,l,o,w,o,r,l,d
150、请将一个URL的search部分参数与值转换成一个json对象
151、请用原生js实现jquery的get\post功能，以及跨域情况下
152、请简要描述web前端性能需要考虑哪方面，你的优化思路是什么？
153、简述readyonly与disabled的区别
154、判断一个字符串出现次数最多的字符，统计这个次数并输出
155、编写一个方法，去掉一个数组的复重元素
156、写出3个使用this的典型应用
157、请尽可能详尽的解释ajax的工作原理
158、为什么扩展javascript内置对象不是好的做法？
159、请解释一下javascript的同源策略
160、什么是三元表达式？“三元”表示什么意思？
161、浏览器标准模式和怪异模式之间的区别是什么？
162、如果设计中使用了非标准的字体，你该如何去实现？
163、用css分别实现某个div元素上下居中和左右居中
164、module(12,5)//2 实现满足这个结果的modulo函数
165、HTTP协议中，GET和POST有什么区别？分别适用什么场景 ？
166、HTTP状态消息200 302 304 403 404 500分别表示什么
167、HTTP协议中，header信息里面，怎么控制页面失效时间（last-modified,ca
168、HTTP协议目前常用的有哪几个？KEEPALIVE从哪个版本开始出现的？
169、业界常用的优化WEB页面加载速度的方法（可以分别从页面元素展现，请求连接，css,js,服务
170、列举常用的web页面开发，调试以及优化工具
171、解释什么是sql注入，xss漏洞
172、如何判断一个js变量是数组类型
173、请列举js数组类型中的常用方法
174、FF与IE中如何阻止事件冒泡，如何获取事件对象，以及如何获取触发事件的元素
175、列举常用的js框架以及分别适用的领域
176、js中如何实现一个map
概述
语法
参数
177、js可否实现面向对象编程，如果可以如何实现js对象的继承
178、约瑟夫环—已知n个人（以编号1，2，3…分别表示）围坐在一张圆桌周围。从编号为k的人开始报数
179、有1到10w这个10w个数，去除2个并打乱次序，如何找出那两个数？
180、如何获取对象a拥有的所有属性（可枚举的、不可枚举的，不包括继承来的属性）
181、有下面这样一段HTML结构，使用css实现这样的效果：
182、下面这段代码想要循环昝输出结果01234，请问输出结果是否正确，如果不正确，请说明为什么，并
183、解释下这个css选择器什么发生什么？
184、JavaScript以下哪条语句会产生运行错误
185、以下哪些是javascript的全局函数：（ABCDE）
186、关于IE的window对象表述正确的有：（CD）
187、描述错误的是 D
188、关于link和@import的区别正确的是 A
189、下面正确的是 A
188、错误的是：AC
189、不用任何插件，如何实现一个tab栏切换？
190、基本数据类型的专业术语以及单词拼写
191、变量的命名规范以及命名推荐
192、三种弹窗的单词以及三种弹窗的功能
193、console.log( 8 | 1 ); 输出值是多少？
194、只允许使用 + - * / 和 Math.* ，求一个函数 y = f(x, a, b);当
195、JavaScript alert(0.4*0.2);结果是多少？和你预期的一样吗？如果不一样
196、一个div，有几种方式得到这个div的jQuery对象？
197、主流浏览器内核
198、如何显示/隐藏一个dom元素？请用原生的JavaScript方法实现
199、JavaScript有哪几种数据类型
200、jQuery框架中$.ajax()的常用参数有哪些？
写一个post请求并带有发送数据和返回数据的样例
201、JavaScript数组元素添加、删除、排序等方法有哪些？
202、如何添加html元素的事件，有几种方法？请列举
203、JavaScript的循环语句有哪些？
204、作用域-编译期执行期以及全局局部作用域问题
205、闭包：下面这个ul，如何点击每一列的时候alert其index？
206、列出3条以上ff和IE的脚本兼容问题
207、列举可以哪些方面对前端开发进行优化
208、至少列出一种JavaScript继承的实现方式
209、如现在有一个效果，有显示用户头像、用户昵称、用户其他信息；当用户鼠标移到头像上时，会弹出用户
210、call与apply有什么作用？又有什么什么区别？用callee属性实现函数递归？
211、用正则表达式，写出由字母开头，其余由数字、字母、下划线组成的6~30的字符串？
212、列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个 （1
213、Javascript中callee和caller的作用？
214、对于apply和call两者在作用上是相同的，即是调用一个对象的一个方法，以另一个对象替换当
215、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？
216、写一个函数可以计算 sum(5,0,-5);输出0; sum(1,2,3,4);输出10;
217、事件代理怎么实现？
218、《正则》写出正确的正则表达式匹配固话号，区号3-4位，第一位为0，中横线，7-8位数字，中横
219、《算法》 一下A,B可任选一题作答，两题全答加分
B:写出代码对下列数组去重并从大到小排列{5,2,3,6,8,6,5,4,7,1,9}
220、请写出一张图片的HTML代码，已知道图片地址为“images/abc.jpg”,宽100px
221、请写一个正则表达式：要求最短6位数，最长20位，阿拉伯数和英文字母（不区分大小写）组成
222、统计1到400亿之间的自然数中含有多少个1？比如1-21中，有1、10、11、12、13、1
223、删除与某个字符相邻且相同的字符，比如fdaffdaaklfjklja字符串处理之后成为“fd
224、请写出三种以上的Firefox有但InternetExplorer没有的属性和函数
225、请写出一个程序，在页面加载完成后动态创建一个form表单，并在里面添加一个input对象并给
226、用JavaScript实现冒泡排序。数据为23、45、18、37、92、13、24
227、解释一下什么叫闭包，并实现一段闭包代码
228、简述一下什么叫事件委托以及其原理
229、前端代码优化的方法
230、下列JavaScript代码执行后，依次alert的结果是
231、下列JavaScript代码执行后，iNum的值是
232、输出结果是多少？
233、用程序实现找到html中id名相同的元素？
234、下列JavaScript代码执行后，运行的结果是
235、☆☆☆下列JavaScript代码执行后，依次alert的结果是
236、下列JavaScript代码执行后的效果是
237、下列JavaScript代码执行后的li元素的数量是
238、程序中捕获异常的方法？
239、将字符串”{$id} {$name}
240、给String对象添加一个方法，传入一个string类型的参数，然后将string的每个字符
241、写出函数DateDemo的返回结果，系统时间假定为今天
242、输出今天的日期，以YYYY-MM-DD的方式，比如今天是2014年9月26日，则输出2014
243、已知数组var?stringArray?=?[“This”,?“is”,?“Baidu”,?
244、已知有字符串foo=”get-element-by-id”,写一个function将其转化成
245、.var numberArray=[3,6,2,4,1,5]; （考察基础API）
246、把两个数组合并，并删除第二个元素。
247、如何消除一个数组里面重复的元素？
248、用js实现随机选取10–100之间的10个数字，存入一个数组，并排序。
249、正则表达式构造函数var reg=new RegExp(“xxx”)与正则表达字面量var
250、1var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9
251、数组和字符串
252、下列控制台都输出什么
253、第2题：
254、第3题：
255、第4题：
256、第5题：
257、第6题：
258、第7题：
259、第8题：
260、第9题：
261、第10题：
262、第11题：考点：函数声明提前
263、第12题：
264、第13题：
265、第14题：
266、第15题
267、第16题
三、Jquery
1、jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部
四、HTML5 CSS3
1、CSS3有哪些新特性？
2、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HT
3、本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据）之间的区别
4、如何实现浏览器内多个标签页之间的通信?
5、你如何对网站的文件和资源进行优化？
6、什么是响应式设计？
7、新的 HTML5 文档类型和字符集是？
8、HTML5 Canvas 元素有什么用？
9、HTML5 存储类型有什么区别？
10、用H5+CSS3解决下导航栏最后一项掉下来的问题
11、CSS3新增伪类有那些？
12、请用CSS实现：一个矩形内容，有投影，有圆角，hover状态慢慢变透明。
13、描述下CSS3里实现元素动画的方法
14、html5\CSS3有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如
15、你怎么来实现页面设计图，你认为前端应该如何高质量完成工作? 一个满屏 品 字布局 如何设计?
16、你能描述一下渐进增强和优雅降级之间的不同吗?
17、为什么利用多个域名来存储网站资源会更有效？
18、请谈一下你对网页标准和标准制定机构重要性的理解。
19、请描述一下cookies，sessionStorage和localStorage的区别？
20、知道css有个content属性吗？有什么作用？有什么应用？
21、如何在 HTML5 页面中嵌入音频?
22、如何在 HTML5 页面中嵌入视频？
23、HTML5 引入什么新的表单属性？
24、CSS3新增伪类有那些？
25、(写)描述一段语义的html代码吧。
26.cookie在浏览器和服务器间来回传递。 sessionStorage和localStorag
27、html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 H
28、如何区分： DOCTYPE声明\新增的结构元素\功能元素
29、语义化的理解？
30、HTML5的离线储存？
31、写出HTML5的文档声明方式
32、HTML5和CSS3的新标签
33、自己对标签语义化的理解
五、移动web开发
1、移动端常用类库及优缺点
2、Zepto库和JQ区别
六、Ajax
1、Ajax 是什么? 如何创建一个Ajax？
2、同步和异步的区别?
3、如何解决跨域问题?
4、页面编码和被请求的资源编码如果不一致如何处理？
5、简述ajax 的过程。
6、阐述一下异步加载。
7、请解释一下 JavaScript 的同源策略。
8、GET和POST的区别，何时使用POST？
9、ajax 是什么?ajax 的交互模型?同步和异步的区别?如何解决跨域问题?
10、 Ajax的最大的特点是什么。
11、ajax的缺点
12、ajax请求的时候get 和post方式的区别
13、解释jsonp的原理，以及为什么不是真正的ajax
14、什么是Ajax和JSON，它们的优缺点。
15、http常见的状态码有那些？分别代表是什么意思？
16、一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
17、ajax请求的时候get 和post方式的区别
18、ajax请求时，如何解释json数据
19、.javascript的本地对象，内置对象和宿主对象
20、为什么利用多个域名来存储网站资源会更有效？
21、请说出三种减低页面加载时间的方法
22、HTTP状态码都有那些。
七、JS高级
JQuery一个对象可以同时绑定多个事件，这是如何实现的？
知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?
如何测试前端代码? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mo
4、前端templating(Mustache, underscore, handlebars)是干
5、简述一下 Handlebars 的基本用法？
6、简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的？如何缓存的？
7、用js实现千位分隔符?
8、检测浏览器版本版本有哪些方式？
9、我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执
10、实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、S
11、如何消除一个数组里面重复的元素？
12、小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(y
13、下面这个ul，如何点击每一列的时候alert其index?（闭包）
14、编写一个JavaScript函数，输入指定类型的选择器(仅需支持id，class，tagNam
15、请评价以下代码并给出改进意见。
16、给String对象添加一个方法，传入一个string类型的参数，然后将string的每个字符间
17、定义一个log方法，让它可以代理console.log的方法。
18、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？
19、对作用域上下文和this的理解，看下列代码：
20、原生JS的window.onload与Jquery的$(document).ready(fun
21、（设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）
22、请实现如下功能
23、说出以下函数的作用是？空白区域应该填写什么？
Javascript作用域链?
谈谈this对象的理解。
eval是做什么的？
关于事件，IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
什么是闭包（closure），为什么要用它？
29、javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？
严格模式
30、如何判断一个对象是否属于某个类(严格来说在ES6之前，js没有类的概念)？
31、new操作符具体干了什么呢?
32、用原生JavaScript的实现过什么功能吗？
33、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？
34、对JSON的了解？
35、js延迟加载的方式有哪些？
36、模块化开发怎么做？
37、AMD（Modules/Asynchronous-Definition）、CMD（Common
38、requireJS的核心原理是什么？（如何动态加载的？如何避免多次加载的？如何 缓存的？）
39、让你自己设计实现一个requireJS，你会怎么做？
40、谈一谈你对ECMAScript6的了解？
41、ECMAScript6 怎么写class么，为什么会出现class这种东西?
42、异步加载的方式有哪些？
43、documen.write和 innerHTML的区别?
44、DOM操作——怎样添加、移除、移动、复制、创建和查找节点?
45、call() 和 apply() 的含义和区别？
46、数组和对象有哪些原生方法，列举一下？
47、JS 怎么实现一个类。怎么实例化这个类
48、JavaScript中的作用域与变量声明提升？
49、如何编写高性能的Javascript？
50、那些操作会造成内存泄漏？
51、javascript对象的几种创建方式？
52、javascript继承的 6 种方法？
53、eval是做什么的？
54、JavaScript 原型，原型链 ? 有什么特点？
55、事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
56、简述一下Sass、Less，且说明区别？
57、关于javascript中apply()和call()方法的区别？
58、简述一下JS中的闭包？
59、说说你对this的理解？
60、分别阐述split(),slice(),splice(),join()？
61、事件委托是什么？
62、如何阻止事件冒泡和默认事件？
63、添加 删除 替换 插入到某个接点的方法？
64、你用过require.js吗？它有什么特性？
65、谈一下JS中的递归函数，并且用递归简单实现阶乘？
66、请用正则表达式写一个简单的邮箱验证。
67、简述一下你对web性能优化的方案？
68、在JS中有哪些会被隐式转换为false
69、定时器setInterval有一个有名函数fn1，setInterval（fn1,500）与s
70、外部JS文件出现中文字符，会出现什么问题，怎么解决？
71、谈谈浏览器的内核，并且说一下什么是内核？
72、JavaScript原型，原型链 ? 有什么特点？
73、写一个通用的事件侦听器函数
74、事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
75、什么是闭包（closure），为什么要用？
76、如何判断一个对象是否属于某个类？
77、new操作符具体干了什么呢?
78、JSON 的了解
79、js延迟加载的方式有哪些
80、模块化怎么做？
81、异步加载的方式
82、告诉我答案是多少？
83、JS中的call()和apply()方法的区别？
84、Jquery与jQuery UI 有啥区别？
85、jquery 中如何将数组转化为json字符串，然后再转化回来？
86、JavaScript中的作用域与变量声明提升？
87、前端开发的优化问题（看雅虎14条性能优化原则）。
88、http状态码有那些？分别代表是什么意思？
89、一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说的越详细越好）
八、流行框架
1、JQuery的源码看过吗？能不能简单概况一下它的实现原理？
2、jQuery.fn的init方法返回的this指的是什么对象？为什么要返回this？
jquery中如何将数组转化为json字符串，然后再转化回来？
jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？
jquery.extend 与 jquery.fn.extend的区别？
6、谈一下Jquery中的bind(),live(),delegate(),on()的区别？
7、JQuery一个对象可以同时绑定多个事件，这是如何实现的？
Jquery与jQuery UI有啥区别？
jQuery和Zepto的区别？各自的使用场景？
6、针对 jQuery 的优化方法？
7、Zepto的点透问题如何解决？
12、知道各种JS框架(Angular, Backbone, Ember, React, Meteo
13、Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法？
14、使用过angular吗？angular中的过滤器是干什么用的
九、移动APP开发
1、移动端最小触控区域是多大？
十、NodeJs
1、对Node的优点和缺点提出了自己的看法：
2、需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方
3、Node.js的适用场景？
4、(如果会用node)知道route, middleware, cluster, nodemon,
5、解释一下 Backbone 的 MVC 实现方式？
6、什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?
7、对Node的优点和缺点提出了自己的看法？
十一、前端概括性问题
1、常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
对BFC规范的理解？
3、99%的网站都需要被重构是那本书上写的？
4、WEB应用从服务器主动推送Data到客户端有那些方式？
5、加班的看法
6、平时如何管理你的项目，如何设计突发大规模并发架构？
7、那些操作会造成内存泄漏？
8、你说你热爱前端，那么应该WEB行业的发展很关注吧？ 说说最近最流行的一些东西吧？
9、你有了解我们公司吗？说说你的认识？
10、移动端（比如：Android IOS）怎么做好用户体验?
你所知道的页面性能优化方法有那些？
除了前端以外还了解什么其它技术么？你最最厉害的技能是什么？
13、AMD（Modules/Asynchronous-Definition）、CMD（Common
14、谈谈你认为怎样做能使项目做的更好？
15、你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
16、php中下面哪个函数可以打开一个文件，以对文件进行读和写操作？
17、php中rmdir可以直接删除文件夹吗？该目录必须是空的，而且要有相应的权限--来自api
18、phpinset和empty的区别，举例说明
19、php中$_SERVER变量中如何得到当前执行脚本路劲
20、写一个php函数，要求两个日期字符串的天数差，如2012-02-05~2012-03-06的日
21、一个衣柜中放了许多杂乱的衬衫，如果让你去整理一下，使得更容易找到你想要的衣服；你会怎么做？请写
22、如何优化网页加载速度？
23、工作流程，你怎么来实现页面设计图，你认为前端应该如何高质量完成工作?
24、介绍项目经验、合作开发、独立开发。
25、开发过程中遇到困难，如何解决。
26、对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？
前端面试题汇总
一、HTML 和 CSS............................................................................................................................... 19
1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?.......................... 19
2、每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？....19
3、Quirks 模式是什么？它和 Standards 模式有什么区别............................................... 19
4、div+css 的布局较 table 布局有什么优点？................................................................. 20
5、 img 的 alt 与 title 有何异同？ strong 与 em 的异同？.......................................... 20
6、你能描述一下渐进增强和优雅降级之间的不同吗?...................................................... 20
7、为什么利用多个域名来存储网站资源会更有效？........................................................ 21
8、请谈一下你对网页标准和标准制定机构重要性的理解。............................................ 21
9、请描述一下 cookies，sessionStorage 和 localStorage 的区别？.......................... 21
10、简述一下 src 与 href 的区别。.....................................................................................22
11、知道的网页制作会用到的图片格式有哪些？.............................................................. 22
12、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？..................23
13、在 css/js 代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次 js
请求一般情况下有哪些地方会有缓存处理？...................................................................... 23
14、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图
片的加载，给用户更好的体验。...........................................................................................23
15、你如何理解 HTML 结构的语义化？................................................................................ 23
16、谈谈以前端角度出发做好 SEO 需要考虑什么？.......................................................... 24
17、有哪项方式可以对一个 DOM 设置它的 CSS 样式？...................................................... 26
18、CSS 都有哪些选择器？....................................................................................................26
19、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？27
20、超链接访问过后 hover 样式就不出现的问题是什么？如何解决？.......................... 27
21、什么是 Css Hack？ie6,7,8 的 hack 分别是什么？.................................................... 27
22、请用 Css 写一个简单的幻灯片效果页面...................................................................... 28
24、行内元素和块级元素的具体区别是什么？行内元素的 padding 和 margin 可设置吗？
................................................................................................................................................... 29
25、什么是外边距重叠？重叠的结果是什么？.................................................................. 29
26、rgba()和 opacity 的透明效果有什么不同？.............................................................. 29
27、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？........................... 30
28、如何垂直居中一个浮动元素？.......................................................................................30
29、px 和 em 的区别。............................................................................................................31
30、描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他
们的不同之处？.......................................................................................................................31
31、Sass、LESS 是什么？大家为什么要使用他们？......................................................... 31
32、display:none 与 visibility:hidden 的区别是什么？............................................. 32
34、CSS 中 link 和@import 的区别是：.............................................................................. 32
35、简介盒子模型：...............................................................................................................32
36、为什么要初始化样式？...................................................................................................33
37、BFC 是什么?......................................................................................................................33
38、html 语义化是什么？......................................................................................................33
39、Doctype 的作用？严格模式与混杂模式的区别？....................................................... 34
40、IE 的双边距 BUG：块级元素 float 后设置横向 margin，ie6 显示的 margin 比设置
的较大。解决：加入_display：inline.............................................................................. 34
41、HTML 与 XHTML——二者有什么区别？.......................................................................... 34
42、html 常见兼容性问题？..................................................................................................34
43、对 WEB 标准以及 W3C 的理解与认识.............................................................................. 35
44、行内元素有哪些?块级元素有哪些?CSS 的盒模型?..................................................... 35
45、前端页面有哪三层构成，分别是什么?作用是什么?.................................................. 35
46、Doctype 作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?35
47、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？................................ 35
48、CSS 的盒子模型？............................................................................................................36
49、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3 新增伪类有
那些？....................................................................................................................................... 36
50、如何居中 div,如何居中一个浮动元素?....................................................................... 36
51、浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？原因，解决方法是
什么，常用 hack 的技巧 ？...................................................................................................37
52、列出 display 的值，说明他们的作用。position 的值， relative 和 absolute 定
位原点是？............................................................................................................................... 38
53、absolute 的 containing block 计算方式跟正常流有什么不同？........................... 38
54、position 跟 display、margin collapse、overflow、float 这些特性相互叠加后
会怎么样？............................................................................................................................... 38
55、对 WEB 标准以及 W3C 的理解与认识.............................................................................. 38
56、css 的基本语句构成是?..................................................................................................39
57、浏览器标准模式和怪异模式之间的区别是什么?........................................................ 39
58、CSS 中可以通过哪些属性定义，使得一个 DOM 元素不显示在浏览器可视范围内？39
59、超链接访问过后 hover 样式就不出现的问题是什么？如何解决？.......................... 39
60、什么是 Css Hack？ie6,7,8 的 hack 分别是什么？.................................................... 39
62、请用 Css 写一个简单的幻灯片效果页面...................................................................... 40
63、行内元素和块级元素的具体区别是什么？行内元素的 padding 和 margin 可设置吗？
................................................................................................................................................... 41
64、什么是外边距重叠？重叠的结果是什么？.................................................................. 41
65、rgba()和 opacity 的透明效果有什么不同？.............................................................. 41
66、css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？........................... 42
67、如何垂直居中一个浮动元素？.......................................................................................42
68、描述一个"reset"的 CSS 文件并如何使用它。知道 normalize.css 吗？你了解他们
的不同之处？...........................................................................................................................43
69、说 display 属性有哪些？可以做什么？...................................................................... 43
70、哪些 css 属性可以继承？...............................................................................................43
71、css 优先级算法如何计算？............................................................................................43
72、b 标签和 strong 标签,i 标签和 em 标签的区别？...................................................... 43
73、有那些行内元素、有哪些块级元素、盒模型？.......................................................... 44
74、有哪些选择符，优先级的计算公式是什么？行内样式和！important 哪个优先级高？
................................................................................................................................................... 45
75.我想让行内元素跟上面的元素距离 10px，加 margin-top 和 padding-top 可以吗？45
76.CSS 的盒模型由什么组成？..............................................................................................45
77、.说说 display 属性有哪些？可以做什么？................................................................ 45
78、哪些 css 属性可以继承？...............................................................................................45
79、css 优先级算法如何计算？............................................................................................45
80、text-align:center 和 line-height 有什么区别？................................................... 46
81、前端页面由哪三层构成，分别是什么？作用是什么？.............................................. 46
82、写一个表格以及对应的 CSS,使表格奇数行为白色背景，偶数行为灰色，鼠标一上
去为黄色背景。.......................................................................................................................46
二、JS 基础...................................................................................................................................... 46
1、javascript 的 typeof 返回哪些数据类型..................................................................... 46
2、例举 3 种强制类型转换和 2 种隐式类型转换?.............................................................. 46
3、split() join() 的区别...................................................................................................46
4、数组方法 pop() push() unshift() shift()............................................................... 47
5、事件绑定和普通事件有什么区别.....................................................................................47
6、IE 和 DOM 事件流的区别....................................................................................................47
7、IE 和标准下有哪些兼容性的写法....................................................................................47
8、call 和 apply 的区别........................................................................................................48
9、b 继承 a 的方法..................................................................................................................48
10、JavaScript this 指针、闭包、作用域....................................................................... 48
11、事件委托是什么...............................................................................................................48
12、闭包是什么，有什么特性，对页面有什么影响.......................................................... 48
13、如何阻止事件冒泡和默认事件.......................................................................................48
14、添加 删除 替换 插入到某个接点的方法.................................................................... 49
15、javascript 的本地对象，内置对象和宿主对象......................................................... 49
16、document load 和 document ready 的区别................................................................ 49
17、”==”和“===”的不同.................................................................................................49
18、javascript 的同源策略..................................................................................................50
19、编写一个数组去重的方法...............................................................................................50
stringArray
Alert 出”This
20、JavaScript 是一门什么样的语言，它有哪些特点？................................................. 50
21、JavaScript 的数据类型都有什么？............................................................................. 51
22、已知 ID 的 Input 输入框，希望获取这个输入框的输入值，怎么做？(不使用第三方
框架)......................................................................................................................................... 52
23、希望获取到页面中所有的 checkbox 怎么做？(不使用第三方框架)........................ 52
24、设置一个已知 ID 的 DIV 的 html 内容为 xxxx，字体颜色设置为黑色(不使用第三方
框架)......................................................................................................................................... 52
25、当一个 DOM 节点被点击时候，我们希望能够执行一个函数，应该怎么做？..........52
26、看下列代码输出为何？解释原因。.............................................................................. 53
27、看下列代码,输出什么？解释原因。............................................................................ 53
28、看下列代码,输出什么？解释原因。............................................................................ 53
29、看代码给答案。...............................................................................................................54
[“This”, “is”, “Baidu”, “Campus”]，
30、已知数组 var
Campus”。......................................................................... 54
[3,6,2,4,1,5]; （考察基础 API）................................... 55
32、输出今天的日期，以 YYYY-MM-DD 的方式，比如今天是 2014 年 9 月 26 日，则输出
2014-09-26............................................................................................................................... 55
33、将字符串”{$id} {$name}
47、下面的 JavaScript 语句中，（ D ）实现检索当前页面中的表单元素中的所有文本
框，并将它们全部清空...........................................................................................................61
48、要将页面的状态栏中显示“已经选中该文本框”，下列 JavaScript 语句正确的是
（ A ）..................................................................................................................................... 62
49、以下哪条语句会产生运行错误：（A）A.var obj = ();
.var obj = [];
Cvar obj = {};
D.ar obj = //;.......................................................................................................................62
50、以下哪个单词不属于 javascript 保留字：（B）A.with
.parent
Cclass
D.oid......................................................................................................................................... 62
51、请选择结果为真的表达式：（C）A.null instanceof Object
.null === undefined
Cnull == undefined
D.aN == NaN.............................................................................................................................62
52、Javascript 中, 如果已知 HTML 页面中的某标签对象的 id=”username”，用
____document.getElementById(‘username’)___ _方法获得该标签对象。..............62
53 、 typeof 运 算 符 返 回 值 中 有 一 个 跟 javascript 数 据 类 型 不 一 致 ， 它 是
________”function”_________。.....................................................................................62
54、定义了一个变量，但没有为该变量赋值，如果 alert 该变量，javascript 弹出的
对话框中显示___undefined______ 。................................................................................ 62
55、分析代码，得出正确的结果。.......................................................................................62
56、写出函数 DateDemo 的返回结果，系统时间假定为今天............................................ 63
57、写出程序运行的结果？...................................................................................................64
58、阅读以下代码，请分析出结果：...................................................................................64
59、补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口； 64
60、写出简单描述 html 标签（不带属性的开始标签和结束标签）的正则表达式，并将
以下字符串中的 html 标签去除掉.........................................................................................65
61、完成 foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。65
62、完成函数 showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示66
63、截取字符串 abcdefg 的 efg............................................................................................66
64、列举浏览器对象模型 BOM 里常用的至少 4 个对象，并列举 window 对象的常用方法
至少 5 个................................................................................................................................... 67
65、简述列举文档对象模型 DOM 里 document 的常用的查找访问节点的方法并做简单说
明............................................................................................................................................... 67
66、希望获取到页面中所有的 checkbox 怎么做？(不使用第三方框架)........................ 67
67、JavaScript 的数据类型都有什么？............................................................................. 67
68、javascript 中有哪几种数据类型，分别写出中文和英文。..................................... 68
69、javascript 中==和===的区别是什么？举例说明。................................................... 69
70、简述创建函数的几种方式...............................................................................................69
71、Javascript 如何实现继承？..........................................................................................69
72、Javascript 创建对象的几种方式？............................................................................. 69
73、把 Script 标签 放在页面的最底部的 body 封闭之前 和封闭之后有什么区别？浏
览器会如何解析它们？...........................................................................................................69
74、iframe 的优缺点？..........................................................................................................69
75、请你谈谈 Cookie 的弊端？.............................................................................................70
76、DOM 操作——怎样添加、移除、移动、复制、创建和查找节点。........................... 70
77、js 延迟加载的方式有哪些？..........................................................................................70
78、documen.write 和 innerHTML 的区别？..................................................................... 70
79、哪些操作会造成内存泄漏？...........................................................................................71
80、javascript 的 typeof 返回哪些数据类型?................................................................. 71
81、split() join() 的区别.................................................................................................71
82、数组方法 pop() push() unshift() shift()各表示什么意思？............................. 71
83、判断一个字符串中出现次数最多的字符，统计这个次数.......................................... 71
84、javascript 的 typeof 返回哪些数据类型................................................................... 72
85、例举 3 种强制类型转换和 2 种隐式类型转换?............................................................ 72
86、split() join() 的区别.................................................................................................72
87、数组方法 pop() push() unshift() shift()............................................................. 72
88、事件绑定和普通事件有什么区别.................................................. 错误！未定义书签。
89、IE 和 DOM 事件流的区别..................................................................................................72
90、IE 和标准下有哪些兼容性的写法..................................................................................72
91、call 和 apply 的区别......................................................................................................72
92、b 继承 a 的方法............................................................................... 错误！未定义书签。
93、写一个获取非行间样式的函数.......................................................................................73
94、事件委托是什么.............................................................................. 错误！未定义书签。
95、闭包是什么，有什么特性，对页面有什么影响.......................................................... 73
96、解释 jsonp 的原理，以及为什么不是真正的 ajax..................................................... 73
97、javascript 的本地对象，内置对象和宿主对象......................................................... 73
98、document load 和 document ready 的区别................................................................ 73
99、字符串反转，如将 '12345678' 变成 '87654321'.................................................... 74
....................................... 74
100、将数字 12345678 转化成 RMB 形式 如： 12,345,678
101、生成 5 个不同的随机数；.............................................................................................74
102、去掉数组中重复的数字 方法一；.............................................................................. 74
103、阶乘函数；.....................................................................................................................75
104、window.location.search() 返回的是什么？.......................................................... 76
105、window.location.hash 返回的是什么？................................................................ 76
106、window.location.reload() 作用？.......................................................................... 76
107、阻止冒泡函数.................................................................................................................76
108、什么是闭包？ 写一个简单的闭包？；...................................................................... 77
109、javascript 中的垃圾回收机制？.............................................................................. 77
110、看题做答：.....................................................................................................................77
111、下面输出多少？.............................................................................................................78
112、再来一个.........................................................................................................................78
113、......................................................................................................................................... 78
114、......................................................................................................................................... 79
115、JS 的继承性....................................................................................................................80
116、精度问题: JS 精度不能精确到 0.1 所以 。。。。同时存在于值和差值中..80
117、加减运算.........................................................................................................................80
118、什么是同源策略？.........................................................................................................81
119、call 和 applay 的区别是什么？..................................................................................81
.......................................................... 81
120、为什么不能定义 1px 左右的 div 容器？
121、结果是什么？.................................................................................................................81
122、输出结果.........................................................................................................................81
123、计算字符串字节数：.....................................................................................................82
124、结果是：.........................................................................................................................82
125、声明对象，添加属性，输出属性................................................................................ 82
126、匹配输入的字符：第一个必须是字母或下划线开头，长度 5-20........................... 82
127、检测变量类型.................................................................................................................83
128、如何在 HTML 中添加事件，几种方法？...................................................................... 83
129、BOM 对象有哪些，列举 window 对象？....................................................................... 83
130、请问代码实现 outerHTML.............................................................................................83
131、JS 中的简单继承 call 方法！.....................................................................................84
132、bind(), live(), delegate()的区别........................................................................ 85
............................................................................ 85
133、typeof 的返回类型有哪些？
134、简述 link 和 import 的区别？.....................................................................................86
135、window.onload 和 document.ready 的区别？......................................................... 86
136、 解析 URL 成一个对象？...............................................................................................86
137、看下列代码输出什么？.................................................................................................86
138、看下列代码,输出什么？...............................................................................................87
139、已知数组 var stringArray = ["This”, "is”, "Baidu”, "Campus”]，Alert
出”This is Baidu Campus”。...........................................................................................87
140、已知有字符串 foo="get-element-by-id",写一个 function 将其转化成驼峰表示
法"getElementById"。...........................................................................................................87
141、怎样添加、移除、移动、复制、创建和查找节点.................................................... 87
142、原生 JS 的 window.onload 与 Jquery 的$(document).ready(function(){})有什么
不同？....................................................................................................................................... 88
143、你如何优化自己的代码？.............................................................................................88
144、请描述出下列代码运行的结果.....................................................................................88
145、需要将变量 e 的值修改为“a+b+c+d”,请写出对应的代码.................................... 88
146、怎样实现两栏等高？.....................................................................................................89
147、使用 js 实现这样的效果：在文本域里输入文字时，当按下 enter 键时不换行，而
是替换成“{{enter}}”,(只需要考虑在行尾按下 enter 键的情况)............................. 89
148、以下代码中 end 字符串什么时候输出........................................................................ 89
149、specify(‘hello,world’)//=>’h,e,l,l,o,w,o,r,l,d’实现 specify 函数..89
150、请将一个 URL 的 search 部分参数与值转换成一个 json 对象................................ 89
151、请用原生 js 实现 jquery 的 get\post 功能，以及跨域情况下.............................. 90
152、请简要描述 web 前端性能需要考虑哪方面，你的优化思路是什么？....................90
153、简述 readyonly 与 disabled 的区别.......................................................................... 91
154、判断一个字符吕串出现次数最多的字符，统计这个次数并输出............................ 91
155、编写一个方法，去掉一个数组的复重元素................................................................ 91
156、写出 3 个使用 this 的典型应用...................................................................................91
157、请尽可能详尽的解释 ajax 的工作原理...................................................................... 91
158、为什么扩展 javascript 内置对象不是好的做法？.................................................. 91
159、请解释一下 javascript 的同源策略.......................................................................... 91
160、什么是三元表达式？“三元”表示什么意思？........................................................ 91
161、浏览器标准模式和怪异模式之间的区别是什么？.................................................... 91
162、如果设计中使用了非标准的字体，你该如何去实现？............................................ 92
163、用 css 分别实现某个 div 元素上下居中和左右居中................................................ 92
164、modulo(12,5)//2 实现满足这个结果的 modulo 函数............................................ 92
165、HTTP 协议中，GET 和 POST 有什么区别？分别适用什么场景 ？............................ 92
166、HTTP 状态消息 200 302 304 403 404 500 分别表示什么....................................... 93
167 、 HTTP 协 议 中 ， header 信 息 里 面 ， 怎 么 控 制 页 面 失 效 时 间
（last-modified,cache-control,Expires 分别代表什么）........................................... 93
168、HTTP 雷锋议目前常用的有哪几个？KEEPALIVE 从哪个版本开始出现的？............93
169、业界常用的优化 WEB 页面加载速度的方法（可以分别从页面元素展现，请求连接，
css,js,服务器等方面介绍）.................................................................................................93
170、列举常用的 web 页面开发，调试以及优化工具........................................................ 93
171、解释什么是 sql 注入，xss 漏洞..................................................................................94
172、如何判断一个 js 变量是数组类型.............................................................................. 94
173、请列举 js 数组类型中的常用方法.............................................................................. 94
174、FF 与 IE 中如何阻止事件冒泡，如何获取事件对象，以及如何获取触发事件的元
