AsyncTalk
AsyncTalk
AsyncTalk
EP11 与 Event 斗争的血泪史
46 minutes Posted Jun 30, 2022 at 7:36 am.
引题 Event1:24 Event 是什么5:11 浏览器事件模型9:10 AbortSignal 与 once10:58 浏览器生命周期事件14:35 I'm not robot!17:47 event.target & currentTarget18:47 无聊的面试题:事件委托20:39 不是面试题的 Event Loop23:51 Node Event Loop 以及你为啥不该知道32:08 脱离前端的 Event32:38 Event 有啥用呢?挣钱,解耦33:56 ”事件“ 概念的杰出代表 — Nginx35: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_eventIntersection Observer API: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_APIWhat 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-propertyReact SyntheticEvent: https://reactjs.org/docs/events.htmlThe 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/tauriThis 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-contextSPEC task queue: https://html.spec.whatwg.org/multipage/webappapis.html#task-queuetokio: https://github.com/tokio-rs/tokioThread 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-tokensBGM by Otologic
0:00
46:51
Download MP3
Show notes
本期节目主播们在谈天说地之余聊了些关于 Event 相关的话题,从浏览器事件模型到性能优化都没丢下。由于 lock down 带来的影响尚未散去,主播们普遍未能恢复到完全的状态,本期节目还请大家多多包涵。但如果内容有误请务必不要照顾我们,可以通过邮件或者直接评论留言的方式联系我们指正。感谢~邮件:[email protected]主播AnnatarHe: https://annatarhe.comTinko: https://space.bilibili.com/290664Sleaf: https://twitter.com/Sleaf_小鹿Timeline0:48 引题 - Event1:24 Event 是什么5:11 浏览器事件模型9:10 AbortSignal 与 once10:58 浏览器生命周期事件14:35 I'm not robot!17:47 event.target & currentTarget18:47 无聊的面试题:事件委托20:39 不是面试题的 Event Loop23:51 Node Event Loop 以及你为啥不该知道32:08 脱离前端的 Event32:38 Event 有啥用呢?挣钱,解耦33:56 ”事件“ 概念的杰出代表 — Nginx35: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_eventIntersection Observer API: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_APIWhat 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-propertyReact SyntheticEvent: https://reactjs.org/docs/events.htmlThe 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/tauriThis 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-contextSPEC task queue: https://html.spec.whatwg.org/multipage/webappapis.html#task-queuetokio: https://github.com/tokio-rs/tokioThread 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-tokensBGM by Otologic