Skip to content

quede/front-end-interview

 
 

Repository files navigation

front-end-interview(持续更新中...)

介绍

根据网上各大前端面试题文章以及自我总结,沉淀下来的一套面试题合集,包含前端知识点 + 面试题。

为了更好的阅读体验,推荐各位看官在博客中查看:Lance个人博客-面试系列

大纲

1 HTML

根据以往面试经验,HTML部分很少有问到。所以这里仅列举一些高频面试题

1.1 面试题

2 CSS

个人经验:这部分面试题一般笔试考知识点多一些(多背),面试考布局更多一些(多实践)。所以CSS我拆成了两部分,把布局单独拧出来了。

2.1 知识点 + 部分面试题

2.2 布局

3 JavaScript

这部分是面试重中之重,基本上啥都可能考。譬如比较经典的一个有关axios的面试题:

  • 问:a、b、c三个请求,希望c在a、b获取数据后再发请求,要是你你会怎么做?
  • 答:axios.all 先请求 a、b,再在 then 的第一个回调中请求 c ,巴拉巴拉...
  • 问:那 axios.all 内部是通过什么实现的呢?
  • 答:Promise.all,巴拉巴拉...
  • 问:如果不用 Promise 该如何实现?
  • 答:可以用 高阶函数 ,巴拉巴拉...
// 示例(使用node读取文件做场景来说明)
let fs = require('fs')
let arr = []
function fn(data) {
  arr.push(data)
  if (arr.length === 2) {
    // get ab
    // todo c
  }
}
fs.readFile('./a.txt', 'utf8', (err, data) => {
  fn(data)
})
fs.readFile('./b.txt', 'utf8', (err, data) => {
  fn(data)
})

可以看出,往往 JS 面试题是层层深入的,需要你有坚实的基础,并且在平常开发时不仅满足会使用各种库和框架,还要深入了解原理。所以这一小节内容较多,各位做好抗压准备。

3.1 知识点

3.2 面试题

4 浏览器/网络

浏览器这边主要考察兼容性,当然有时候也考察下HTTP缓存等内容,所以我把它们归到了一起方便复习。

5 框架 + 工具

5.1 Vue

Vue没什么好说的,数据响应式(双向数据绑定)是一定会问到的,其它例如生命周期之类的也常常出现,具体查看下面链接:

5.2 Webpack

个人在面试中很少被问到 webpack 的问题?唯一一次与 webpack 相关的还是在一次面试的笔试题中,有这样一道:

写出你知道的性能优化方案(不要写 webpack 工具能做到的)

虽然我自己没碰到过,但保不齐其他公司不爱问,所以还是放在这儿:

6 性能优化

性能优化现在应该是必考题了,我去几家公司面就有几家会问到,常考的知识点有「首屏优化」「重排重绘优化」以及「css3动画优化」等。不太了解这部分的童鞋可以看下面链接:

7 算法

这部分目前是我薄弱项,暂时不能给到大家更多帮助。不过对于面一般普通前端来说,也就顶多问一下常见的排序算法了。

这是我之前整理的常见排序算法:可以 点击此处 查看。

其他算法面试题会在后续更新...

简历模板

网上的简历模板一搜一大堆,不过大都既不实用也不好看。所以最后我再分享几个觉得不错的模板给大家参考:

纸质模板

上面两份模板都来自 此网站 ,想寻找更满意的版本可以进去逛逛。

在线模板

更多

本项目整合了大量下方资源的面试题内容,但毕竟是按照我自己技术栈整合的,所以如果你还想查缺补漏(例如 react 相关面试题等),可以点击下方链接了解更多:

Releases

No releases published

Packages

No packages published