前端面试题收集，持续更新中

HTML

在线阅读
Github地址

题目列表

• HTML

  • HTML和XHTML的区别
  • Html的语义化
  • Doctype的文档类型
  • cookie、sessionSttorage、localStory区别
  • HTML全局属性(global attribute)有哪些？
  • 常见的浏览器内核有哪些？
  • 介绍一下你对浏览器内核的理解？
  • webSocket如何兼容低浏览器？(阿里)
  • 如何实现浏览器内多个标签页之间的通信? (阿里)
  • iframe有那些缺点？
  • href和src的区别?
  • 行内元素、块级元素、空元素都有哪些?
  • Quirks模式是什么？它和Standards模式有什么区别?

• HTML5

  • 什么是HTML5？
  • HTML5 为什么只需要写 ？
  • Canvas和SVG的区别
  • HTML5有哪些新特性？
  • HTML5中的datalist是什么？

CSS

在线阅读
Github地址

题目列表

• CSS

  • CSS选择器有哪些？哪些属性可以继承？
  • link与@import的区别
  • css hack原理及常用hack
  • 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
  • CSS中居中的几种方式?
  • 不定宽高的 DIV，垂直水平居中
  • CSS 引入的方式有哪些? link 和@import 的区别是?
  • CSS隐藏元素的几种方式及区别？
  • 渐进增强和优雅降级
  • 清除浮动的方法
  • 对BFC相关知识的了解
  • position属性的作用
  • CSS优先级算法如何计算？
  • span标签的width和height分别为多少？
  • display:inline-block 什么时候会显示间隙？
  • 常见的兼容性问题？

• CSS3

  • 介绍一下box-sizing
  • CSS3新增伪类有那些?
  • :before 和 ::before 区别?

JS

在线阅读
Github地址

题目列表

• 你必须知道的Js面试题

  • 1、typeof bar潜在陷阱
  • 2、代码块1：下面的代码将输出到控制台，为什么？
  • 3、代码块2：this有关代码块输出结果？
  • 4、为什么要用立即执行函数表达式（Immediately-Invoked Function Expression）?
  • 5、严格模式下进行 Javascript 开发有什么好处？
  • 6、两个函数运行结果一样吗？为什么？
  • 7、NaN 是什么？typeof 的结果是？如果判断一个变量的值是 NaN？
  • 8、解释一下下面有关浮点数代码的输出?
  • 9、写一个方法 isInterger(x)，可以用来判断一个变量是否是整数
  • 10、在下面的代码中，数字 1-4 会以什么顺序输出？为什么会这样输出？
  • 11、写一个少于 80 字符的函数，判断一个字符串是不是回文字符串
  • 12、写一个按照下面方式调用都能正常工作的 sum 方法
  • 13、根据下面的代码片段回答后面的问题
  • 14、假设变量d是一个空的对象(object)
  • 15、下面的代码块会输出什么？为什么？
  • 16、下面的代码块会输出什么？为什么？
  • 17、如果数组列表太大，下面的递归代码将导致堆栈溢出。您如何修复并保留递归模式？
  • 18、什么是闭包（closure）？
  • 19、下面代码块会输出什么？
  • 20、请解释下面代码块的输出结果
  • 21、执行以下代码时输出是什么？解释一下为什么？
  • 22、执行以下代码时输出是什么？解释一下为什么？
  • 23、下面代码块输出结果是多少？
  • 24、下面的代码块，会输出什么？为什么？
  • 25、执行以下代码时输出是什么？解释一下为什么？
  • 26、创建一个函数，给定页面上的DOM元素，将访问元素本身和它的所有后代（不只是其直系子女）。对于所访问的每个元素，函数应该将该元素传递给所提供的回调函数。
  • 27、用JavaScript测试你的知识：以下代码的输出是什么？
  • 28、下面的代码块，会输出什么？为什么？
  • 28、下面的代码块，会输出什么？
  • 30、如何克隆一个Object对象？
  • 31、下面的代码块，会输出什么？
  • 32、执行以下代码时输出是什么？解释一下为什么？
  • 33、如何在数组的开头添加元素？你怎么在结尾加上一个？
  • 34、下面有个代码块，根据赋值查看结果
  • 35、typeof undefined == typeof NULL的结果？
  • 36、下面代码会返回什么？
  • 37、下面的代码块，会输出什么？为什么？

• Js基础

  • NaN 是什么？它的类型是什么？你如何可靠地测试一个值是否等于 NaN ？
  • 记忆化斐波那契函数（Memoization）
  • javascript有哪几种数据类型
  • 写一个函数，满足curry(fn)(1)(2)(3)
  • undefined与null的区别
  • 如何获取UA？

