前言

“金三银四”再过几天就到了，又到了一年一度的大型**“程序猿跳槽大会”**。作为大龄IT从业者的我们，每到这个时候就会想起年轻时的自己，为了能搞定面试官，通宵背题库，背定义，四处收集面试真题…每次都准备的满满当当，可一到了面试的时候，就会发现与自己预想的完全不一样。

直到后来经历了这么多年，自己也从曾经的应聘者变成了面试者，才终于明白这样的道理：面试官远远要比应聘者狡猾得多。

不按套路出牌是面试官的“基本素养”，多年的工作经验使他们完全不需要提前准备一些特定的题目和答案，随便的几个问题，就可以通过回答对其了解个大概。

我与几个面试官朋友，从面试官的角度进行分析，帮助应聘者了解面试官的想法，揭秘大厂面试官内心：我该如何“刁难”面试者。

面经分享

第一部分是我前端面试的经验总结，第二部分是我认为比较有思考空间的题目

经验总结

一份漂亮的简历，需要包括以下部分（排版由上而下）
- 个人亮点（专精领域，个人博客，开源项目）
- 教育经历（毕业院校，在校经历、荣誉）
- 工作经历（实习）
- 项目经历
- 专业技能
扎实的前端基础，比如你知道
- <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/> 作用是什么？
- flex:1 的 1 代表什么？
- Generator 如何抛出错误？
熟悉一门前端框架（React 优先）
勤刷 LeetCode 的算法题，熟悉掌握相应的数据结构如常见的链表、栈、队列、哈希表、树
熟悉网络基础、Git 命令、Linux 命令
多去了解前端的新趋势（Flutter，PWA，Serveless，GraphQL，CSS Houdini）
要有自信，让面试官感受到你对前端的热爱

面试题

由于面试的公司和次数略多，老生常谈的面试题就不放出来了，也不按公司划分面试题了

算法题

大多出自 LeetCode ，LeetCode HOT 100，最好自己过一遍，理解最优解

编程题

用 Class 实现 EventEmitter，要求拥有 on，once，emit，off 方法
实现 deepClone，要求能成功克隆带有循环引用的对象
CSS 实现一个宽度为浏览器1/2，宽高比为 2:1 的盒子

实现 sum 函数

sum(1)(2)(3) == 6; // true
sum(1, 2, 3) == 6; // true
复制代码

实现 sum2 函数

console.log(sum2(1)(2)(3)()) // 6
console.log(sum2(1, 2, 3)()); // 6
复制代码

用尾递归实现 fibonacci 数列
实现 co 函数
实现以下功能，当对一个 arr 做 push 操作时，会自动打印一行提示消息
```
const arr = [1,2,3];
arr.push(4);
// arr pushed a new element: 4
复制代码
```
代码实现中断 Promise 的运行
有一组图片，实现后一张图片必须等到上一张图片加载完毕，才能开始加载

为 Test 类添加方法，打印指定内容

class Test {constructor() {this.person = { name: "jack", age: 38, position: "CTO" };}// ......
}const test = new Test();
for (const ele of test) {console.log(ele);
}
// [ 'name', 'jack' ]
// [ 'age', 38 ]
// [ 'position', 'CTO' ]
复制代码

实现 handler 函数，遇到 b 和 ac 都要去除

console.log(handler("aabaa")); // 'aaaa'
console.log(handler("abaccbc")); // 'c'
console.log(handler("aaccc")); // 'c'
console.log(handler("aaabccc")); // ''
复制代码

实现 decode 函数

decode('HG[3|B[2|CA]]F') === 'HGBCACABCACABCACAF' // true
复制代码

实现 _bind 函数，使打印 success

function Animal(name, color) {this.name = name;this.color = color;
}
Animal.prototype.say = function() {return `I'm a ${this.color} ${this.name}`;
};
const Cat = Animal._bind(null, "cat");
const cat = new Cat("white");
if (cat.say() === "I'm a white cat" &&cat instanceof Cat &&cat instanceof Animal
) {console.log("success");
}
复制代码

CSS 实现圆环进度条效果

说出以下打印内容

console.log(-1 >>> 32);
console.log(-1 << 32);
console.log(1 >> 32);
console.log(5 >>> 2);var a = { n: 1 };
var b = a;
a.x = a = { n: 2 };
console.log(a.x);
console.log(b.x);
复制代码

简答题

实现 F12 开发者工具的检查（inspect）功能
实现把一个盒子从一个区域拖放到另一个指定区域中
- 盒子一部分在区域内，一部分在区域外，该如何处理
- 简述几个封装好的关键方法
开发完的项目，在微信浏览器上白屏，该如何排查
如何统计一个页面上哪些区域用户点击次数最多
如何根据按钮级别的粒度，设计用户权限，例如：A 可以访问按钮，B 不可以
如何对一个网页内容进行自动化截屏，如何解决登录限制

A组件包裹B组件，B组件包裹C组件，它们的 componentDidMount 触发顺序如何
React setState 到底是异步还是同步的，其原理是什么
React Hooks 的使用有哪些注意事项
React 的合成事件机制
简述 React 类组件的新老生命周期，谈谈 React Fiber 架构的引入
详细介绍一下 Redux 状态管理，如何和 React 组件连接
React HOC 的用途，什么是装饰器模式
Mobx 的实现原理

