作者姓名：李鹏 原文链接：http://www.jianshu.com/p/8b68f4df749e
前言
这里有这么多前端面试题干货，你确定不点进来看看？
好吧，如果你看到这句话，你明显是点进来了。
那么恭喜你，接下来我就和你们分享一下，近期我收集到的各个公司的面试题。
本文为作者原创，转载请告知作者并取得同意方可转载。
违者作者保留法律追究权利。
前端面试题
闲话就不扯了，直接开始分享。
2.1、第一套面试题
- 当前一段代码输出结果是什么？
- 当前一段代码输出结果是什么？
- 假设现有一篇文章，
var content = "...大量文字"， 文章中触及到一些敏感词汇,如["习近平","周永康","中共","6.4"]等内容。 如何在文章中发现这些敏感词，并将背景设置为红色或者改变字体颜色并标示出来。 - JQuery 中 $fn.extend 函数的实现（实现核心代码即可）
- 设计基于观察者模式的事件绑定机制
2.2、第二套面试题
- 列出 display 的值，并说明他们的作用
- position 中，relative 和 absolute 的区别，包括使用时的注意事项和定位原点
- CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS 3 新增的伪类有哪些？
- CSS 3 有哪些新特性？
- new 操作符具体做了什么？
- 请问三行 a，b，c 输出分别是什么？
- 问，输出分别为什么？
- 问输出结果为什么？
2.3、第三套面试题
- 用尽可能多的方法找出数组中重复出现过的元素
- 例如：[1，2，4，4，3，3，1，5，3]
- 输出：[1，3，4]
- 作者补充：若给出多种方式，请分别给出他们的复杂度
- 给定一些文档（docs）、词（words），找出词在文档中全部存在的所有文档
2.4、第四套面试题
- 本地服务器为 172.16.2.30：8080/test/index.html 服务器地址为 172.16.3.30：8088/get/data， 请求方式为 ‘get’，data 为 '', 请求成功时获取数据为
- 请写一段 JS 程序获取服务器地址上的数据 PS:
2.5、第五套面试题
- 请用算法实现，从给定的无序、不重复的数组 A 中，取出 N 个数，使其相加和 为 M。 并给出算法的 时间/空间复杂度。
2.6、第六套面试题
- 请写出超链接的顺序或者你在初始样式中的链接方法。
- 要求默认无下划线，鼠标经过有下划线
- 当 float 和 margin 同时使用，IE 6 的双倍边距 BUG 如何解决？
- 为什么无法定义 1px 左右高度的容器？
- FireFox 中标签的居中问题的解决方法？
- 请写出 XHTML 和 CSS 如何注释？
- 请以缩写方法写出 1px 直线灰色，上面无边框的矩形边框样式。
2.7、第七套面试题
- 下面代码会输出什么？
- 定义一个 log 方法，让它可以代理 console.log 的方法。
- 简述一下 Sass 和 Less，并说明区别。
- 不用循环，创建一个长度为 100 的数组，并且每个元素的值等于它的下标。
- 当项目的某个模块发生问题了，你是怎么定位错误的？你常用的测试工具是什么？
- HTML5 中如何嵌入音频？
- HTML5 储存类型都有哪些，有什么区别？
- CSS 3 新增伪类有哪些？
- iOS 自动识别数字为手机号码，导致部分设置好的样式无法访问，如何解决这个问题？
2.8、第八套面试题
- HTML 和 XHTML 的区别？
- 行内元素有哪些？块级元素有哪些？
- CSS 的 盒模型
- 写出 CSS 3 中的几个属性
- HTML 5 中新加了哪些标签，移除了哪些标签？
- 定位有哪几种？
- 写出一段代码，实现 tab 切换。
- 作者补充: 请用不少于三种方式实现
- 当点击一个页面内的元素时，alert 出这个元素的标签名
- 注意兼容性问题
- 一个整数，它的各位数字如果是左右对称的，则这个数字是对称数。那么请找出 1 至 10000 中所有的对称数。
2.9、第九套面试题
- 编译语言与解释执行语言（脚本语言）有什么区别？
- 请各举例两种程序语言
- 请列举出至少五个应用层网络协议。
- 解释 UNIX 时间戳的含义及作用，并写出获取当前 UNIX 时间戳的代码。
- 版本控制工具的作用是什么？请列举你熟知的版本控制工具。
- HTTP 协议的 GET/POST 方法的区别以及适用场景分别是什么？
- 作者补充：如果为 HTTPS 呢？知道 SSL 么？它们之间分别有哪些联系？
2.10、第十套面试题
- 写出两个开发中遇到的兼容性问题。
- 作者补充：你是如何解决的？
- 写出五个 Array 对象的方法
- 简单介绍前端工程化
2.11、第十一套面试题
- typeof bar === "object" 判断是否为 object 类型？有什么问题？怎么避免？
- 以下代码输出结果是什么？
- 以下代码输出结果是什么？
- 以下代码输出结果是什么？
2.12、第十二套面试题
- JS 中有几种数据类型？
- JS 中，哪些为 真，哪些为假？
- 计算以下运算结果
- 请写出以下正则表达式的详细规则说明
- /^(0[1-9]dd?)?[1-9]d{6}d?$/
- /^(1[89]|[2-9]d|100)$/i
- /^[w-] @[a-z0-9-] ({[a-z]{2,6}}){1,2}$/i
- 请写出打乱数组方法
- 写出 李鹏 --> QQ : 3206064928.getElementsByClassName 的实现方法
2.13、第十三套面试题
- 请描述 JSON 和 JSONP 的区别？
- 源与目标资源位于同域之下，JQuery 中 JSONP 是异步进行的么？跨域时是异步么？
- 目前熟练使用的前端框架有哪些？
- 作者补充：不少于 5 项
- 列举 IE 与 FF 脚本兼容性问题
- 作者补充：不少于 7 种
- 请至少写出 5 个 HTML 5 新增的标签，并说明他们的语义和应用场景。
- HTML5 中有哪些新的表单元素类型？
- 作者补充：不少于5项，并说明使用场景
- CSS 3 中新增了哪些文本效果？
- 作者补充：并说明内部常用属性
- FF 下如何实现 outerHTML?
- border-left-color、margin-left、-moz-viewport 改写成 JS 格式
- 李鹏之吐槽：我的天，你见过 marin-left？border-color-left?
2.14、第十四套面试题
- 请写出代码输出结果。
- 请写出代码输出结果。
- 请写出代码输出结果。
最后再送大家一句话
往事不足够，余生不强求。
希望大家在这个金三银四的跳槽季，能够找到一份更适合自己的工作。
扫码下方二维码，
随时关注更多前端面试题！
▼
微信ID：IMWebTech
