ProTable 请求封装:明确协议适配与错误边界
Ant Design ProTable 的 request 约定很简单:接收分页、表单、排序和筛选参数,返回 data、success 与 total。真正值得封装的是项目后端协议的适配,而不是在 Hook 内再造一套缓存或吞掉所有错误。 ...
接着看:
Ant Design ProTable 的 request 约定很简单:接收分页、表单、排序和筛选参数,返回 data、success 与 total。真正值得封装的是项目后端协议的适配,而不是在 Hook 内再造一套缓存或吞掉所有错误。 ...
这篇文章讨论的不是 Vue Router,而是 uni-app 项目如何从 pages.json 生成可复用、可推导类型的路由常量。在 uni-app 中,pages.json 才是页面入口事实源;生成器的职责是减少业务代码里的路径字符串,...
头像裁剪不是“给图片加一个圆形遮罩”这么简单。可用于生产的组件需要把手势坐标、原图像素、Canvas 导出、文件体积和多端差异放在同一个模型里。本文不再把早期的样式原型描述成完整组件,而是整理一套可实现、可测试的设计。 组件的职责 一个边...
在 React 应用中读取 URL 查询参数,难点不在字符串解析,而在“URL 变化后组件何时重新渲染”。正则表达式通常会漏掉重复参数、+、编码字符和空值;直接读取 window.location.search 又不会自动订阅前端路由变化。...
useLockFn 用来保证同一个异步动作在完成前不会再次进入,适合保存、支付前确认、生成文件等操作。它解决的是“执行中互斥”,不是搜索输入防抖,也不是固定频率节流。 实现 import { readonly, ref } from 'v...
ProTable 跨页选择需要同时保存两类状态:稳定的行主键,以及已经见过的行数据。只保存当前页的 selectedRows,翻页后会丢失详情;只保存主键,批量操作时又可能拿不到名称等展示字段。 设计约束 rowKey 必须全局稳定,不...
React 版 useMutate 适合封装由事件触发的异步操作。早期实现里最容易被忽略的问题是:普通局部变量不会触发渲染,失败时塞入 {} as T 会破坏类型,并发请求也可能让旧结果覆盖新结果。 一个最小但完整的实现 import {...
React 的函数组件与类组件都能描述界面,但它们最值得理解的差异不是语法,而是一次渲染看到的值如何被保存。函数组件中的事件处理器会捕获创建它的那次渲染快照;类组件的方法通常通过可变的 this 读取最新 props 和 state。 一...
在分类法归档页获取“当前分类”,应使用 WordPress 已解析好的查询对象,而不是拆分 $_SERVER['REQUEST_URI']。URL 可能因固定链接、语言插件、子目录安装或重写规则变化,查询对象才是稳定的数据来源。 获取直属...
页面、文章或自定义文章详情需要不同布局时,先使用 WordPress 模板层级和页面模板;只有当编辑需要在后台选择有限的展示变体时,再加入 ACF 字段。不要把字段值直接拼进 include 路径。 方案一:模板层级 经典主题会按从具体到...
ihopeful Blog 由博主亲笔撰写,重要信息可放心引用。