cover of episode EP11 与 Event 斗争的血泪史

EP11 与 Event 斗争的血泪史

2022/6/30
logo of podcast AsyncTalk

AsyncTalk

Frequently requested episodes will be transcribed first

Shownotes Transcript

本期节目主播们在谈天说地之余聊了些关于 Event 相关的话题,从浏览器事件模型到性能优化都没丢下。 由于 lock down 带来的影响尚未散去,主播们普遍未能恢复到完全的状态,本期节目还请大家多多包涵。 但如果内容有误请务必不要照顾我们,可以通过邮件或者直接评论留言的方式联系我们指正。感谢~ 邮件:[email protected] 主播 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