不常见但是有用的 chrome 调试技巧
Chrome 的一些有用的调试技巧。
【手写简易浏览器】html parser 篇
- 分为词法分析和语法分析两步。词法分析是识别token，语法分析是对token进行组装，生成 AST。
官方揭秘！你的颜色是这样算出来的……
- 网易云音乐大热的性格颜色活动是纯前端算的
React Hooks 踩坑之-- Capture Value 特性
- 把每一次 render 理解为一次快照，每个快照独立，而每一次状态都被固化在了这个快照中（无论是在处理函数中还是在 useEffect 中）
- 要绕过 Capture Value，使用useRef。
下一代 CSS：@container
- 在容器上使用媒体查询（容器查询），可太酷了吧！
- 可以在 Chromium 中实验此功能
15 张前端高清知识地图，强烈建议收藏
- 比较基础，确实值得收藏来查漏补缺
** 我在工作中是如何使用Git的
- 一些常用的git命令。别名很有用
如何实现一个零延迟的定时器？
- 嵌套层级>5时，setTimeout有最小时延4ms。4ms是性能和 CPU spinning与耗电的tradeoff。
- 如果想在浏览器中实现 0ms 延时的定时器，可以使用 window.postMessage()
- 应用：React 时间切片就用 MessageChannel 实现
- 为什么不用执行时机更靠前的微任务？因为微任务会在渲染之前执行，这样就算浏览器有紧急的渲染任务，也得等微任务执行完才能渲染。
你可能并不需要微前端
- 没有银弹，架构本身就是各种 trade–off
从前端视角看浏览器隐身模式下你是如何被追踪的
- 隐私模式不是真的匿名
- 浏览器指纹的一些实现方法
