依赖注入
最近在做SDK的时候,对模块进行解藕,模块之间的依赖关系就需要进行处理,使用到了依赖注入,所以记录一下。 一、 什么是依赖注入 依赖注入就是基于调用方它所需要的事物。 有两个模块Car、Enginer, Car依赖Enginer,实现方式可以如下, 方案一: js Enginer class Enginer { } Car class Car
最近在做SDK的时候,对模块进行解藕,模块之间的依赖关系就需要进行处理,使用到了依赖注入,所以记录一下。 一、 什么是依赖注入 依赖注入就是基于调用方它所需要的事物。 有两个模块Car、Enginer, Car依赖Enginer,实现方式可以如下, 方案一: js Enginer class Enginer { } Car class Car
本文介绍React更新的baseState,阐述baseState在updateQueue中的作用,以及工作原理。 首先React中任务有着不同的优先级,优先级高的任务先执行,低的后执行。所以会出现先创建的任务后执行的情况。比如下面的例子: A1 -B2 -> C1 -> D2 其中数字越小优先级越高,所以A1和C1 会优先执行,执行完后的更新队列就如下: B
一个react hooks库,方便自己日常开发和使用
最近在做网页聊天挂件时,挂件里的消息滚动在最顶部或者最底部时整个网页就是跟随滚动,体验非常不好。 下面给一个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
介绍 [MDN](https:developer.mozilla.org/zh-CN/docs/Web/CSS/display)上display:contents的介绍如下: 这些元素自身不会产生特定的盒子。它们被伪盒子(pseudo-box)和子盒子取代。 就是不会产生任何盒子,会由子元素(包括伪元素)来代替。但是可继承的属性依旧会对子元素产生影响。 下面有一段htm
在registry-mirrors配置里添加镜像 json https:yxzrazem.mirror.aliyuncs.com
介绍 [Jotai](https:jotai.org/docs/introduction)是一种原子化的状态管理方案。采用的 Atom + hook + Context的方式来解决React的数据管理。 当Atom更新的时候不会触发Context的更新,只会更新订阅了Atom的组件。 Jotai 有一个非常小的 API,并且是面向 TypeScript 的。 它
使用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