vwood
  • 首页
  • 在线工具
  • 关于

自己打造的react hooks库: let-hooks

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

发布于: 2023-09-18
标签: react,hooks,let-hooks

overscroll-behavior阻止容器滚动

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

发布于: 2023-09-13
标签: overscroll-behavior,contain

overflow:clip和overflow-clip-margin的介绍

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

发布于: 2023-08-24
标签: overflow:clip,overflow-clip-margin

upyun nodejs上传文件

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

发布于: 2022-08-23
标签: upyun,又拍云,node
jotai原理篇

jotai原理篇

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

发布于: 2023-08-19
标签: jotai

display:contents

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

发布于: 2023-08-23
标签: display:contents,css

docker pull 慢

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

发布于: 2023-08-20
标签: docker pull,慢

ssh: connect to host github.com port 22: Operation timed out

使用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

发布于: 2023-08-19
标签: git push,ssh.github.com

AbortController

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

发布于: 2023-08-15
标签: AbortController,AbortSignal

text-decoration

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

发布于: 2023-08-14
标签: text-decoration,css
  • 1
  • 2
  • 3
  • 4
  • 5
  • •••
  • 10

最新文章

自己打造的react hooks库: let-hooksoverscroll-behavior阻止容器滚动overflow:clip和overflow-clip-margin的介绍display:contentsdocker pull 慢jotai原理篇ssh: connect to host github.com port 22: Operation timed outAbortControllertext-decorationJotai使用笔记(一)
邮箱:1061225829@qq.com
蜀ICP备19030923号-1
Copyright © 2023 All Rights Reserved.
本站由 提供CDN加速/云存储服务