• 原型、原型链、继承、作用域

  • 什么是原型，原型有什么特点?
  • 什么是原型链，原型链有什么特点?
  • 创建“内置”方法
  • 字符串增加原型方法spacify
  • 使用原生JS实现Number原型链方法
  • 代码片段，请输出结果？

• 闭包

  • 代码片段输出什么？

• this

  • 对于this对象的理解
  • 经典关于this面试知识点题目
  • 1、代码块题
  • 2、代码块题
  • 3、代码块题
  • 4、代码块题

• Array

  • 找出数字数组中最大的元素（使用Math.max函数）
  • 下面代码块输出结果？
  • 编写一个函数，进行数组去重
  • 数组的原生方法有哪些？
  • 如何判断一个变量是否为数组？

• Promise

  • 代码块（阿里二面）

• 正则表达式Regexp

  • 检验一个字符串首尾是否含有数字
  • 对字符串var str = “1000000000” 进行科学计数法
  • 判断字符串是否包含数字
  • 判断是否符合 USD 格式
  • 对连字符串转换为驼峰命名法
  • 判断是否以元音字母结尾
  • 邮政编码的验证（开头不能为0，共6位）
  • 匹配ip地址
  • 检测人民币金额，两位小数

• Js Coding

  • 判断工具代码技巧

• JavaScript Puzzlers!(Js谜题)

  • 当parseInt遇到map
  • 关于null
  • 对于愤怒的reduce
  • 头痛的优先级
  • 神鬼莫测之变量提升
  • 死循环陷阱
  • 过滤器魔法
  • 警惕IEEE 754标准
  • 字符串陷阱
  • 并非都是奇偶
  • parseInt小贼
  • 数组原型是数组
  • 强制转换
  • 关于“==”
  • 加号 VS 减号
  • 该死的代码加减
  • 淘气的map
  • 对于arguments
  • 损失精度的IEEE 754
  • 反转reverse
  • 最小的正值
  • 谨记优先级
  • 最经典的WTF
  • 小数点魔法
  • 自动提升为全局变量
  • 正则表达式
  • 数组比大小
  • 原型把戏
  • 构造函数的函数
  • 禁止修改函数名
  • 替换(replace)陷阱
  • Function的名字
  • 正则test陷阱
  • 逗号定义数组
  • 保留字 class
  • 无效日期
  • 神鬼莫测的函数长度
  • Date的面具
  • min与max共舞
  • 警惕全局匹配
  • 熟悉到陌生的Date
  • 匹配隐式转换
  • 重复声明变量

• 必看题目

  • setTimeout面试连击题
  • 涉及同步、异步、作用域、闭包四连问

综合

在线阅读
Github地址

题目列表

• 网络基础、HTTP、TCP/IP

  • HTTP状态码及其含义
  • HTTP的请求方法
  • GET和POST区别？
  • http 2.0对于http 1.x有哪些优点？
  • TCP/IP协议图
  • TCP三次握手和四次挥手的全过程
  • TCP/IP 和 HTTP 的区别和联系是什么？
  • OSI，TCP/IP，五层协议的体系结构，以及各层协议
  • 在下面的IP地址中属于C类地址的是哪一个?
  • 了解交换机、路由器、网关的概念，并知道各自的用途
  • 描述RARP(Reverse Address Resolution Protocol)协议
  • 从输入URL到页面加载发生了什么

• React

  • 调用 setState 之后发生了什么？
  • React 中 Element 与 Component 的区别是？
  • 什么情况下你会优先选择使用 Class Component 而不是 Functional Component？
  • React 中 refs 的作用是什么？
  • React 中 keys 的作用是什么？
  • 如果你创建了类似于下面的Twitter元素，那么它相关的类定义是啥样子的？
  • Controlled Component 与 Uncontrolled Component 之间的区别是什么？
  • 在生命周期中的哪一步你应该发起 AJAX 请求？
  • shouldComponentUpdate 的作用是啥以及为何它这么重要？
  • 如何告诉 React 它应该编译生产环境版本？
  • 为什么我们需要使用 React 提供的 Children API 而不是 JavaScript 的 map？
  • 概述下 React 中的事件处理逻辑
  • createElement 与 cloneElement 的区别是什么？
  • 传入 setState 函数的第二个参数的作用是什么？
  • 此代码块有错误吗？

• Vue

  • 你能写一个 Vue 的双向数据绑定吗？
  • vue 如何解析模板？

• Node

  • 什么是错误优先的回调函数？
  • 如何避免回调地狱？

• 算法

  • 常见排序算法的时间复杂度,空间复杂度

• 综合

  • 前端需要注意哪些SEO?
  • hybrid 和 h5 有何区别？