六卿_社区达人页

2024年09月

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

  React实现添加多行输入框(点击一行增加一行)

  React中实现点击按钮动态添加多行输入框，通过维护一个状态数组并在每次点击时更新数组来控制输入框的增加，每行输入框对应数组中的一个对象。
• 09.25 10:17:51
  发表了文章 2024-09-25 10:17:51

  React页面跳转取消上一个页面的所有请求

  React页面跳转时取消上一个页面的所有axios请求，通过axios拦截器设置cancelToken，并在页面跳转时调用cancel函数取消未完成的请求。
• 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组件。