近期开始打造一个自己的react hooks库，从日常工作中常用的一个场景开始开发，同时会结合现有的hooks库的api进行设计。 为啥要自己造轮子，虽然目前很多关于hooks的库已经非常完善，但是再日常开发中，还是会遇到一些可以抽离出来的场景，所以自己维护一套使用起来更方便，这就是要自己弄一套的主要原因。 文档地址：[let-hooks](https:let-hooks.vwood.xy

最近在做网页聊天挂件时，挂件里的消息滚动在最顶部或者最底部时整个网页就是跟随滚动，体验非常不好。 下面给一个GIF的例子 ![file.vwood.xyz/2023/09/13/upload_jz5m2b1k75xbqd69ymz04ba1r1dnj486.gif](file.vwood.xyz/2023/09/13/upload_jz5m2b1k75xbqd69ymz04ba1r1dn

clip类似于hidden，内容将以元素的边距盒进行裁剪。clip 和 hidden 之间的区别是 clip 关键字禁止所有滚动，包括以编程方式的滚动。该盒子不是一个滚动的容器，并且不会启动新的格式化上下文。而hidden是一个滚动的容器，可以通过js来操控元素的滚动。 下面是一个在线例子： <iframe src="https:codesandbox.io/embed/ov

做个人项目时，由于服务器网速原因，前端打包后直接将所有资源直接访问服务器上访问就比较慢，所以可以将静态资源传递到cdn上，选择了upyun（因为有免费额度）。 步骤如下： 1. 建立连接 2. 找到要上传文件路径 3. 上传文件 直接看代码： javascript const upyun = require("upyun"); const fs = require("fs"); c

文章基于Jotai版本：2.2.1，备注后的代码地址[https:github.com/abelce/jotai-study](https:github.com/abelce/jotai-study)。 下面只介绍了atom的同步执行逻辑，异步代码请自行忽略。为了便于阅读，删了一些ts类型和备注 atom 函数 atom函数用于创建atom配置，紧紧只是一个配置对象，不保存at

介绍 [MDN](https:developer.mozilla.org/zh-CN/docs/Web/CSS/display)上display:contents的介绍如下： 这些元素自身不会产生特定的盒子。它们被伪盒子（pseudo-box）和子盒子取代。 就是不会产生任何盒子，会由子元素（包括伪元素）来代替。但是可继承的属性依旧会对子元素产生影响。 下面有一段htm

在registry-mirrors配置里添加镜像 json https:yxzrazem.mirror.aliyuncs.com

使用git push向github推代码时报如下错误: shell ssh: connect to host github.com port 22: Operation timed out fatal: Could not read from remote repository. Please make sure you have the correct access rights a

AbortController 是一个控制器对象，用来中止一个或多个 Web 请求。 比如text/event-stream中，后端会持续给前端推送数据，如果前端想取消请求，就可以使用AbortController。 先使用AbortController创建一个控制器： javascript const controller = new AbortControll

text-decoration text-decoration 用于设置文本上的装饰性线条的外观。 它是 text-decoration-line、text-decoration-style、text-decoration-color 和text-decoration-thickness的缩写。 css text-decoration: underline wa