六卿_社区达人页

2024年09月

• 09.25 10:16:54
  发表了文章 2024-09-25 10:16:54

  React使用antd实现可编辑单元格

  React结合Ant Design实现可编辑单元格的表格组件，通过EditableRow和EditableCell封装实现单元格编辑功能，并提供saveFun回调保存编辑内容。
• 09.25 10:14:11
  发表了文章 2024-09-25 10:14:11

  node反向代理，解决跨域（http-proxy-middleware）

  使用node.js和http-proxy-middleware库实现反向代理，解决跨域问题，允许前端请求通过代理访问不同端口的服务。
• 09.25 10:12:34
  发表了文章 2024-09-25 10:12:34

  React配合axios请求拦截校验session，403跳转至登陆页面

  React中使用axios进行请求拦截，通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
• 09.25 10:10:20
  发表了文章 2024-09-25 10:10:20

  react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求

  在React或Vue中，若需在更改用户所属组后更新页面所有数据但不刷新整个页面，可以通过改变路由出口的key值来实现。在用户切换组成功后，更新key值，这会触发React或Vue重新渲染路由出口下的所有组件，从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁，提供了更流畅的用户体验。

  
• 09.25 10:09:42
  发表了文章 2024-09-25 10:09:42

  react项目配合diff实现文件对比差异功能

  在React项目中，可以使用`diff`库实现文件内容对比差异功能。首先安装`diff`库，然后在组件中引入并使用`Diff.diffChars`或`Diff.diffLines`方法比较文本差异。通过循环遍历`diff`结果，可以生成不同样式的HTML元素来高亮显示文本差异。

  
• 09.25 10:08:44
  发表了文章 2024-09-25 10:08:44

  React按需加载antd步骤以及出现的问题

  在使用`babel-plugin-import`插件时，可以在项目的根目录创建`.babelrc`文件或在`package.json`中添加babel配置。这两个文件中不应该存在重复的配置。如果出现"Multiple configuration files found"错误，需要选择其中一个文件进行配置，并删除另一个文件中的babel配置。使用该插件后，可以直接从`antd`引入组件，无需手动引入样式文件。
• 09.25 10:07:50
  发表了文章 2024-09-25 10:07:50

  react使用antd中的Checkbox实现多选

  在React项目中，通过Ant Design的Checkbox组件实现多选。引入Checkbox，使用Checkbox.Group来管理Checkbox，设置`value`属性绑定选中项数组，通过`onChange`更新数组。维护一个全选状态，根据选中项数量与总数决定全选按钮状态。全选按钮的`onChange`事件用于控制所有Checkbox的选中状态。

  
• 09.25 10:02:28
  发表了文章 2024-09-25 10:02:28

  Git创建分支以及合并分支

  在Git中，创建分支使用`git branch [branch_name]`，切换分支使用`git checkout [branch_name]`。修改文件后，通过`git add [file]`添加到暂存区，然后`git commit`提交到本地仓库。如果是新建分支的第一次推送，使用`git push origin [branch_name]`推送到远程仓库，之后可以简化为`git push`。合并分支时，使用`git merge [branch_name]`将指定分支的更改合并到当前分支。

  
• 09.25 10:01:46
  发表了文章 2024-09-25 10:01:46

  项目中使用antd中的upload组件file对象到底是info.file还是info.file.originFileObj_坑

  在Ant Design的Upload组件中，`onChange`事件处理函数接收一个对象参数，其中`file`字段在不同情况下可能是一个File对象或包含`originFileObj`属性的对象。为了兼容，可以使用`info.file.originFileObj ? info.file.originFileObj : info.file`来确保获取到原始的File对象。官方建议这种写法，并将在未来的大版本中统一返回包含`originFileObj`属性的对象。

  
• 09.25 10:00:57
  发表了文章 2024-09-25 10:00:57

  java基础(11)函数重载以及函数递归求和

  Java支持函数重载，即在同一个类中可以声明多个同名方法，只要它们的参数类型和个数不同。函数重载与修饰符、返回值无关，但与参数的类型、个数、顺序有关。此外，文中还展示了如何使用递归方法`sum`来计算两个数之间的和，递归的终止条件是当第一个参数大于第二个参数时。

  
• 09.25 10:00:13
  发表了文章 2024-09-25 10:00:13

  前端JS读取文件内容并展示到页面上

  前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。

  
• 09.25 09:59:28
  发表了文章 2024-09-25 09:59:28

  antd中table组件选中单行换样式（比如背景颜色）

  在Ant Design (antd)的Table组件中，可以通过设置`onRow`属性来定义行点击事件，从而改变被点击行的样式，如背景颜色。`onRow`是一个函数，返回一个对象，对象包含事件处理函数，如`onClick`。同时，使用`rowClassName`属性来指定行的类名，结合状态管理，可以实现点击某行后改变其背景颜色的效果。具体实现时，需要在组件状态中保存当前被点击行的索引，然后通过`rowClassName`判断并返回相应的类名。

  
