EP11 与 Event 斗争的血泪史

EP11 与 Event 斗争的血泪史
Tags:
technical
web
hacker

本期节目主播们在谈天说地之余聊了些关于 Event 相关的话题,从浏览器事件模型到性能优化都没丢下。

由于 lock down 带来的影响尚未散去,主播们普遍未能恢复到完全的状态,本期节目还请大家多多包涵。

但如果内容有误请务必不要照顾我们,可以通过邮件或者直接评论留言的方式联系我们指正。感谢~

邮件:async.talk@gmail.com

主播

  • AnnatarHe: https://annatarhe.com
  • Tinko: https://space.bilibili.com/290664
  • Sleaf: https://twitter.com/Sleaf_
  • 小鹿

Timeline

  • 0:48 引题 - Event
  • 1:24 Event 是什么
  • 5:11 浏览器事件模型
  • 9:10 AbortSignal 与 once
  • 10:58 浏览器生命周期事件
  • 14:35 I’m not robot!
  • 17:47 event.target & currentTarget
  • 18:47 无聊的面试题:事件委托
  • 20:39 不是面试题的 Event Loop
  • 23:51 Node Event Loop 以及你为啥不该知道
  • 32:08 脱离前端的 Event
  • 32:38 Event 有啥用呢?挣钱,解耦
  • 33:56 ”事件“ 概念的杰出代表 — Nginx
  • 35:37 一道有趣的面试题
  • 39:15 解决问题可以靠工程,也可以用算法
  • 40:52 如何优化高复杂度的问题
  • 42:09 蹭个 react fiber 的热度
  • 43:15 性能有问题?分片!
  • 45:21 关于未发布节目的说明 — 我们倾向于做正能量节目

相关链接

  • Document: visibilitychange event: https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
  • Intersection Observer API: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
  • What is the exact difference between currentTarget property and target property in JavaScript: https://stackoverflow.com/questions/10086427/what-is-the-exact-difference-between-currenttarget-property-and-target-property
  • React SyntheticEvent: https://reactjs.org/docs/events.html
  • The Node.js Event Loop, Timers, and process.nextTick(): https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/
  • tauri: https://github.com/tauri-apps/tauri
  • This new iOS 16 feature will rid the web of pesky CAPTCHA verification puzzles: https://9to5mac.com/2022/06/20/ios-16-bypass-captchas/
  • Difference between microtask and macrotask within an event loop context: https://stackoverflow.com/questions/25915634/difference-between-microtask-and-macrotask-within-an-event-loop-context
  • SPEC task queue: https://html.spec.whatwg.org/multipage/webappapis.html#task-queue
  • tokio: https://github.com/tokio-rs/tokio
  • Thread Pools in NGINX Boost Performance 9x! https://www.nginx.com/blog/thread-pools-boost-performance-9x/
  • React Fiber Architecture: https://github.com/acdlite/react-fiber-architecture

扩展阅读

  • How Apple could kill CAPTCHAs with Private Access Tokens https://appleinsider.com/articles/22/06/14/how-apple-could-kill-captchas-with-private-access-tokens

BGM by Otologic