CSS相关

• 左边定宽，右边自适应方案：float + margin，float + calc
• 盒模型：content（元素内容） + padding（内边距） + border（边框） + margin（外边距）
• BFC、IFC、GFC、FFC：FC（Formatting Contexts），格式化上下文
• display: none; 与 visibility: hidden; 的区别
• css hack原理及常用hack
• link 与 @import 的区别
• CSS有哪些继承属性
• display,float,position的关系
• 介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？
• CSS选择符有哪些？哪些属性可以继承？
• CSS优先级算法如何计算？
• CSS3新增伪类有那些？
• 如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
• display有哪些值？说明他们的作用
• position的值relative和absolute定位原点是？
• CSS3有哪些新特性？
• 用纯CSS创建一个三角形的原理是什么？
• 一个满屏 品 字布局 如何设计?
• 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
• li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
• 为什么要初始化CSS样式
• 对BFC规范(块级格式化上下文：block formatting context)的理解？
• css定义的权重
• box-sizing 常用的属性有哪些？分别有什么作用？

JS （ES5、ES6）

• call，apply，bind 三者用法和区别
• 变量声明提升
• async、await
• Generator
• ES5、ES6和ES2015有什么区别?
• babel是什么，有什么作用?
• let有什么用，有了var为什么还要用let？
• 举一些ES6对String字符串类型做的常用升级优化?
• 举一些ES6对Array数组类型做的常用升级优化
• 举一些ES6对Number数字类型做的常用升级优化
• 举一些ES6对Object类型做的常用升级优化?(重要)
• 举一些ES6对Function函数类型做的常用升级优化?
• Proxy是什么，有什么作用？
• Iterator是什么，有什么作用？
• Object.is() 与原来的比较操作符 ===、== 的区别？
• AMD，CMD，CommonJs，ES6 Module：解决原始无模块化的痛点
• 检测浏览器版本版本有哪些方式？
• 介绍JS有哪些内置对象？
• JavaScript有几种类型的值？，你能画一下他们的内存图吗？
• JavaScript如何实现一个类，怎么实例化这个类？
• 什么是 Window 对象? 什么是 Document 对象?
• 介绍DOM0，DOM2，DOM3事件处理方式区别
• 介绍事件“捕获”和“冒泡”执行顺序和事件的执行次数？
• 在一个DOM上同时绑定两个点击事件：一个用捕获，一个用冒泡。事件会执行几次，先执行冒泡还是捕获？
• 如何派发事件(dispatchEvent)？（如何进行事件广播？）
• 什么是函数节流？介绍一下应用场景和原理？
• 解释一下这段代码的意思吗？
• JavaScript有几种类型的值？，你能画一下他们的内存图吗？
• Ajax 是什么? 如何创建一个Ajax？
• 实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制
• 把<script>放在</body>之前和之后有什么区别？浏览器会如何解析它们？

框架

• 数据双向绑定原理：常见数据绑定的方案
• VDOM：三个 part
• vue 和 react 区别
• 为什么用 vue

网络

• 跨域
• http 无状态无连接
• http-cache：就是 http 缓存
• 所谓的缓存协商
• cookie 和 session
• 安全问题，如 XSS 和 CSRF

如何获取免费前端面试资料？

资料获取方式：

关注+转发后，私信关键词 【前端面试资料】即可免费获取到！

重要的事情说三遍，转发、转发、转发后再发私信，才可以拿到！