handler机制的原理面试，2021年不想被公司优化统统都会！

2023-11-02 17:39:28

前言

又到了金九银十的面试季，自己也不得不参与到这场战役中来，其实是从去年底就开始看，android的好机会确实不太多，但也还好，3年+的android开发经历还是有一些面试机会的，不过确实不像几年前门槛那么低了，总的体会就是小的创业公司比较注重你的项目经历是否和自己的贴合，直接能过来独当一面。大厂除了看中项目经历外，还比较注重你知识面的广度，是广度、深度和解决方案等多方面的考察，平时够工作要好好积累临时刷题只聊点皮毛估计是过不了关的。下面就总结一些遇到的题目，各种风格的都有。这里先列举问题。

面经分享

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

经验总结

  • 一份漂亮的简历，需要包括以下部分（排版由上而下）
    • 个人亮点（专精领域，个人博客，开源项目）
    • 教育经历（毕业院校，在校经历、荣誉）
    • 工作经历（实习）
    • 项目经历
    • 专业技能
  • 扎实的前端基础，比如你知道
    • <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 的了解

总结

【Android 详细知识点思维脑图（技能树）】

handler机制的原理面试，2021年不想被公司优化统统都会！

我个人是做Android开发，已经有十来年了，目前在某创业公司任职CTO兼系统架构师。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。

这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

handler机制的原理面试，2021年不想被公司优化统统都会！

详细整理在Gitee可以见；

Android架构视频+BAT面试专题PDF+学习笔记

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

最后，赠与大家一句话，共勉！

handler机制的原理面试，2021年不想被公司优化统统都会！

上一篇：单行处理函数


下一篇：思维锻炼-假设法03