那些年我做过Web（H5+C3+Js）‘有趣’的面试题 |【索引帖】
本帖最后由 不二如是 于 2020-4-24 09:26 编辑▲题的意义就在这里{:10_336:}
近年来，从事Web开发的程序员越来越多，三剑客（H5+C3+Js）的曝光率也越来越高。
如果你想转行试试Web开发，不妨收做点儿面试题，万一要用得上呢？！
本人一向很恶心为考试分数而做题，却支持为干实事儿而做题！
未雨绸缪，总没错的
告诉鱼油个秘密：
**** Hidden Message *****
推荐阅读：
JavaScript是未来编程语言界的王者?
实用Tips - 13 - 为什么HTML5会越来越火？！|【纯套路版】
----------------▼ 素 - 淳朴本色 ▽----------------
序号 题目
1 什么是JavaScript？
2 JavaScript是谁发明的？
3 Java和JavaScript区别在哪里？
4 何为前端工程师？
5 Js都有什么基本类型？
6 js有哪些内置对象？
7 Js有哪些基本规范？
8 Js中原型和原型链有啥区别 ?
9 Js中有哪几种类型的值？
10 Js如何实现继承？
11 Js有几种创建对象的方式？
12 何为Js的作用链域?
13 谈谈对This对象的理解
14 eval（）是做什么的？
15 null，undefined 的区别？
16 HTML5 为什么只需要写<!DOCTYPE HTML>？
17 行内元素有哪些？
18 块级元素有哪些？
19 空(void)元素有那些？
20 页面导入样式时，使用link和@import有什么区别？
21 谈谈对浏览器内核的理解？（100字内）
22 常见的浏览器内核有哪些？
23 html5有哪些新特性、移除了那些元素？
24 如何处理HTML5新标签的浏览器兼容问题？
25 谈谈对HTML语义化的理解？（100字）
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 || JavaScript - 庖丁解牛 || PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
TIPS：点击上方“目录”即可跳转到其他章节{:10_336:}
----------------▼ 假 - 顺应自然 ▽----------------
序号 题目
26 谈谈对HTML5的离线储存的理解（100字）
27 HTML5的离线储存怎么使用？
28 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？
29 cookies，sessionStorage 和 localStorage 的区别？
30 Label怎么用？
31 HTML5的form如何关闭自动完成功能？
32 如何实现浏览器内多个标签页之间的通信?
33 webSocket如何兼容低浏览器？
34 如何在页面上实现一个圆形的可点击区域？
35 网页验证码是为了解决什么安全问题？
36 title与h1的区别？
37 b与strong的区别？
38 i与em的区别？
39 什么是CSS的盒子模型？
40 标准的CSS的盒子模型和低版本IE的盒子模型有什么不同的？
41 CSS选择符有哪些？
42 CSS中可继承与不可继承的样式有哪些？
43 CSS优先级算法如何计算？
44 如何居中div？（多种方式）
45 display有哪些值？
46 如何用纯CSS创建一个三角形？
47 li与li之间有看不见的空白间隔是什么原因引起的？
48 为什么要初始化CSS样式？
49 下面代码会输出什么？
50 如何实现对数组进行乱序？
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 并 - 众生皆贵----------------
序号 题目
51 JavaScript 的数据类型分为哪些种类
52 关于 JavaScript 语言，下列描述中，哪个是错误？
53 需要在 html 页面上引用代码文件myJs.js，下列语句中，正确的是？
54 现需要使用 JavaScript 在页面上打印出"Hello World"，正确的是？
55 下面代码输出什么？
56 查看如下代码，变量m的值是？
57 查看如下代码，输出结果是？
58 查看如下代码，输出什么？
59 下述代码的输出结果是？
60 谈谈你对Web标准的理解？
61 谈谈你如何对网站的文件和资源进行优化？
62 前端页面有哪三层构成，分别是什么？作用是什么？
63 超级链接有哪些常见的表现形式？
64 锚点的作用是什么？如何创建锚点？
65 列举常用的结构标记，并描述其作用。
66 使用<label> 元素显示文本与使用其他文本标记显示文本有什么同？
67 link 和@import 的区别是？
68 xhtml和html有什么区别？
69 html5有哪些新特性、移除了那些元素？
70 如何区分： DOCTYPE声明\新增的结构元素\功能元素，语义化的理解？
71 HTML5 新的 DocType 和 Charset 是什么？
72 如何在 HTML5 页面中嵌入音频和视频？
73 HTML5 有哪些不同类型的存储，区别是什么？
74 HTML5 引入什么新的表单属性？
75 如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 气 - 脑回之力 ▽----------------
序号 题目
76 HTML5 标准提供了哪些新的 API？
77 什么是HTML5，哪些浏览器支持？没有<!DOCTYPE HTML>HTML5还会工作吗？
78 HTML5的页面结构
79 HTML5中的datalist是什么？
80 HTML5中什么是输出元素？
81 简述Canvas和SVG是什么？
82 简述两种离线存储
83 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
84 如何实现浏览器内多个标签页之间的通信?
85 webSocket如何兼容低浏览器？
86 Canvas和SVG图形之间的区别是什么？
87简要描述HTML5 中的本地存储
88 什么是Web Worker？为什么我们需要他们？
89 谈谈你对浏览器兼容性问题的理解
90 为什么建议设置背景图像的同时还设置背景颜色？
91 内联元素可以实现浮动吗？
92 什么情况下需要“额外设置”表格的显示规则？
93 简要描述CSS 中content 属性的作用
94 在设置文本的字体时，为什么建议“设置替换字体”？
95 简要描述CSS 中的定位机制
96 哪些属性可以继承？
97 cellpadding与cellspacing有何区别？
98 display与visibility有何异同？
99 table-layout、border-collapse有何用途？
100 链接标记target属性的_top、_parent、_blank、main、left、top各有何用处?
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 间 - 气聚成场 ▽----------------
序号 题目
101 解释css sprites，如何使用
102 清除浮动的几种方式，各自的优缺点 如何清除浮动元素带来的影响
103 CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？
104 CSS3新增伪类举例
105 CSS3有哪些新特性？
106 用CSS写一个满屏“品”字布局
107 为什么要初始化CSS样式？
108 用CSS写一个“品”字布局
109 请写出css定义的权重？
110 解释下浮动和它的工作原理？清除浮动的技巧
111 用过媒体查询，针对移动端的布局吗？
112 如果需要手动写动画，你认为最小时间间隔是多久，为什么？
113 .display:inline-block 什么时候会显示间隙？
114 超链接点击过后，hover样式为什么没有出现？
115 过渡与动画的区别是什么？
116 简要描述JavaScript 中的作用域链
117 简述JavaScript 中创建自定义对象的方式
118 JavaScript中，this关键字的作用是什么？
119 在JavaScript中，如何应用正则表达式？
120 简要描述JavaScript 中定义函数的几种方式
121 简述arguments 对象的作用
122 什么是“逻辑短路”？
123 列举几个JavaScript中常用的全局函数，并描述其作用
124 解释一下JavaScript 中的局部变量与全局变量的区别
125 简要描述JavaScript 的数据类型？
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 微 - 少即是多 ▽----------------
序号 题目
126 如何阻止表单提交？
127 String.match与RegExp.exec有何区别？
128 正则的i标记与g标记各有何用途？
129 谈谈innerHTML outerHTML innerText之间的区别
130 谈谈innerHTML、nodeValue 与textContent之间的区别
131 array中添加数据用什么方法？
132 简述javascript的优缺点
133 Javascript有哪些内置对象?
134 列举Javascript的本地对象
135 什么是Ajax？
136 解释XMLHttpRequest是什么？
137 谈谈你对Ajax的理解
138 谈谈你对JSON的理解
139 项目中是如何处理JS跨域问题的？
140 AJAX中遇到乱码,你是如何解决的？
141 你为什么要使用jQuery呢？
142 在jQuery中如何注册事件？
143 5个如何获取xx
144 Ajax、get、post、ajaxSetup、getJSON各有何用途？
145 如何使用从服务器获取一个复杂数据（对象）？
146 addClass、css有何用途？
147 如何获取一个元素的实际位置？
148 bind()、unbind()、hover()有何用途？
149 什么是BOM？什么是DOM?
150 DOM操作中，如何获取元素的属性值？
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 秘 - 留白隐韵 ▽----------------
序号 题目
151 简要描述DOM操作中查找元素的方式
152 写出3种强制类型转换和2种隐式类型转换
153 ajax请求的时候get 和post方式的区别
154 ajax请求时，如何解释json数据
155 事件委托是什么?
156 如何阻止事件冒泡和默认事件
157 添加 删除 替换 插入到某个节点的方法
158 解释jsonp的原理，以及为什么不是真正的ajax
159 document load 和document ready的区别
160 “==”和“===”的不同
161 javascript的同源策略
162 JavaScript原型，原型链 ? 有什么特点？
163 eval是做什么的？
164 null，undefined 的区别？
165 Node.js的适用场景？
166 ["1", "2", "3"].map(parseInt) 答案是多少？
167 谈谈This对象的理解
168 什么是闭包（closure），为什么要用它？
169 "use strict"是什么意思 ? 使用它的好处和坏处分别是什么？
170 new操作符具体干了什么呢?
171 Js中执行时对象查找时，永远不会去查找原型，这个函数是？
172 同步和异步的区别?
173 模块化怎么做？立即执行函数,不暴露私有成员
174 AMD和CMD规范区别
175 异步加载的方式有哪些？
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 ◉‿◉ JavaScript - 庖丁解牛 ◉‿◉ PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
----------------▼ 破 - 守规无常 ▽ ----------------
序号 题目
176 documen.write和 innerHTML的区别
177 call() 和 .apply() 的区别？
178 Jquery与jQuery UI 有啥区别？
179 简单说一下JQuery源码实现原理
180 针对 jQuery 的优化方法？
181 如何编写高性能的Javascript？
182 哪些操作会造成内存泄漏？
183 jQuery如何实现一个对象可以同时绑定多个事件？
184 阐述对Node的优点和缺点理解
185 什么是web worker以及它有哪些限制？
186 简述实现页面跳转和刷新的方法
187 body中的onload()函数和jQuery中的$(document).ready()有什么区别
188 jQuery的美元符号$有什么作用？
189 jQuery中的Delegate（）函数有什么作用？
190 写出至少5种常见的http状态码以及代表的意义
191 Ajax都有哪些优点和缺点
192 简述documen.write和 innerHTML的区别
193 如何截取字符串“abcdefishc"的“fishc”
194 写出下面的运算结果
195 简述push()、pop()、shift()、unshift()分别是什么功能?
196 写出程序运行的结果?
197 编写一个方法 求一个字符串的字节长度
198 JavaScript中如何对一个对象进行深度clone？
199 如何控制alert中的换行？
200 编写一个可以把URL解析为对象的JS函数
----------------▼ 权 - 自律自由 ▽ ----------------
序号 题目
201 如何控制网页在网络传输过程中的数据量?
202 该段代码运行结果？
203 实现ES中的Object.getPrototypeOf() 函数
204 实现Array.prototype.forEach？
205 如何用一行代码将arguments转为数组？
206 如何获取光标的水平位置？
207 浅谈兼容浏览器的获取指定元素（elem）的样式属性（name）的方法
208 以下程序运行结果？
209 以下程序的运行结果？
210 如何规避javascript多人开发函数重名问题？
211 前端开发有哪些优化问题？
212 请谈一下你对Ajax的认识
213 AJAX请求总共有多少种CALLBACK
214 div+css的布局较table布局有什么优点？
215 描述一下渐进增强和优雅降级之间的不同
216 为什么利用多个域名来存储网站资源会更有效？
217 浅谈对网页标准和标准制定机构重要性的理解
218 详述一下src与href的区别
219 知道什么是微格式吗？谈谈理解
220 某大型电商网站，照片很多，加载很慢，列举优化方法
221 谈谈以前端角度出发做好SEO需要考虑什么？
222 CSS中什么属性可以另DOM元素不显示在浏览器可视范围内？
223 如何解决超链接访问过后hover样式就不出现的问题？
224 什么是外边距重叠？重叠的结果是什么？
225 rgba()和opacity的透明效果有什么不同？
----------------▼ 精 - 量变质生 ▽----------------
序号 题目
226 px和em的区别?
227 Sass、LESS是什么？大家为什么要使用他们？
228 行内元素和块级元素的具体区别是什么？
229 什么是外边距重叠？重叠的结果是什么？
230 写出至少5个内联元素
231 列举几个块级元素？
232 哪些css属性可以继承？
233 希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)
234 使用原生JS写一个id为Fishc的dom其html内容为fishc，字体颜色设置为黑色
235 如何在DOM节点中实现一个单击触发Js事件？
236 下列代码输出是？（解释原因）
237 解释并写出下列代码输出结果
238 按照要求完成对指定数组的操作
239 以YYYY-MM-DD的方式输出当前日期
240 请写一个函数escapeHtml，将指定字符进行转义
241 "foo = foo||bar"这行代码是什么意思？
242 看下列代码，将会输出什么?(hoist)
243 把两个数组合并，并删除第二个元素
244 下列代码的输出结果？
245 简述Javascript中callee和caller的作用？
246 截取字符串abcdfishc中的fishc
247 获取页面中所有的checkbox怎么做？(不使用第三方框架)
248 简述创建函数的几种方式
249 简述Js中实现继承的几种方式
250 请谈谈Cookie的弊端？
----------------▼ 糖 - 念念不忘 ▽----------------
序号 题目
251 DOM操作如何创造新节点？
252 如何查找DOM节点
253 哪些操作会造成内存泄漏？
254 JS中的typeof返回哪些数据类型?
255 写一个获取非行间样式的函数
256 用最简单的语言解释“事件委托”
257 document load 和document ready的区别
258 用尽可能少的代码将 'fishc' 变成 'chsif'
259 生成6个不同的随机数
260 用最简单的方式实现“阻止冒泡函数”
261 简述js中的“垃圾回收机制”
262 为什么不能定义1px左右的div容器？
263 bind(), live(), delegate()的区别
264 简述link和import的区别？
265 项目开发中你是如何优化代码的？
266 关于link和@import的区别正确的选项是
267 console.log( 8 | 1 )输出结果是？
268 简述JS中数组添加、删除、排序等方法有哪些？
269 什么是Js中的伪数组？
270 如何将伪数组转化为标准数组？
271 简述程序中捕获异常的方法？
272 用js实现随机选取10–100之间的10个数字，存入一个数组，并排序
273 代码输出结果？
274 如何实现浏览器内多个标签页之间的通信?
275 简述对响应式设计的理解
----------------▼ 盛 - 花开待初 ▽----------------
序号 题目
276 CSS3新增伪类有那些？
277 谈一下你对网页标准和标准制定机构重要性的理解(无标准答案)
278 知道css有个content属性吗？有什么作用？有什么应用？
279 CSS3新增伪类有那些？
280 谈谈你对语义化的理解
281 Ajax 是什么?
282 如何创建一个Ajax？
283 请用“张三和李四吃饭”解释同步和异步的区别?
284 试着用6步简述Ajax过程
285 谈谈Ajax的缺点（至少3条）
286 解释jsonp的原理，以及为什么不是真正的ajax
287 一个页面从输入URL到加载都发生了什么？
288 谈谈对JS的本地对象，内置对象和宿主对象的理解
289 为什么利用多个域名存储网站资源会更有效？
290 JQuery一个对象可以同时绑定多个事件，这是如何实现的？
291 Web,Mustache, underscore, handlebars是干嘛的, 怎么用?
292 实现一个clone函数，至少对5中数据类型进行克隆
293 实现一个原生的数组去重方法
294 请用程序实现下述对小狗“小鱼”的描述
295 请用程序实现下述对小狗“小胖”的描述
296 请评价以下代码并给出改进意见
297 定义一个log方法，让它可以代理console.log的方法
298 （设计题）想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）
299 模块化怎么做？
300 Jquery与jQuery UI 有啥区别？
正在路上...
**** Hidden Message *****
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛 + PHP + MySQL + Js - 庖丁解牛
如果喜欢，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
TIPS：点击上方“目录”即可跳转到其他章节{:10_336:}
有点意思~~ 无与杰嵩1 发表于 2017-4-23 14:23
有点意思~~
{:10_336:} 我来看看三剑客 过了瞅瞅看看瞧瞧了 快要去面试了，刷一刷有备无患。 不管怎么样，先积累再说 先回复在看是一种美德{:10_249:} 这配图告诉我，不要轻易撩妹 謝謝LZ 辛苦了 谢谢你，真的很好 很有意思呀！{:5_91:} 来看看 感谢楼主分享，非常有用！！！ 看 哈哈 先马克下 等我把JS 学完再回来看 。 这波很溜 看看 感谢楼主！ 挺好的