【考点简介】 浏览器是页面的载体与根基，其相关知识是前端开发岗的必备基础，也是笔试面试的必考部分，本章将重点分析浏览器相关的高频考点，主要知识点如下图所示 【例题示例】 1.1 请问什么是同源策略？ 【考点映射】 浏览器的同源策略 【频率】★★★★★（前端岗必考题） 【难度】☆ 【参考答案】 源：就是协议、域名和端口号 同源策略：SOP（Same origin policy）是由...

3 新特性（下） 3.1 请问你能手写Promise吗？ 【考点映射】 Promise结构实现（面试撕代码可能性极大） 【频率】★★★★★ 【难度】☆☆☆ 【参考答案】 Promise对象是一个构造函数，主要用来生成Promise实例 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve函数 和 reject函数 //创建一个Promise实例 const promise =new Promise(function(resolve, reject){  ...

2 新特性（中） 2.1 请说说ES6新增了哪些对象方法？ 【考点映射】 ES6新增Object对象方法 【频率】★★★★ 【难度】☆ 【参考答案】 （1）Object.is() ES5中用 == 和 === 比较两个值是否相等，两者都有缺陷，== 会自动转换数据类型，=== NaN不等于自身，以及 +0 等于 -0。ES6 提出“Same-value equality”（同值相等）算法，即在所有环境中，只要两个值是一样的，则相等，Object.is()就是实现这个算法的新方法，用来比较两个值是否严格相等（除了两个特例，基...

1 新特性（上） 【考点简介】 ES6提出了一些新特性，对js进行补充与优化，在日常开发中得到了广泛应用，也是前端笔试面试的必考点，本章将分析ES6的每个新特性，列举相关校招考点，主要知识点如下图所示。大家除了学习以下考点外，可以看看ES2015语言标准官方文档，另外，阮一峰老师的《ECMAScript 6 入门教程》也是一本很好的ES6入门之书。希望大家能多看例题与代码，在理解原理基础上，做到灵活运用。 【例题示例】 1.1 请问什么是ES6，它有哪些新特性？ 【考点映射】 E...

5 进阶-DOM事件相关知识 5.1 请问js怎样增、删、查、替换DOM节点？ 【考点映射】 js操作DOM元素 【频率】★★★★★ 【难度】☆ 创建元素节点  document.createDocumentFragment() //创建一个虚拟节点对象，节点对象包含所有属性和方法 document.createElement("p");//创建p标签 document.c...

4 进阶-拓展知识 4.1 请问什么是函数防抖？什么是函数节流？ 【考点映射】 防抖与节流概念、区别 防抖与节流实现 【频率】★★★★★（面试极有可能要求撕代码） 【难度】☆☆ 【参考答案】 函数防抖(debounce)：触发高频事件后n秒内，函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 两者都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延...

3 基础-必会知识（下） 3.1 请问你了解js中的this绑定机制吗？ 【考点映射】 this绑定机制 【频率】★★★★★（面试极有可能出代码题（面试官给代码，答输出）） 【难度】☆☆ 【参考答案】 this特点： this是js的关键字之一，它是对象自动生成的一个内部对象，只能在对象内部使用 随着使用场合的不同，this的值会发生变化，并不是一成不变的 this指向完全取决于：什么地方以什么方式调用，而不是 创建时 this 4种绑定机制：默认绑定、隐式绑定、显示绑定、new绑定，箭头函数的this不...

2 基础-必会知识（中） 2.1 请问你了解js中的闭包吗？ 【考点映射】 js闭包 【频率】★★★★★ 【难度】☆☆ 【参考答案】 概念一：闭包是指有权访问另一个函数作用域中的变量的函数（概念出自《JavaScript高级程序设计》） 概念二：一个函数和对其周围状态（词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包，也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。（概念出自MDN） 可以简单理解为：闭包就是一个函数，一个外部函数通过调用函数并return返回出内部函数，此内部函...

1 基础-必会知识（上） 【考点简介】 js相关知识是前端技术的核心，也是校招笔试、面试的重中之中，本章将详细的分析前端岗面试中有关js的高频考点，主要知识点如下图所示。大家可以各考点为核心，展开性学习与记忆，这里推荐一本很值得反复翻看的书——《JavaScript高级程序设计》，无论是初学者还是有一定的js基础的同学，都能从中有所收获。除了基础知识点以外，对相关代码的理解与默写也是极有必要的，面试中大部分代码题都出自这一块 【例题示例】 1.1 请问在JS中有哪些数据类型？ 【考点映射】 ...

3 进阶-页面布局 3.1 请问定位布局position属性有哪些取值？ 【考点映射】 定位布局 position属性 【频率】★★★★★ 【难度】☆ 【参考答案】 定位布局：页面元素CSS样式采用position属性，可在top/bottom/right/left四个方向进行位置移动，从而达到定位效果，position属性可取以下7个值：     1. 相对定位 relative 不会使元素脱离文档流（原本位置会被保留，即改变位置也不会占用新位置） ...

2 基础-必会知识（下） 2.1 请问有哪些CSS浏览器兼容问题以及解决方案？ 【考点映射】 CSS浏览器兼容问题 兼容问题解决方案 【频率】★★★ 【难度】☆ 【参考答案】 目前，浏览器厂商众多，Chrome，Frirefox，Safari，Edge，IE6……对于同一段CSS代码，不同厂商、甚至同一厂商不同版本的解析效果极大可能不一致，其根本原因是浏览器内核不同，这就导致了页面显示效果不统一，产生了CSS兼容性问题 目前对兼容问题的解决方案： 浏览器CSS样式初始化 ...

1 基础-必会知识（上） 【考点简介】 对于前端岗，HTML/CSS相关基础知识是必修之课，是每个前端学习者的必经之路，本章将列举前端岗面试中有关HTML/CSS相关的一些高频考点，主要知识点如下图所示，大家可从各个实际考点出发，针对性理解与记忆，这里推荐两个入门级网站：菜鸟教程 w3school，以供一些刚接触这方面知识的同学了解与学习。 【例题示例】 1.1 请问HTML5有哪些新特性？ 【考点映射】 HTML定义与功能 HTM...

通过笔试后就顺利进入面试阶段啦！技术岗的面试一般至少包含2轮技术面、1轮HR面试，技术面轮次可能会视岗位情况增加，多的有4~5轮技术面。面试形式一般有几种，一般第一轮技术会采用电话面试，后续其他面试会根据距离和时间而定，有远程视频面试或现场面试两种。视频面试主要在以牛客网为主的各大在线面试平台进行。 1 技术面 技术面试是校招占比最大的一部分，发挥情况直接决定是否能拿offer。通常是考核岗位相关的所有专业技术问题，形式一般有“撕”代码与问答题。 “撕”代码 近两年，越来越多的互联...

简历筛选通过后，就正式进入笔试阶段啦！通常校招笔试分专业类、行测类、性格测评三大类，不同类型题目考题类型、特点均不同，应采取针对性准备工作，下面将按类别进行展开性分析。 1 专业类 专业类笔试是对前端相关专业知识的考核，一般分为选择题、问答题、编程题三种题型。 选择题： 通常是10~20个单选题，0~10个多选题。其覆盖的知识范围非常广泛，且比较琐碎，除了HTML、CSS、JS、ES6新特性相关知识是高频考点以外，数据结构、操作系统相关的也是常考点，常规题型如下图所示： ...