干货面试教程!阿里面试100%会问到的JVM,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 的了解

总结

算法知识点繁多,企业考察的题目千变万化,面对越来越近的“金九银十”,我给大家准备好了一套比较完善的学习方法,希望能帮助大家在有限的时间里尽可能系统快速的恶补算法,通过高效的学习来提高大家面试中算法模块的通过率。

这一套学习资料既有文字档也有视频,里面不仅仅有关键知识点的整理,还有案例的算法相关部分的讲解,可以帮助大家更好更全面的进行学习,二者搭配起来学习效果会更好。

部分资料展示:




有了这套学习资料,坚持刷题一周,你就会发现自己的算法知识体系有明显的完善,离大厂Offer的距离更加近。

资料获取方法:点赞+关注+转发,然后进入我的【GitHub】,里面有免费获取途径

关注+转发,然后进入我的【GitHub】,里面有免费获取途径**

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值