随笔分类 - 问题思考
发表于 2024-03-15 23:23阅读：73评论：0推荐：0
摘要：当后端返回的数据是多层嵌套结构时，传递给各个Tab和子组件（如表单和表格）可以按照以下步骤进行： 状态管理： 使用React的状态管理库如Redux、MobX或React的Context API来集中存储从后端获取的多层嵌套数据。这样可以确保所有子组件都可以访问到这些数据。 // 使用Redux示例
阅读全文 »
发表于 2024-03-14 23:19阅读：382评论：0推荐：0
摘要：如果我使用了react-hook-form，还有必要使用antd的form组件吗？还是直接使用原生的表单组件？例如输入框下拉框？ 使用 react-hook-form 和是否选择使用 antd 的 Form 组件并不互斥，具体取决于你的项目需求和个人偏好。以下是两者结合使用时的一些考量点： Reac
阅读全文 »
发表于 2024-03-14 23:14阅读：254评论：0推荐：0
摘要：useImperativeHandle是React Hooks中的一个API，它的主要作用是定制暴露给父组件的子组件实例的引用。 通常与forwardRef配合使用，用于控制哪些属性或方法能够被父组件通过ref获取和操作。 然而，useImperativeHandle并不能直接用来暴露state属性
阅读全文 »
发表于 2024-03-10 00:19阅读：649评论：0推荐：0
摘要：for( )循环 通过下标，对循环中的代码反复执行，功能强大，可以通过index取得元素。在处理比较复杂的处理的时候较为方便 forEach( )循环 forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 foreach有的也叫增强for循环，foreach其实是for循环的一个
阅读全文 »
发表于 2024-03-04 19:09阅读：318评论：0推荐：1
摘要：在CSS Modules中，使用Less编译器编译并转换成模块化CSS后，你不需要在JavaScript中通过style.xxx的方式进行嵌套引用。当你在Less文件中使用嵌套语法编写样式时，编译过程会自动将这些嵌套转换为扁平化的类名，并且生成一个映射对象。 例如，在Less文件（假设为styles
阅读全文 »
发表于 2024-03-04 15:34阅读：111评论：0推荐：0
摘要：在 TypeScript 中，Pick 和 Extract 是两种不同的类型操作工具。它们分别用于从一个已有的类型中选择或提取部分属性和从联合类型中提取符合条件的类型。 Pick 类型 Pick<T, K> 用于从类型 T 中选取指定的键 K 所对应的属性，创建一个新的类型。 示例： interfa
阅读全文 »
发表于 2024-03-04 15:09阅读：29评论：0推荐：0
摘要：有一个子组件DataList,然后在父组件中引入，并在父组件引入中的DataList标签上设置style样式，能生效吗？ 在React中，父组件可以通过props将样式传递给子组件，并在子组件内部应用这些样式。 但直接在父组件引用子组件的地方设置style属性通常不会生效，因为React的JSX语法
阅读全文 »
发表于 2024-03-03 10:54阅读：538评论：0推荐：0
摘要：在 TypeScript 中，当你在一个文件中添加 export {} 时，其作用主要有以下几点： 创建模块（Module）： 在 TypeScript 中，每个 .ts 文件都是一个模块。通过添加空的 export {}，即使该文件当前没有实际导出任何内容，也明确地将文件标记为一个模块。 这样可以
阅读全文 »
发表于 2024-03-02 23:42阅读：68评论：0推荐：0
摘要：下方数据结构可以被描述为一个JavaScript对象（Object），其中每个键是一个UUID（Universally Unique Identifier），值是一个待办事项对象。 在编程和数据结构领域，这种组织形式没有一个特定的官方名称，但它通常被称为“字典”、“映射”、“关联数组”或“哈希表”。
阅读全文 »
发表于 2024-03-02 21:48阅读：2160评论：0推荐：0
摘要：pnpm link --global 是 pnpm（一个更快、更节省磁盘空间的 Node.js 包管理器）中的命令，它用于全局链接本地开发的包。 当你在开发一个自定义的 npm 包，并希望在全局环境中像已安装的全局包那样试用它时，可以使用 pnpm link --global 命令。 具体步骤如下：
阅读全文 »
发表于 2024-03-02 21:21阅读：19评论：0推荐：0
摘要："DRY things up" 这个短语在计算机编程领域中，是一个源自“Don't Repeat Yourself”（简称DRY）原则的概念。 这个原则强调在编写软件代码时应尽量避免重复劳动和复制粘贴代码，提倡将常用或重复的功能抽象成可复用的模块、函数或类。 所以，当说 "DRY things up
阅读全文 »
发表于 2024-03-01 09:41阅读：497评论：0推荐：0
摘要：dragable: 默认值为false,可以用于拖拽，但是一个虚拟的。 a标签，img标签默认自带拖拽，(只有chrome,safari可以使用，firefox不支持，ie不支持) 在HTML5中，img标签默认是可拖动的（至少在某些浏览器如Chrome和Safari中）。 当用户尝试拖动图片时，浏
阅读全文 »
发表于 2024-02-28 16:11阅读：304评论：0推荐：0
摘要：a ?? b 和 a || b 都可以用于提供默认值，但它们之间存在关键的区别： Nullish Coalescing Operator (??)： 只有当 a 的值为 null 或 undefined 时，才会返回 b。 如果 a 是其他假值（如 false、0、NaN、空字符串），a ?? b
阅读全文 »
发表于 2024-02-27 20:17阅读：170评论：0推荐：0
摘要：在软件开发中，SWR 是 " stale-while-revalidate " 的首字母缩写，这是一种在网络应用（尤其是Web应用）中用于数据获取和缓存的策略。 这个策略最早由 Next.js 团队提出并在其数据获取库 next/swr 中实现了这个思想。 SWR 的工作原理如下： 立即使用缓存数据
阅读全文 »
发表于 2024-02-26 18:52阅读：63评论：0推荐：0
摘要：在typescript项目中什么场景适合定义枚举值，什么场景适合定义常量类 在 TypeScript 中，枚举（enum）和常量类（通常是带有只读属性的类）都有其适用场景： 适合定义枚举值的场景： 有限且命名的集合： 当你需要表示一组固定的、可枚举的值，并且每个值都有一个明确的名字时，使用枚举类型是
阅读全文 »
发表于 2024-02-25 14:33阅读：57评论：0推荐：0
摘要：依赖注入 render props 其实就是 React 世界中的 “依赖注入”（Dependency Injection)。 所谓依赖注入，指的是解决这样一个问题： 逻辑 A 依赖于逻辑 B，如果让 A 直接依赖于 B，当然可行，但是 A 就没法做得通用了。 依赖注入就是把 B 的逻辑以函数形式传
阅读全文 »
发表于 2024-02-25 14:23阅读：804评论：0推荐：0
摘要：如果组件中多次使用 useState 怎么办？React 如何“记住”哪个状态对应哪个变量？ React 是完全根据 useState 的调用顺序来“记住”状态归属的，假设组件代码如下： const Counter = () => { const [count, setCount] = useSta
阅读全文 »
发表于 2024-02-21 17:06阅读：7评论：0推荐：0
摘要：import { flattenKeys } from '.'; 这行代码是从当前目录（current directory）导入名为 flattenKeys 的函数或变量。 在Node.js项目中，. 表示当前目录的入口文件，通常是 index.js 或者与当前文件在同一目录下的其他导出模块。 这意
阅读全文 »
发表于 2024-02-20 14:42阅读：433评论：0推荐：0
摘要：提交代码注释率通常是指在开发人员提交的代码中，注释行数占总代码行数的比例。 这是一个衡量代码质量、可读性以及团队规范的重要指标之一。 注释不仅应该包括函数或方法的目的和用法，还应涵盖复杂逻辑、异常处理、设计决策等关键信息。 理想的注释率为多少并没有统一的标准，但一般来说，注释应该足够清晰明了，让其他
阅读全文 »
发表于 2024-02-19 20:07阅读：219评论：0推荐：0
摘要：JavaScript 内置的 Number 类型在处理浮点数时的精度问题主要是由以下原因造成的： IEEE 754 浮点数标准： JavaScript 中的数字是基于 IEEE 754 标准实现的双精度浮点数（64位），其中： 最高1位为符号位（0表示正数，1表示负数）。 接下来的11位用于存储指数
阅读全文 »
