zxg_神说要有光

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确定浮层位置： 比如滚动到页面

最近遇到一些组件，它们只是对 api 的一层简易封装，用起来也和直接用 api 差不多。 但是这种组件的下载量还是挺多的。 今天我们一起来写三个这样的组件，大家来感受下和直接用 api 的区别。 Po

Jotai 是一个 react 的状态管理库，主打原子化。 提到原子化，你可能会想到原子化 CSS 框架 tailwind。 比如这样的 css： 用 tailwind 这样写： 定义一系列原子 cl

大家写中后台系统的时候，应该都用过 Ant Design 的 Form 组件： 用 Form.Item 包裹 Input、Checkbox 等表单项，可以定义 rules，也就是每个表单项的校验规则。

当应用加了新功能的时候，都会通过这种方式来告诉用户怎么用： 这种组件叫做 OnBoarding 或者 Tour。 在 antd5 也加入了这种组件: 那它是怎么实现的呢？ 调试下可以发现，遮罩层由 4

组件库一般都有 Popover 和 Tooltip 这两个组件，它们非常相似。 不过应用场景是有区别的： Tooltip（文字提示） 是用来代替 title 的，做一个文案解释。 而 Popover（

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

本来我这是个技术的号，不想发很多技术无关的内容，但是吧，最近遇到的一些事情确实不吐不快。 大家就当个故事看一下吧。 我 18 年的时候买的青岛即墨的房子，买在了最高峰，花了 70 万首付 + 100

从春节前到现在，一个半月没更新了，做啥都提不起劲来。 越来越感觉我的人生过的好失败。 去年我爸因为癌症去世了，家里的门头房用不到了，就想卖掉，找好了买家，价格谈了 140 万。 当时想买我们这个房子的