• 09.25 09:58:44
  发表了文章 2024-09-25 09:58:44

  java基础(10)数据类型中的整数类型

  Java中的整数类型包括byte、short、int和long。整数字面值默认为int类型，加L表示long类型。整数字面值可以是十进制、八进制（0开头）或十六进制（0x开头）。小容量类型（如int）可自动转换为大容量类型（如long），但大容量转小容量需强制转换，可能导致精度损失。
• 09.25 09:57:51
  发表了文章 2024-09-25 09:57:51

  React中函数式Hooks之memo、useCallback的使用以及useMemo、useCallback的区别

  React中的`memo`是高阶组件，类似于类组件的`PureComponent`，用于避免不必要的渲染。`useCallback` Hook 用于缓存函数，避免在每次渲染时都创建新的函数实例。`memo`可以接收一个比较函数作为第二个参数，以确定是否需要重新渲染组件。`useMemo`用于缓存计算结果，避免重复计算。两者都可以用来优化性能，但适用场景不同：`memo`用于组件，`useMemo`和`useCallback`用于值和函数的缓存。
• 09.25 09:57:07
  发表了文章 2024-09-25 09:57:07

  React中函数式Hooks之useMemo的使用

  React的`useMemo` Hook 用于优化性能，通过记忆返回值避免重复计算。它接收一个函数和一个依赖数组，只有当依赖项改变时，才会重新计算被记忆的值。这可以用于避免在每次渲染时都进行昂贵的计算，或者防止子组件不必要的重新渲染。例如，可以在父组件中使用`useMemo`包裹子组件，以依赖特定的props，从而控制子组件的渲染。
• 09.25 09:56:09
  发表了文章 2024-09-25 09:56:09

  React处理错误边界钩子getDerivedStateFromError

  React的`getDerivedStateFromError`方法用于在类组件中捕获子组件的错误，并据此更新状态。当子组件抛出错误时，此静态方法被调用，并返回新的状态，通常用于在UI中显示错误信息。开发环境下错误仍会显示，但生产环境下可以避免错误页面的直接展示，而是显示备用的错误信息或组件。
• 09.25 09:55:25
  发表了文章 2024-09-25 09:55:25

  java基础(9)数据类型中的char类型以及涉及到的转义字符

  Java中的char类型可以存储一个中文字符，因为它占用两个字节。转义字符允许在代码中使用特殊字符，例如`\n`表示换行，`\t`表示制表符，`\\`表示反斜杠，`\'`表示单引号，`\"`表示双引号。可以使用`\u`后跟Unicode编码来表示特定的字符。

  
• 09.25 09:53:45
  发表了文章 2024-09-25 09:53:45

  java基础(8)数据类型的分类

  Java数据类型分为基本数据类型（8种）和引用数据类型。基本类型包括byte, short, int, long, float, double, boolean, char。每种类型有固定占用空间大小，如int占用4字节。字符编码如ASCII和Unicode用于将文字转换为计算机可识别的二进制形式。
• 09.25 09:52:53
  发表了文章 2024-09-25 09:52:53

  java基础(7)变量以及变量的分类

  Java变量是内存中存储数据的基本单元，包含数据类型、名称和字面值。变量的数据类型决定了分配的内存空间大小。变量声明格式为“数据类型 变量名;”，变量名应符合标识符命名规范。变量可以重新赋值，但数据类型需一致。变量可以一行声明多个，作用域决定了变量的可用范围。变量分为局部变量和成员变量，局部变量定义在方法体内，成员变量定义在方法体外、类体内。
• 09.25 09:52:01
  发表了文章 2024-09-25 09:52:01

  java基础(6)字面值是什么

  Java字面值是程序中直接表示数据的值，如整数、浮点数、布尔值、字符串和字符。字符串必须用双引号括起来，字符必须用单引号括起来。
• 09.25 09:51:11
  发表了文章 2024-09-25 09:51:11

  java基础(5)标识符命名规则和命名规范

  Java标识符命名规则包括只能使用数字、字母、下划线\_、$，且数字不能开头，不能使用关键字命名，且严格区分大小写。命名规范建议类名、接口名首字母大写，变量名、方法名首字母小写，常量名全大写。
• 09.25 09:50:24
  发表了文章 2024-09-25 09:50:24

  针对react-captcha-code第三方插件不能每次触发深颜色的处理

  针对`react-captcha-code`插件生成浅色验证码的问题，通过改造成class组件`MyCaptcha.js`，自定义颜色和验证码生成逻辑，解决了颜色问题。

  
