带你一起探究Android事件分发机制,已开源

  • 时间:
  • 浏览:
  • 来源:互联网

前言

我今年38岁,失业前是南方二线城市某知名互联网公司的部门技术主管,婚姻幸福,膝下有一儿一女,组成一个好字,房子车子:有一辆十几万的汽车,一套月供八千的房子,妻子全职在家带娃,家里的一切开销全部指望我的那点工资,从没有想过失业会降临到我的头上,当我把这个消息告诉母亲的时候,母亲哭了:“这么好的工作咋说没就没了,我还以为你会在那干一辈子呢。”妻子说:”凭借你的技术能力,总会找到好工作的,不要伤心气馁。“

就这样,我在毫无防备的情况下,踏上了再求职历程,虽然对自己能力还是比较自信,但我还是分三条腿走路,为的就是同时出击,确保最后成功率。

① 投递行业Top3的大公司,由于之前的履历不错,在投递些许简历之后,也总是能收到面试通知,每次也都能聊得热火朝天,然后让我回去等通知,等是等了,但就是不见录用通知。

② Top3碰壁之后,于是我降低期望,投递小的互联网以及创业公司,又遭到HR的各种挑刺嫌弃,说是年纪太大,公司养不起我这种高薪的人。

③ 由于行业属性,我另一条路是找熟人内推,这个取得的效果最好,但唯一一点就是薪资福利、岗位职责等不符合我的心意。

面经分享

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

经验总结

  • 一份漂亮的简历,需要包括以下部分(排版由上而下)
    • 个人亮点(专精领域,个人博客,开源项目)
    • 教育经历(毕业院校,在校经历、荣誉)
    • 工作经历(实习)
    • 项目经历
    • 专业技能
  • 扎实的前端基础,比如你知道
    • <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程序员,我这边给大家整理了一些资料,包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter等全方面的Android进阶实践技术;希望能帮助到大家,也节省大家在网上搜索资料的时间来学习,也可以分享动态给身边好友一起学习!

需要资料的朋友可以点击我的GitHub免费领取
需要资料的朋友可以点击我的GitHub免费领取

本文链接http://www.dzjqx.cn/news/show-617037.html