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

2021-03-20 22:29:53 阅读：161 来源： 互联网

标签：分发 console log 实现代码 React 如何开源 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免费领取

标签：分发,console,log,实现,代码,React,如何,开源,Android
来源： https://blog.csdn.net/fanzhang_vip0723/article/details/115036078

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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

前言

面经分享

经验总结

面试题

算法题

编程题

简答题

最后

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

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