整理了一些面试题，还在更新中，有时间的可以看看

github.com/petitspois/…

• 1. Front-End-interview-questions
  • 1.1. HTML
    • 1.1.1. DOCTYPE相关
    • 1.1.2. web语义化
    • 1.1.3. 前端SEO
    • 1.1.4. 前端性能优化有哪些
    • 1.1.5. web开发中会话跟踪的方法有哪些
    • 1.1.6. 什么是HTML
    • 1.1.7. XHTML和HTML有什么区别
    • 1.1.8. 浏览器页面有哪三层构成，分别是什么，作用是什么
    • 1.1.9. 页面导入样式时，使用link和@import有什么区别
    • 1.1.10. 网页制作会用到的图片格式有哪些
    • 1.1.11. 文本标记
    • 1.1.12. 行内元素、块级元素、空(void)元素，有那些
    • 1.1.13. iframe有那些缺点
    • 1.1.14. Label的作用是什么？
    • 1.1.15. 隐藏元素的几种方法
    • 1.1.16. 简述一下src与href的区别
    • 1.1.17. 清除浮动的方法有哪些
    • 1.1.18. HTTP方法
    • 1.1.19. HTTP报文结构
    • 1.1.20. HTML全局属性global-attribute有哪些
    • 1.1.21. 何为渐进增强、优雅降级
    • 1.1.22. <img>的title和alt有什么区别
    • 1.1.23. 从浏览器地址栏输入url到显示页面的步骤(以HTTP为例)
    • 1.1.24. HTML5新增元素、标签
      • 1.1.24.1. form相关
      • 1.1.24.2. 增强的页面元素
  • 1.2. CSS部分
    • 1.2.1. CSS选择器有哪些
      • 1.2.1.1. 基本选择器
      • 1.2.1.2. 多元素的组合选择器
      • 1.2.1.3. CSS 2.1 属性选择器
      • 1.2.1.4. CSS 2.1中的伪类
      • 1.2.1.5. CSS 2.1中的伪元素
      • 1.2.1.6. CSS 3的同级元素通用选择器
      • 1.2.1.7. CSS 3 属性选择器
      • 1.2.1.8. CSS 3中与用户界面有关的伪类
      • 1.2.1.9. CSS 3中的结构性伪类
      • 1.2.1.10. CSS 3的反选伪类
      • 1.2.1.11. CSS 3中的 :target 伪类
    • 1.2.2. display: none;与visibility: hidden;的区别
    • 1.2.3. css sprite是什么,有什么优缺点
    • 1.2.4. CSS盒模型有那几种？
    • 1.2.5. CSS有哪些继承属性
    • 1.2.6. png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
    • 1.2.7. float、position 和 display 之间的关系
    • 1.2.8. 超链接访问过后hover样式就不出现的问题？
    • 1.2.9. box-sizing属性？
    • 1.2.10. CSS优先级算法如何计算？
    • 1.2.11. CSS3有哪些新特性？
    • 1.2.12. 请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？
    • 1.2.13. 为什么要初始化CSS样式
    • 1.2.14. 对BFC规范(块级格式化上下文：block formatting context)的理解？
    • 1.2.15. 为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？
    • 1.2.16. 上下margin重合的问题
    • 1.2.17. 移动端的布局用过媒体查询吗？
    • 1.2.18. CSS优化、提高性能的方法有哪些？
    • 1.2.19. 浏览器是怎样解析CSS选择器的？
    • 1.2.20. 在网页中的应该使用奇数还是偶数的字体？为什么呢？
    • 1.2.21. margin和padding分别适合什么场景使用？
    • 1.2.22. 元素竖向的百分比设定是相对于容器的高度吗？
    • 1.2.23. 如果需要手动写动画，你认为最小时间间隔是多久，为什么？
    • 1.2.24. style标签写在body后与body前有什么区别？
    • 1.2.25. 如何垂直居中一个元素
      • 1.2.25.1. 文字的垂直居中
      • 1.2.25.2. 容器的垂直居中
  • 1.3. Js概念部分
    • 1.3.1. javascript有哪几种数据类型
    • 1.3.2. 什么是闭包
      • 1.3.2.1. 闭包的概念
      • 1.3.2.2. 闭包的用途
      • 1.3.2.3. 闭包的注意点
      • 1.3.2.4. XMLHttpRequest通用属性和方法
    • 1.3.3. Fetch相比Ajax有什么优势？
    • 1.3.4. sessionStorage,localStorage,cookie区别
    • 1.3.5. javascript跨域通信
      • 1.3.5.1. 同源：两个文档同源需满足
      • 1.3.5.2. 跨域通信：js进行DOM操作、通信时如果目标与当前窗口不满足同源条件，浏览器为了安全会阻止跨域操作。跨域通信通常有以下方法
    • 1.3.6. javascript有哪几种方法定义函数
    • 1.3.7. javascript有哪些方法定义对象
    • 1.3.8. JavaScript 中 undefined 和 not defined 的区别
    • 1.3.9. 怎么判断一个object是否是数组(array)？
    • 1.3.10. 栈和堆的区别？
    • 1.3.11. 谈谈this的理解
    • 1.3.12. eval是做什么的？
    • 1.3.13. 什么是window对象? 什么是document对象?
    • 1.3.14. null，undefined的区别？
    • 1.3.15. javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？
    • 1.3.16. 如何判断一个对象是否属于某个类？
    • 1.3.17. new操作符具体干了什么呢?
    • 1.3.18. Javascript中，执行时对象查找时，永远不会去查找原型的函数？
    • 1.3.19. JS延迟加载的方式有哪些？
    • 1.3.20. AMD（Modules/Asynchronous-Definition）、CMD（Common Module Definition）规范区别？
    • 1.3.21. call和apply
    • 1.3.22. documen.write和 innerHTML的区别
    • 1.3.23. 回流与重绘
    • 1.3.24. 数组对象有哪些原生方法，列举一下
    • 1.3.25. 那些操作会造成内存泄漏
    • 1.3.26. flash和js通过什么类如何交互?
    • 1.3.27. 有效的javascript变量定义规则
    • 1.3.28. XML与JSON的区别？
    • 1.3.29. Web Worker和Web Socket？
    • 1.3.30. JS垃圾回收机制？
    • 1.3.31. web应用从服务器主动推送data到客户端的方式？
    • 1.3.32. attribute与property的区别？
  • 1.4. javascript编程部分
    • 1.4.1. 如何判断一个对象是否为函数
    • 1.4.2. 下面的代码输出什么？
    • 1.4.3. 写一个mul函数，使用方法如下。
    • 1.4.4. JavaScript怎么清空数组？
    • 1.4.5. 下面代码输出什么(delete)？
    • 1.4.6. 实现对数组进行乱序
    • 1.4.7. 实现一个函数 clone()，可以对 JavaScript 中的5种主要的数据类型（包括 Number、String、Object、Array、Boolean）进行值复制。
    • 1.4.8. [] ? !![] : ![];输出结果是什么？
    • 1.4.9. 下面代码输出什么？
    • 1.4.10. 下面的代码会在 console 输出神马？为什么？
    • 1.4.11. 下面的代码会在 console 输出神马？为什么？
    • 1.4.12. 解释一下下面代码的输出
    • 1.4.13. 实现函数 isInteger(x) 来判断 x 是否是整数
    • 1.4.14. 在下面的代码中，数字 1-4 会以什么顺序输出？为什么会这样输出？
    • 1.4.15. 写一个按照下面方式调用都能正常工作的 sum 方法
    • 1.4.16. 解释下面代码的输出
    • 1.4.17. 给你一个 DOM 元素，创建一个能访问该元素所有子元素的函数，并且要将每个子元素传递给指定的回调函数。
    • 1.4.18. Js数组去重方法
    • 1.4.19. 二维数组的冒泡排序
  • 1.5. ES全称ECMAScript: ES6 ES7 ES8, 以下均为es6解答
    • 1.5.1. 在项目中你经常用到那些es6新特性？
    • 1.5.2. JavaScript 中的 let 关键字有什么用？
    • 1.5.3. 如何检查一个数字是否为整数？
    • 1.5.4. 可以讲一下异步流的发展?
    • 1.5.5. 去除浮点数，保留整数部分
    • 1.5.6. 使用解构赋值，实现两个变量的值的交换（编程题）
    • 1.5.7. 使用解构赋值，完成函数的参数默认值（编程题）
    • 1.5.8. 利用数组推导，计算出数组 [1,2,3,4] 每一个元素的平方并组成新的数组。
    • 1.5.9. 使用模板字符串改写下面的代码。（ES5 to ES6改写题）
    • 1.5.10. 设计一个对象，键名的类型至少包含一个symbol类型，并且实现遍历所有key。（编程题）
    • 1.5.11. 有一本书的属性为：{“name”:“《ES6基础系列》”, ”price”：56 }；要求使用Proxy对象对其进行拦截处理，name属性对外为“《ES6入门到懵逼》”,price属性为只读。
    • 1.5.12. 阅读下面的代码，并用for...of改成它。（ES5 to ES6改写题）
    • 1.5.13. 关于Set结构，阅读下面的代码，回答问题。
    • 1.5.14. 关于Map结构，阅读下面的代码，回答问题。
    • 1.5.15. 箭头函数需要注意的地方
    • 1.5.16. promise对象的用法,手写一个promise
    • 1.5.17. 把以下代码使用两种方法，来依次输出0到9？
    • 1.5.18. ES6的模板字符串有哪些新特性？
    • 1.5.19. 数组扩展的fill( )函数，[1,2,3].fill(4)的结果是
    • 1.5.20. 判断两个值是否严格相等
  • 1.6. 构建工具
    • 1.6.1. 什么是前端工程化
    • 1.6.2. 为什么要前端工程化
    • 1.6.3. 构建工具选型
    • 1.6.4. Webpack 优缺点
    • 1.6.5. Rollup
    • 1.6.6. Gulp与Webpack的区别
    • 1.6.7. 与webpack类似的工具还有哪些？谈谈你为什么最终选择（或放弃）使用webpack？
    • 1.6.8. 有哪些常见的Loader？他们是解决什么问题的？
    • 1.6.9. 有哪些常见的Plugin？他们是解决什么问题的？
    • 1.6.10. Loader和Plugin的不同？
    • 1.6.11. webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全
    • 1.6.12. 是否写过Loader和Plugin？描述一下编写loader或plugin的思路？
    • 1.6.13. webpack的热更新是如何做到的？说明其原理？
    • 1.6.14. 如何利用webpack来优化前端性能？
    • 1.6.15. 如何提高webpack的构建速度？
  • 1.7. 单元测试
    • 1.7.1. 单元测试的意义
    • 1.7.2. 为什么需要单元测试
    • 1.7.3. 两个常用的单元测试方法论
    • 1.7.4. 都用过那些测试框架
    • 1.7.5. 常用的断言库
  • 1.8. React 常见问题
  • 1.9. 开放性问题