☀️Yang's Garden
搜索
Search
暗色模式
亮色模式
文件夹
📁 0.Inbox
📁 Theme
📄 查看对应语言的高两组
📄 高亮组
📄 CSS Grid
📄 CSS 跨域问题
📄 NextJS 中的缓存
📄 Npm
📄 Plop
📄 PNPM Link 使用
📄 PPR
📄 View Transitions API
📁 2.Area
📁 Dev
📁 Astro
📄 Astro
📄 Astro 项目配置
📁 CheatSheet
📄 Chrome DevTools CheatSheet
📄 Dataview CheatSheet
📄 Git Tip
📄 NextJs CheatSheet
📄 Nginx CheatSheet
📄 Obsidian CheatSheet
📄 Prisma CheatSheet
📄 React Hooks CheatSheet
📄 Svelte VSCode Plugin Setting
📄 TailWindCSS CheatSheet
📄 TypeOrm CheatSheet
📄 TypeScript CheatSheet
📄 Vim CheatSheet
📄 Zod CheatSheet
📁 Course
📁 《BigReact》
📄 使用 Rollup 构建 React
📁 Framework
📄 Shotgun Surgery 鸟枪手术
📁 NextJs
📄 NextJS 中的 Fetch 缓存
📄 NextJS 性能优化
📄 NextJS 数据重新验证
📄 NextJS的渲染路径以及优化
📄 useFormStatus 创建的可重复使用的 SubmitButton
📄 在 NextJS 中使用 React Query
📁 React
📄 React
📄 React SPA 异步加载优化
📄 React 中为组件实现 open 和 close
📄 React 中使用依赖注入
📄 useOptimistic
📄 useTransition
📁 Rust
📄 rust-analyzer
📄 rust-analyzer 在 monorepo 项目中报错
📄 Rust语法一览
📁 Svelte
📄 Svelte 5 实例化组件
📄 Svelte MediaQuery 工具
📄 Svelte 代码片段、工具集
📁 Tauri
📄 Tauri 多窗口管理
📁 设计模式与整洁代码
📁 设计模式
📄 设计模式-代理模式
📄 设计模式-依赖注入
📄 《通向干净(更)的React架构之路》
📄 React 策略模式案例
📄 代码重构的技巧
📄 如何优雅的避免代码嵌套
📄 如何提取函数
📄 策略模式优化代码中的 Switch Case
📄 -webkit-mask
📄 30分钟开发一个 TypeScript包并 Publish 到 Npm
📄 Alacritty 配置快捷键
📄 Array.prototype.with
📄 Babel Macros
📄 Caddy
📄 Caddy 定义本地端口为HTTPS域名
📄 Changesets 版本管理工具
📄 Choco
📄 clip-path
📄 CSR
📄 CSS @scope
📄 CSS Reset 重置样式
📄 CSS 伪类 placeholder-shown
📄 CSS 数学逻辑函数
📄 CSS 跨域问题
📄 CSS3 Width 属性新的值
📄 CSS新特性列表
📄 cz-git
📄 Debian 安装 Node
📄 Debian 安装 NodeJs 和 n 版本管理器
📄 Docker & Docker Compose 安装
📄 Docker 部署 Mysql
📄 Docusaurus 静态站点、文档框架
📄 Electron Redux 状态共享
📄 Electron 更优雅的 IPC 服务
📄 Electron 调试工具开发
📄 ESLint
📄 Eslint 相关依赖和新版配置
📄 eslint-config-prettier
📄 eslint-plugin-prettier
📄 eslint-plugin-react
📄 eslint-plugin-react-hooks
📄 Eslitn 无法检测 TypeScript 类型错误
📄 filter drop-shadow 阴影
📄 Ghproxy
📄 Git Commit 配置
📄 Husky 配置 Git Merge 检查
📄 Hydration
📄 ICE协议
📄 ISR
📄 JSON Web Token
📄 Linux 创建用户&管理权限
📄 Linux 目录结构
📄 LRU 缓存
📄 MillionJS
📄 Mkcert
📄 Monorepo
📄 NeoVim
📄 Neovim 配置 Rust Clippy 规范检测
📄 NestJS
📄 NestJS Prisma 中使用分页扩展
📄 NestJS Swagger 统一响应类型
📄 NextJS
📄 NextJs dynamic 动态加载
📄 NextJS 区分客户端组件与服务端组件
📄 NoSleep
📄 PNPM Link 使用
📄 PNPM 多包发布流程
📄 React cache API
📄 React Hooks CheatSheet
📄 React Query
📄 React useEffect 对象依赖避免不必要渲染的四种方式
📄 React 中对 ForwardRef 包裹的组件添加JSDoc
📄 React 中的 SOLID 原则
📄 React 之道 - 软件设计、架构和最佳实践
📄 React 预加载数据
📄 React技巧:快速、适应和有趣
📄 SDP协议
📄 Sentry
📄 Shadow DOM
📄 Simple-peer
📄 SSG
📄 SSR
📄 STUN协议
📄 Svelte 5 使用组件泛型
📄 Svelte 5 替代 Store
📄 Svelte Store
📄 Svelte4升级Svelte5
📄 Symbol.toPrimitive
📄 Tauri 琐碎
📄 Tsconfig
📄 Tsx 运行 TypeScript 与 ESM
📄 TURN协议
📄 Twitter 获取网站封面图的方式
📄 TypeScript Bad & Good
📄 TypeScript Exclude Utils
📄 TypeScript using 关键字
📄 TypeScript 可区分联合类型
📄 URL 解释-基本原理
📄 Vercel 如何使用 NextJS 实现微前端的
📄 Verdaccio 私有Npm服务
📄 Vite Monorepo TypeScript 环境变量处理
📄 Vite-plugin-esmodule 插件
📄 WakeLock API
📄 Web 动效落地方式
📄 WebRTC
📄 Web应用程序渲染策略
📄 Windows WSL 环境配置
📄 XState 状态机
📄 Xterm 实现 Web terminal
📄 Zod
📄 两种Tauri 应用开发运行方式
📄 为啥要从现在就开始使用 ESM
📄 使用 useActionState 与 Nextjs actions 加载更多
📄 使用Framer Motion在React中制作SVG动画
📄 使用TypeScript命名空间简化导入
📄 使用useGlobalHooks 在多个组件间共享状态
📄 使用Zod对API接口进行运行时数据校验
📄 最小化Zod的实现
📄 前端测试最佳实践-单元测试与集成测试
📄 卫语句
📄 同步更新
📄 图片在部分显示器上模糊问题
📄 在 Debian 上使用 chezmoi 同步配置文件
📄 在 JavaScript 中编写异步代码的14条ESLint规则
📄 块虚拟 DOM
📄 如何解决 TailWindCSS 扩展性问题
📄 实用的img元素默认值
📄 导致React.memo 失效的几种情况
📄 新React文档中的九个最佳建议
📄 检测设备对 Trickle ICE 功能的支持
📄 模板字符串高级用法
📄 浏览器API强大但未被充分利用的功能
📄 浏览器环境与Node环境中setTimeout和setInterval问题
📄 火焰图
📄 移除事件监听器的几种方式
📄 竞态请求
📄 组件库搭建方案调研
📄 自定义 createStateContext 创建状态共享Hook
📄 跳过付费墙直接免费查看各大网站内容
📁 Tools
📁 NeoVim
📄 NeoVide
📄 Neovim CheatSheet
📄 Neovim 插件&配置
📄 Neovim 系统设置
📄 Vim 命令&API
📄 文件操作
📁 Obsidian
📄 Obsidian Dateview API
📄 Obsidian Plugin 资源
📄 使用 quartz 将 Obsidian 发布到网络
📁 Tmux
📄 Tmux
📄 Tmux 插件开发
📄 fzf命令行模糊搜索工具
📄 Kitty
📄 Sketchybar
📄 在服务器上使用配置
📄 在用的软件与服务
📁 3.Resource
📁 编程
📁 文章收藏
📄 《JSDoc最佳实践》
📄 《Nextjs 中客户端组件间的通信》
📄 《Node.js Stream的阅读和写入指南》
📄 《React 中的多态性及其两种模式》
📄 《React 服务器组件中的 CSS》
📄 《React中使用策略模式设计组件》
📄 《Type vs Interface Which Should You Use In 2023》
📄 《Use Maps More and Objects Less》
📄 《Zustand 和 React Context》
📄 《不要将DTO传递给UI组件》
📄 《为什么React会重新渲染》
📄 《为什么修补全局变量是有害的》
📄 《了解带有水合作用的 SSR》
📄 《你仍然需要 Framer Motion 吗?》
📄 《使用 as 实现React组件多态性》
📄 《使用 useDeferredValue 来进行UI优化》
📄 《使用 useGlobalState 共享状态》
📄 《关于 React 服务器组件的 5 个误解》
📄 《前端开发的终结 - AI》
📄 《因为 React 而忘记(或从未知道)的事情》
📄 《如何创建 NPM 包》
📄 《如何学习一门技术》
📄 《我是如何晋升为软件工程师的》
📄 《新的网络开发范式》
📄 《生成式人工智能不会为您建立工程团队》
📄 可能有用的技术
📁 4.Archive
📄 PARA 信息分类法
最近的笔记
index
PARA 信息分类法
《JSDoc最佳实践》
《Nextjs 中客户端组件间的通信》
《Node.js Stream的阅读和写入指南》
《React 中的多态性及其两种模式》
《React 服务器组件中的 CSS》
《React中使用策略模式设计组件》
《Type vs Interface Which Should You Use In 2023》
《Use Maps More and Objects Less》
Home
❯
2.Area
❯
Dev
❯
设计模式与整洁代码
❯
设计模式
❯
设计模式-依赖注入
设计模式-依赖注入
2024年11月21日
1分钟阅读
依赖注入(DI)是一种设计模式,它允许您将变量、对象或服务注入到您的代码中,而不是直接在代码中硬编码或实例化它们
关系图谱
反向链接
React 中使用依赖注入