Evanpatchouli℃-优快云博客

跨组件通信和数据共享不是一件容易的事，如果通过 prop 一层层传递，太繁琐，而且仅适用于从上到下的数据传递；建立一个全局的状态 Store，每个数据可能两三个组件间需要使用，其他地方用不着，挂那么大个状态树也浪费了。当然了，有一些支持局部 store 的状态管理库，比如 zustand，我们可以直接使用它来跨组件共享数据。不过本文将基于事件机制的原理带来一个新的协同方案。

2023-12-17 19:46:05 1506

原创【react.js + hooks】useVirtualArea 渲染虚拟列表

useVirtualArea 是一个 React Hook，用于创建虚拟列表。虚拟列表是一种优化技术，用于在不影响性能的情况下显示大量数据。

2023-12-10 15:52:51 1383

原创【react.js + hooks】useRef 搭配 Houdini 创造 useRipple

水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。今天，我们将复刻一个 ripple，并封装成 hooks 来使用！

2023-11-29 13:05:50 1100

原创【react.js + hooks】使用 useLoading 控制加载

在页面上 loading（加载）的效果十分常见，在某些场景下，一个页面上甚至可能有特别多的 loading 存在，此时为每一个 loading 专门创建一个 state 显然太过繁琐，不如试试写一个 useLoading 来集中管理！

2023-11-12 03:14:32 1045

原创 Tauri2 mobile development traps

tauri2 mobile 太坑了呜呜

2023-10-25 01:38:31 1169 2

原创【react.js + hooks】手写响应式 reactive

在 react.js 中通过代理实现一套钩子来达到类似 vue 的响应式状态

2023-10-22 19:01:53 705 1

原创【React】单页面应用限制多开登录

react 单页面应用限制多开登录。

2023-09-13 16:53:30 582

原创【React + Ant Design】表单如何在前置项未填写时禁止后置项交互并提示

在 react + antd 中，对表单做在前置项未填写时禁用后置项交互并提示的效果。

2023-09-12 15:35:52 494

原创【React + Umi】自定义离开页面拦截弹框事件

在 react + umi 中对离开页面的行为进行自定义弹窗拦截控制。

2023-09-12 01:39:10 1843

原创【Express.js】健康检查

【Express.js】健康检查

2023-09-09 10:14:19 387

原创【Express.js】安全性

【Express.js】安全性

2023-09-09 10:13:04 454

原创【Express.js】高性能

【Express.js】高性能

2023-09-09 10:12:25 555

原创【Express.js】代码规范

【Express.js】代码规范

2023-09-09 10:11:17 357

原创【Express.js】pm2进程管理

【Express.js】pm2进程管理

2023-09-09 10:10:38 571

原创【Express.js】Docker部署

【Express.js】Docker部署

2023-09-09 10:09:26 701

原创【Express.js】软件构建

【Expess.js】软件构建

2023-09-09 10:08:23 718

原创【踩坑纪实】URL 特殊字符 400 异常

笔者之前在写后端或者前端时，在处理表单时，经常有对特殊字符的检验处理，但自己也不清楚为什么要这么做，浅浅地以为可能是特殊字符不好看或者存取可能会造成异常？不过一直没遇到过问题，也就不在意这了。巧的是，昨天在实习公司，测试小姐姐居然给我提了一个关于特殊字符异常的BUG，我就那了闷了，头一回见这种异常，不过做过了解后，才发现不是什么疑难杂症，一起来看看吧。

2023-09-08 19:05:01 747