• 09.25 09:48:53
  发表了文章 2024-09-25 09:48:53

  React属性之context属性

  React中的Context属性用于跨组件传递数据，通过Provider和Consumer组件实现数据的提供和消费。
• 09.25 09:48:06
  发表了文章 2024-09-25 09:48:06

  React中Fragment标签和空标签的使用

  在React中，Fragment标签用于包裹多个子元素，避免添加不必要的DOM元素，空标签`<>`是Fragment的简写形式。
• 09.25 09:46:58
  发表了文章 2024-09-25 09:46:58

  React中函数式Hooks之useRef的使用

  React中函数式Hooks的useRef用于获取DOM元素的引用，示例代码演示了其基本用法。
• 09.25 09:44:46
  发表了文章 2024-09-25 09:44:46

  java基础(4)public class 和class的区别及注意事项

  本文讲解了Java中`public class`与`class`的区别和注意事项。一个Java源文件中只能有一个`public class`，并且`public class`的类名必须与文件名相同。此外，可以有多个非`public`类。每个类都可以包含一个`main`方法，作为程序的入口点。文章还强调了编译Java文件生成`.class`文件的过程，以及如何使用`java`命令运行编译后的类。

  
• 09.25 09:44:06
  发表了文章 2024-09-25 09:44:06

  java基础(3)安装好JDK后使用javac.exe编译java文件、java.exe运行编译好的类

  本文介绍了如何在安装JDK后使用`javac.exe`编译Java文件，以及使用`java.exe`运行编译好的类文件。涵盖了JDK的安装、环境变量配置、编写Java程序、使用命令行编译和运行程序的步骤，并提供了解决中文乱码的方法。
• 09.25 09:43:19
  发表了文章 2024-09-25 09:43:19

  React中函数式Hooks之useEffect的使用

  本文通过示例代码讲解了React中`useEffect` Hook的用法，包括模拟生命周期、监听状态和清理资源。

  
• 09.25 09:42:25
  发表了文章 2024-09-25 09:42:25

  React中函数式Hooks之useState的使用

  本文介绍了React中函数式组件的Hooks——`useState`的使用方法。`useState`允许在函数式组件中使用状态，它返回一个数组，其中包含当前状态的值和更新该状态的函数。文章通过示例代码展示了如何声明状态变量和更新状态变量，包括对数值和对象状态的更新。此外，还展示了如何通过点击按钮触发状态更新，实现交互功能。
• 09.25 09:41:10
  发表了文章 2024-09-25 09:41:10

  React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快

  本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。

  
• 09.25 09:40:04
  发表了文章 2024-09-25 09:40:04

  java基础(2)循环语句for、while、do...while

  本文介绍了Java中的基础循环语句，包括for循环、while循环和do...while循环。文章通过示例代码展示了for循环的基本结构和用法，while循环的先判断后执行逻辑，以及do...while循环的先执行后判断逻辑。这些循环语句在Java编程中非常常用，用于执行重复的任务。

  
• 09.25 09:38:27
  发表了文章 2024-09-25 09:38:27

  java基础(1)逻辑控制if、switch

  本文继续介绍了Java中的基础逻辑控制语句，包括if-else语句和switch语句。文章通过示例代码展示了if-else语句如何根据条件判断执行不同的代码块，以及switch语句如何根据变量的值执行不同的case分支。还提供了一个使用Scanner类从键盘获取输入，并根据输入的数字输出对应的星期日的示例。最后提到了如何在IDEA中格式化代码。
• 09.25 09:37:15
  发表了文章 2024-09-25 09:37:15

  使用IDEA创建项目运行我的第一个JAVA文件输出Helloword

  本文介绍了如何使用IDEA（IntelliJ IDEA）创建一个新的Java项目，并运行一个简单的Java程序输出"Hello Word"。文章详细展示了创建项目的步骤，包括选择JDK版本、设置项目名称和路径、创建包和类，以及编写和运行代码。最后，还展示了如何通过IDEA的运行功能来执行程序并查看输出结果。

  
• 09.25 09:36:11
  发表了文章 2024-09-25 09:36:11

  javaScript中常用的String方法以及注意点总结

  本文总结了JavaScript中常用的String对象的方法及其注意事项，包括大小写转换、字符获取、子字符串截取、字符串拼接、去除空格、替换、分割以及查找字符串中字符的索引等操作。提供了每种方法的使用示例代码，帮助理解它们的具体用法和差异。
• 09.25 09:35:19
  发表了文章 2024-09-25 09:35:19

  React项目input输入框输入自动失去焦点

  本文讨论了在React项目中如何处理input输入框自动失去焦点的问题，特别是在移动端开发中。文章提供了一个使用React Native的TouchableWithoutFeedback组件来监听点击事件，并在事件处理函数中通过调用Keyboard.dismiss()方法使输入框失去焦点的示例代码。这种方法可以确保在用户点击页面其他区域时，键盘能够收起，输入框失去焦点。

  
