Evanpatchouli℃-CSDN博客

原创 react-hooks-kit v1 正式发布

@evanpatchouli/react-hooks-kit v1.0.0 正式发布

2024-01-03 20:42:04 1166 1

原创【react.js + hooks】useUrl 监听路由参数

本节我们来实现一个监听并解析 URL 参数的 hook：useUrl。而且这个 hook 的返回类型是可推断的。

2024-01-02 00:14:23 1044

原创【react.js + hooks】useGuide 创建用户引导视图

有的时候用户可能对网站上的一些操作流程感到困惑，这时候我们需要为用户创建引导视图。为了插入指引而专门去更改组件的渲染函数，显然是不合逻辑的，创建指引视图应该是一种对源代码低侵入的行为，我们可以遵循某一套约定，使之变成一种类插件化的机制。

2023-12-24 20:56:13 1161

原创【react.js + hooks】基于事件机制的跨组件数据共享

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

2023-12-17 19:46:05 1255

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

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

2023-12-10 15:52:51 1175

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

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

2023-11-29 13:05:50 1023

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

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

2023-11-12 03:14:32 859

原创 Tauri2 mobile development traps

tauri2 mobile 太坑了呜呜

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

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

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

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

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

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

2023-09-13 16:53:30 429

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

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

2023-09-12 15:35:52 428

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

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

2023-09-12 01:39:10 1188

原创【Express.js】健康检查

【Express.js】健康检查

2023-09-09 10:14:19 311

原创【Express.js】安全性

【Express.js】安全性

2023-09-09 10:13:04 312

原创【Express.js】高性能

【Express.js】高性能

2023-09-09 10:12:25 409

原创【Express.js】代码规范

【Express.js】代码规范

2023-09-09 10:11:17 268

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

【Express.js】pm2进程管理

2023-09-09 10:10:38 434

原创【Express.js】Docker部署

【Express.js】Docker部署

2023-09-09 10:09:26 408

原创【Express.js】软件构建

【Expess.js】软件构建

2023-09-09 10:08:23 625

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

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

2023-09-08 19:05:01 567