关于前端:什么时候能被好运眷顾一次快手前端三面败在智力题称砝码重量

前言

敌人可能真的是水逆了，这段时间去加入的面试不是面试官笑着婉拒着，就是 hr 那没消息了，这不去面试了快手，好不容易挺到了第三面，第三面面试题是：4 个砝码，一个天平，问能称出多少种分量（砝码能够两边都放，砝码分量本人轻易定），敌人看着这智力题就晓得快手是无缘了。

面试还是要持续的，但也要学会剖析问题、总结经验，能力更好的登程。 小编把敌人面的面试题前面表明每一题的性质，也会给出一些参考思路。 想晓得我这“晦气”敌人最初去了那家公司也能够关注小编哈哈哈哈，有状况就更新。

• 形容：对概念、过程的形容，纯理论性问答题为主
• 举例：说出利用场景，或者是本人团队实际的状况
• 伪代码：写代码，但不须要跑起来，甚至能够轻易写伪代码，次要目标是形容思路
• 编程：真正的写代码，须要跑起来，有测试用例，要看到成果

1 面

1. react 升到 16，有什么坑须要解决【形容】
2. 16 后性能好多少，测过吗，你怎么测的。顺便问一下各种测速上报【形容】
3. 为什么 16 的性能好，fiber 流程是怎么的【形容】
4. 为什么两个 will 生命周期要被标记为 danger【形容】
5. 用了 react 的哪些新个性，带来什么收益【举例】
6. 浏览器 http 缓存那一套【形容】
7. from memory cache、from dist cache 什么区别，性能比照【形容】
8. 依据什么而选 from memory cache、from dist cache 这两种缓存计划【形容】
9. service worker 怎么了解【举例】
10. 输入一个字符串全排列【编程】

2 面

1. 我的项目深挖，反诘一些问题【形容】【举例】
2. react 的 setstate 过程【形容】
3. 说一下几种状况的 setstate 的输入，为什么【形容】
4. react 的合成事件【形容】
5. 收到新 state 怎么更新，产生了什么事件【形容】
6. ssr 太久，你感觉什么起因导致【举例】
7. ssr 优化措施【举例】
8. react 的 ssr 和传统的模版引擎渲染比照【形容】
9. ssr 兜底容灾措施、降级措施【举例】
10. 如何抉择 csr 还是 ssr，设计一套计划切换，让尽量多的用户失去最好的体验【举例】
11. 有一个申请函数 request，封装一下这个函数，使得多个雷同的申请过去的时候不发申请，间接读取第一个的后果【编程】
12. 有一个排序数组，返回第一个比指标数字小的数，要求 log(n)【编程】

3 面

1. 4 个砝码，一个天平，问能称出多少种分量（砝码能够两边都放，砝码分量本人轻易定）【写出运算过程】
   砝码分量本人轻易定，就定一个理想化的状况，四个不一样的、且加起来也不存在反复的就行。如果你要思考存在分量一样的两个砝码或者某些组合的和有相等的过程，那分类探讨够你折腾几个小时的。但面试只有 20 分钟，所以间接看现实状态的就行

学习笔记

为了让敌人另起炉灶，小编整顿了一套前端面试题材料给敌人看，心愿她早日找到工作啦。小编也分享进去给小伙伴们，也心愿着小伙伴们去面试好运连连噢！

须要完整版学习笔记的小伙伴们，往这里看，间接点击就可获取啦

HTML

• Doctype 的作用？
• 规范模式和怪异模式的区别：
• 行内元素 / 块级元素 / 空元素有哪些？
• 介绍一下你对浏览器内核的了解?
• 罕用浏览器的内核有哪些？
• 浏览器是怎么对 HTML5 的离线贮存资源进行治理和加载的？
• 形容一下 cookies/sessionStorage 和 localStorage 的区别?
• HTML5 新个性有哪些？如何解决 HTML5 新标签的兼容性问题？如何辨别 HTML 和 HTML5？

CSS

• 浏览器盒模型?
• 革除浮动的形式
• CSS 选择器有哪些? 哪些属性能够继承?
• ::after/:after 与::before/:before 的区别?
• CSS 款式优先级计算法:
• CSS3 新个性和伪类有哪些?
• less 的一些劣势。
• 如何居中 div?

JavaScript

• JS 是一种什么样的语言?
• JS 数据类型有哪些?
• 介绍 JS 有哪些内置对象？
• 栈与堆的区别?
• js 中的作用域与变量申明晋升
• 如何转化类型?
• 什么是面向对象编程及面向过程编程，他们的异同和优缺点
• 面向对象编程思维

ES6

• 列举罕用的 ES6 个性：
• 箭头函数须要留神哪些地方？
• let、const、var
• 拓展：var 形式定义的变量有什么样的 bug？
• Set 数据结构
• 拓展：数组去重的办法
• 箭头函数 this 的指向。
• 手写 ES6 class 继承。

微信小程序

• 简略形容一下微信小程序的相干文件类型?
• 你是怎么封装微信小程序的数据申请？
• 有哪些参数传值的办法？
• 你应用过哪些办法，来进步微信小程序的利用速度？
• 小程序和原生 App 哪个好？
• 简述微信小程序原理？
• 剖析微信小程序的优劣势
• 怎么解决小程序的异步申请问题？

其余知识点面试

• webpack 的原理
• webpack 的 loader 和 plugin 的区别？
• 怎么应用 webpack 对我的项目进行优化?
• 防抖、节流
• 浏览器的缓存机制
• 形容一下二叉树, 并阐明二叉树的几种遍历形式?
• 我的项目类问题
• 口试编程题：

最初

技术栈比拟搭，根本用过的货色都是截然不同的。快手终面喜爱问智力题，校招也是终面问智力题，大家要筹备一下一些经典智力题。如果排列组合、概率论这些根底忘了，倡议回去补一下。

喜爱这篇文章的小伙伴们【 点赞 + 评论 】反对下哦，也别忘了分享给小伙伴们学习学习~