• 09.25 09:21:37
  发表了文章 2024-09-25 09:21:37

  原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式

  本文介绍了如何使用原生HTML、CSS和JavaScript创建一个移动端可滚动的顶部菜单栏。文章提供了详细的HTML结构、CSS样式和JavaScript代码，实现了菜单项的横向滚动、边界控制和动态样式变化。同时，还展示了如何通过触摸事件监听来控制菜单项的滚动和激活状态。

  
• 09.25 09:20:48
  发表了文章 2024-09-25 09:20:48

  React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用

  本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径，设置组件props的默认值，以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例，包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。

  
• 09.25 09:20:07
  发表了文章 2024-09-25 09:20:07

  React读取properties配置文件转化为json对象并使用在url地址中

  本文介绍了如何在React项目中读取properties配置文件，将其内容转化为JSON对象，并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程，并提供了一个封装函数，用于在发起请求前动态生成配置化的URL地址。
• 09.25 09:19:17
  发表了文章 2024-09-25 09:19:17

  React给antd中TreeSelect组件左侧加自定义图标icon

  本文介绍了如何在React中为Ant Design的TreeSelect组件的每个树节点添加自定义图标，并解决了因缺少key属性而导致的警告问题，展示了如何通过递归函数处理treeData数据并为每个节点添加图标。

  
• 09.25 09:18:09
  发表了文章 2024-09-25 09:18:09

  SpringBoot项目部署打包好的React、Vue项目刷新报错404

  本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时，刷新页面导致404错误的问题，并提供了两种解决方案：一是在SpringBoot启动类中配置错误页面重定向到index.html，二是将前端路由改为hash模式以避免刷新问题。
• 09.25 09:17:20
  发表了文章 2024-09-25 09:17:20

  本地运行打包好的React、Vue项目

  本文讨论了如何本地运行打包好的React和Vue项目，并解决了使用React-Router时Tomcat部署刷新页面导致404的问题，提出了将请求转回index.html的解决方案。

  
• 09.25 09:15:21
  发表了文章 2024-09-25 09:15:21

  react对antd中Select组件二次封装

  本文介绍了如何在React中对Ant Design（antd）的Select组件进行二次封装，包括创建MSelect组件、定义默认属性、渲染Select组件，并展示了如何使用Less进行样式定义和如何在项目中使用封装后的Select组件。

  
• 09.25 09:14:35
  发表了文章 2024-09-25 09:14:35

  react动态生成input、select标签以及思路总结

  本文介绍了在React中动态生成input和select标签的方法，包括准备数据结构、在组件挂载时动态添加状态、页面渲染以及输入处理，最后总结了实现思路。

  
• 09.25 09:13:48
  发表了文章 2024-09-25 09:13:48

  封装axios的get、post方法

  本文介绍了如何封装axios的get和post方法，并展示了具体的代码实现，包括使用axios创建实例、设置请求拦截器以及定义get和post函数。
• 09.25 09:12:53
  发表了文章 2024-09-25 09:12:53

  react配置proxy代理的两种方式

  本文介绍了在React项目中配置代理的两种方式：通过在package.json中添加代理配置，以及通过创建setupProxy.js文件来实现更复杂的代理规则。
• 09.25 09:12:10
  发表了文章 2024-09-25 09:12:10

  学习react基础(3)_setState、state、jsx、使用ref的几种形式

  本文探讨了React中this.setState和this.state的区别，以及React的核心概念，包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。

  
• 09.25 09:11:05
  发表了文章 2024-09-25 09:11:05

  学习react基础(2)_props、state和style的使用

  本文介绍了React中组件间数据传递的方式，包括props和state的使用，以及如何在React组件中使用style样式。
• 09.25 09:10:17
  发表了文章 2024-09-25 09:10:17

  学习react基础(1)_虚拟dom、diff算法、函数和class创建组件

  本文介绍了React的核心概念，包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
• 09.25 09:09:19
  发表了文章 2024-09-25 09:09:19

  五子棋小游戏（JS+Node+Websocket）可分房间对战

  本文介绍了通过JS、Node和WebSocket实现的五子棋游戏，支持多人在线对战和观战功能。

  
• 09.25 09:07:49
  发表了文章 2024-09-25 09:07:49

  typeScript进阶(11)_元组类型

  本文介绍了TypeScript中的元组（Tuple）类型，它是一种特殊的数组类型，可以存储不同类型的元素。文章通过示例展示了如何声明元组类型以及如何给元组赋值。元组类型在定义时需要指定数组中每一项的类型，且在赋值时必须满足这些类型约束。此外，还探讨了如何给元组类型添加额外的元素，这些元素必须符合元组类型中定义的类型联合。