Latest

在 NextJs 中使用 Storybook

在nextjs项目中通过制作一个博客访问人次的小功能说明使用 Urql、Apollo-server4、Prisma 实现数据库到后端再到前端的类型安全的全流程

xState 和 RxJS 都是非常有趣的 JS 库，可以用来实现状态管理。xState 是有限状态机在 JS 中的实现，而 RxJS 是响应式编程在 JS 中的实现。本文介绍了 xState 的概念、使用方法以及延伸 API，并提供了在 React 中使用和有趣例子。同时也讲解了为什么要使用 RxJS 以及它的基本思想。虽然两者毫不相关，但也有跨界合作的地方，比如 xState 里可以调用 RxJS 的 Observables，把 RxJS 视为数据源。

IntersectionObserver API用于实现电商业务中的广告位曝光埋点。通过注册一个回调方法，每当期望被监视的元素进入或者退出另外一个元素的时候，该回调方法将会被执行，并且浏览器可以帮助我们优化和管理两个元素的交集变化。使用 IntersectionObserver API 监控页面广告位与视窗的位置，通过针对性的增加时间的统计来完成广告位曝光埋点。相比于传统的方案，使用 IntersectionObserver API 可以避免卡顿和回流等性能问题，更加轻量级且易于维护。