Koa 的中间件原理，介绍一下 compose 函数
介绍 NodeJS 的 EventLoop 机制，process.nextTick() 的作用
NodeJS 是单线程还是多线程，都有哪些线程，JS 为什么是单线程的
CommonJS 的实现原理
NodeJS 中存在哪些流，怎么理解 pipe() 及其优点
require 的解析规则
介绍一下负载均衡，NodeJS 的 cluster 和 child_process 是什么

webpack 是如何进行打包的
webpack 动态 import 是如何实现的
如何编写自己的 loader 和 plugin
简述 webpack 配置文件中的 externals，UMD 了解吗

介绍一下 DNS，什么是迭代查询和递归查询，什么是一级域名、二级域名
HTTP 首部（Header）和实体（Body）的分隔符是什么，用正则如何匹配
HTTPS 的详细过程，什么是数字证书，消息摘要，非对称加密，Hash 算法
如何实现 Tab（标签）页之间，客户端与服务器的实时通讯
HTTP 状态码：301、302、307 的区别

简述浏览器的垃圾回收机制，什么是强引用、弱引用、循环引用
简述 requestAnimationFrame 和 requestIdleCallback 的作用
CSS 选择器的解析顺序是从右到左，还是从左到右，为什么
click 事件在移动端有什么问题，如何解决，你在移动端还遇到那些坑
简述 JWT 的生成过程和优缺点，怎么主动注销 JWT 和续签 JWT
通过什么检测网站的性能，有哪些指标
如何查看网站的 Ajax 请求是由哪行代码发出的，一个元素都绑定了哪些事件，Chrome 调试面板 F8,F10,F11 各代表什么
说说你对 jpg、gif、jpeg、png、webp、base64 URL 的了解

写在最后

对程序员来说，很多技术的学习都是“防御性”的。也就是说，我们是在为未来学习。我们学习新技术的目的，或是为了在新项目中应用，或仅仅是为了将来的面试。但不管怎样，一定不能“止步不前”，不能荒废掉。

文章以下内容会给出阿里与美团的面试题（答案+解析）、面试题库、Java核心知识点梳理等，需要这些文档资料的，直接点击我的GitHub免费领取~

va核心知识点梳理等，需要这些文档资料的，直接点击我的GitHub免费领取~

hashmap面试题，音视频学习指南来咯，社招面试心得相关推荐

【原理+实战+视频+源码】抖音，快手大热背后——Android 贴心的音视频学习指南来咯！
导语 Android 音视频开发这块目前的确没有比较系统的教程或者书籍,网上的博客文章也都是比较零散的.只能通过一点点的学习和积累把这块的知识串联积累起来. 音视频的开发,往往是比较难的,而这个比较难 ...
android面试题2020！年末阿里百度等大厂技术面试题汇总，社招面试心得
前言 1.主动学习,努力提升,与社会发展同行在职场上工作的年限越长,就越容易形成定势思维,这也许就是思维僵势的影响.这种习惯性思维正是缩小中年人生存空间的一大原因. 随着新行业.新技术的出现,要想不 ...
android开发面试题！微信小程序趋势及前景，社招面试心得
没有稳定的工作,只有稳定的能力. 又到了万物复苏的季节,在程序猿这个行当里,作为 Android 开发出生的,在经历了八年的脱发生涯后,有了越来越多的想法和感触趋势随着各类移动跨平台的兴起,在 R ...
字节跳动今日学习内容：靠着这份190页的面试资料，社招面试心得
2021年1月4日,我终于结束了这两个月以来收到的最好的一个公司的视频面试,短短15分钟,我们双方就再无话题了.我是觉得我不够优秀,配不上这个岗位.面试官可能觉得已经看透我了. 让我回顾一下这稍纵即逝 ...
音视频开发之旅（32)-音视频学习资料
目录为什么要学习音视频? 如何学习系统性音视频? 音视频相关的资料学习实践的输出文章分类聚合收获最近有朋友问想学习音视频,应该怎么学,有什么资料吗? 这个问题也困扰我很久,几年前就想开始音视频 ...
android音视频工程师,音视频学习 (十三) Android 中通过 FFmpeg 命令对音视频编辑处理(已开源)...
## 音视频学习 (十三) Android 中通过 FFmpeg 命令对音视频编辑处理(已开源) ## 视音频编辑器 ## 前言有时候我们想对音视频进行加工处理,比如视频编辑.添加字幕.裁剪等功能处 ...
音视频学习之 - H264解码
解码流程解析数据 (SPS PPS NALU Unit) 初始化解码器将解析后的H264 NALU Unit输入到解码器解码完成后回调,输出解码数据解码数据显示(OpenGL ES) 解析数据 ...
Android音视频学习系列(五) — 掌握音频基础知识并使用AudioTrack、OpenSL ES渲染PCM数据
系列文章 Android音视频学习系列(一) - JNI从入门到精通 Android音视频学习系列(二) - 交叉编译动态库.静态库的入门 Android音视频学习系列(三) - Shell脚本入门 ...
android 键编译,Android 音视频学习系列 (四) 一键编译 32/64 位 FFmpeg 4.2.2
前言 2020/5/20 增加了硬件解码编译脚本编译环境 Centos + NDK20b + FFmpeg4.2.2 + Android-21/16 2020/4/26 更新了编译 64 位脚本编 ...

hashmap面试题，音视频学习指南来咯，社招面试心得

前言

面经分享

经验总结

面试题

算法题

编程题

简答题

写在最后

hashmap面试题，音视频学习指南来咯，社招面试心得相关推荐

最新文章

热门文章