勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 2024-09-25
React中函数式Hooks之useMemo的使用
React的`useMemo` Hook 用于优化性能，通过记忆返回值避免重复计算。它接收一个函数和一个依赖数组，只有当依赖项改变时，才会重新计算被记忆的值。这可以用于避免在每次渲染时都进行昂贵的计算，或者防止子组件不必要的重新渲染。例如，可以在父组件中使用`useMemo`包裹子组件，以依赖特定的props，从而控制子组件的渲染。
-
发表了文章 2024-09-25
java基础(9)数据类型中的char类型以及涉及到的转义字符
Java中的char类型可以存储一个中文字符，因为它占用两个字节。转义字符允许在代码中使用特殊字符，例如`\n`表示换行，`\t`表示制表符，`\\`表示反斜杠，`\'`表示单引号，`\"`表示双引号。可以使用`\u`后跟Unicode编码来表示特定的字符。
-
发表了文章 2024-09-25
java基础(8)数据类型的分类
Java数据类型分为基本数据类型（8种）和引用数据类型。基本类型包括byte, short, int, long, float, double, boolean, char。每种类型有固定占用空间大小，如int占用4字节。字符编码如ASCII和Unicode用于将文字转换为计算机可识别的二进制形式。
-
发表了文章 2024-09-25
React处理错误边界钩子getDerivedStateFromError
React的`getDerivedStateFromError`方法用于在类组件中捕获子组件的错误，并据此更新状态。当子组件抛出错误时，此静态方法被调用，并返回新的状态，通常用于在UI中显示错误信息。开发环境下错误仍会显示，但生产环境下可以避免错误页面的直接展示，而是显示备用的错误信息或组件。
-
发表了文章 2024-09-25
java基础(7)变量以及变量的分类
Java变量是内存中存储数据的基本单元，包含数据类型、名称和字面值。变量的数据类型决定了分配的内存空间大小。变量声明格式为“数据类型 变量名;”，变量名应符合标识符命名规范。变量可以重新赋值，但数据类型需一致。变量可以一行声明多个，作用域决定了变量的可用范围。变量分为局部变量和成员变量，局部变量定义在方法体内，成员变量定义在方法体外、类体内。
-
发表了文章 2024-09-25
java基础(5)标识符命名规则和命名规范
Java标识符命名规则包括只能使用数字、字母、下划线\_、$，且数字不能开头，不能使用关键字命名，且严格区分大小写。命名规范建议类名、接口名首字母大写，变量名、方法名首字母小写，常量名全大写。
-
发表了文章 2024-09-25
针对react-captcha-code第三方插件不能每次触发深颜色的处理
针对`react-captcha-code`插件生成浅色验证码的问题，通过改造成class组件`MyCaptcha.js`，自定义颜色和验证码生成逻辑，解决了颜色问题。
-
发表了文章 2024-09-25
React属性之context属性
React中的Context属性用于跨组件传递数据，通过Provider和Consumer组件实现数据的提供和消费。
-
发表了文章 2024-09-25
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。
-
发表了文章 2024-09-25
java基础(3)安装好JDK后使用javac.exe编译java文件、java.exe运行编译好的类
本文介绍了如何在安装JDK后使用`javac.exe`编译Java文件，以及使用`java.exe`运行编译好的类文件。涵盖了JDK的安装、环境变量配置、编写Java程序、使用命令行编译和运行程序的步骤，并提供了解决中文乱码的方法。
-
发表了文章 2024-09-25
React中函数式Hooks之useState的使用
本文介绍了React中函数式组件的Hooks——`useState`的使用方法。`useState`允许在函数式组件中使用状态，它返回一个数组，其中包含当前状态的值和更新该状态的函数。文章通过示例代码展示了如何声明状态变量和更新状态变量，包括对数值和对象状态的更新。此外，还展示了如何通过点击按钮触发状态更新，实现交互功能。
-
发表了文章 2024-09-25
React中函数式Hooks之useEffect的使用
本文通过示例代码讲解了React中`useEffect` Hook的用法，包括模拟生命周期、监听状态和清理资源。
-
发表了文章 2024-09-25
java基础(4)public class 和class的区别及注意事项
本文讲解了Java中`public class`与`class`的区别和注意事项。一个Java源文件中只能有一个`public class`，并且`public class`的类名必须与文件名相同。此外，可以有多个非`public`类。每个类都可以包含一个`main`方法，作为程序的入口点。文章还强调了编译Java文件生成`.class`文件的过程，以及如何使用`java`命令运行编译后的类。
-
发表了文章 2024-09-25
java基础(2)循环语句for、while、do...while
本文介绍了Java中的基础循环语句，包括for循环、while循环和do...while循环。文章通过示例代码展示了for循环的基本结构和用法，while循环的先判断后执行逻辑，以及do...while循环的先执行后判断逻辑。这些循环语句在Java编程中非常常用，用于执行重复的任务。
-
发表了文章 2024-09-25
javaScript中常用的String方法以及注意点总结
本文总结了JavaScript中常用的String对象的方法及其注意事项，包括大小写转换、字符获取、子字符串截取、字符串拼接、去除空格、替换、分割以及查找字符串中字符的索引等操作。提供了每种方法的使用示例代码，帮助理解它们的具体用法和差异。
-
发表了文章 2024-09-25
使用IDEA创建项目运行我的第一个JAVA文件输出Helloword
本文介绍了如何使用IDEA（IntelliJ IDEA）创建一个新的Java项目，并运行一个简单的Java程序输出"Hello Word"。文章详细展示了创建项目的步骤，包括选择JDK版本、设置项目名称和路径、创建包和类，以及编写和运行代码。最后，还展示了如何通过IDEA的运行功能来执行程序并查看输出结果。
-
发表了文章 2024-09-25
React项目input输入框输入自动失去焦点
本文讨论了在React项目中如何处理input输入框自动失去焦点的问题，特别是在移动端开发中。文章提供了一个使用React Native的TouchableWithoutFeedback组件来监听点击事件，并在事件处理函数中通过调用Keyboard.dismiss()方法使输入框失去焦点的示例代码。这种方法可以确保在用户点击页面其他区域时，键盘能够收起，输入框失去焦点。
-
发表了文章 2024-09-25
原生撸移动端顶部滚动菜单栏，实现可滚动控制滚动边界动态样式
本文介绍了如何使用原生HTML、CSS和JavaScript创建一个移动端可滚动的顶部菜单栏。文章提供了详细的HTML结构、CSS样式和JavaScript代码，实现了菜单项的横向滚动、边界控制和动态样式变化。同时，还展示了如何通过触摸事件监听来控制菜单项的滚动和激活状态。
-
发表了文章 2024-09-25
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径，设置组件props的默认值，以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例，包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。
-
发表了文章 2024-09-25
React读取properties配置文件转化为json对象并使用在url地址中
本文介绍了如何在React项目中读取properties配置文件，将其内容转化为JSON对象，并在请求URL地址时使用这些配置。文章详细说明了异步读取文件、处理字符串转换为JSON对象的过程，并提供了一个封装函数，用于在发起请求前动态生成配置化的URL地址。
-
发表了文章 2024-09-25
React给antd中TreeSelect组件左侧加自定义图标icon
本文介绍了如何在React中为Ant Design的TreeSelect组件的每个树节点添加自定义图标，并解决了因缺少key属性而导致的警告问题，展示了如何通过递归函数处理treeData数据并为每个节点添加图标。
-
发表了文章 2024-09-25
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时，刷新页面导致404错误的问题，并提供了两种解决方案：一是在SpringBoot启动类中配置错误页面重定向到index.html，二是将前端路由改为hash模式以避免刷新问题。
-
发表了文章 2024-09-25
本地运行打包好的React、Vue项目
本文讨论了如何本地运行打包好的React和Vue项目，并解决了使用React-Router时Tomcat部署刷新页面导致404的问题，提出了将请求转回index.html的解决方案。
-
发表了文章 2024-09-25
react对antd中Select组件二次封装
本文介绍了如何在React中对Ant Design（antd）的Select组件进行二次封装，包括创建MSelect组件、定义默认属性、渲染Select组件，并展示了如何使用Less进行样式定义和如何在项目中使用封装后的Select组件。
-
发表了文章 2024-09-25
react动态生成input、select标签以及思路总结
本文介绍了在React中动态生成input和select标签的方法，包括准备数据结构、在组件挂载时动态添加状态、页面渲染以及输入处理，最后总结了实现思路。
-
发表了文章 2024-09-25
封装axios的get、post方法
本文介绍了如何封装axios的get和post方法，并展示了具体的代码实现，包括使用axios创建实例、设置请求拦截器以及定义get和post函数。
-
发表了文章 2024-09-25
react配置proxy代理的两种方式
本文介绍了在React项目中配置代理的两种方式：通过在package.json中添加代理配置，以及通过创建setupProxy.js文件来实现更复杂的代理规则。
-
发表了文章 2024-09-25
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别，以及React的核心概念，包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
-
发表了文章 2024-09-25
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式，包括props和state的使用，以及如何在React组件中使用style样式。
-
发表了文章 2024-09-25
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念，包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
-
发表了文章 2024-09-25
五子棋小游戏（JS+Node+Websocket）可分房间对战
本文介绍了通过JS、Node和WebSocket实现的五子棋游戏，支持多人在线对战和观战功能。
-
发表了文章 2024-09-25
typeScript进阶(11)_元组类型
本文介绍了TypeScript中的元组（Tuple）类型，它是一种特殊的数组类型，可以存储不同类型的元素。文章通过示例展示了如何声明元组类型以及如何给元组赋值。元组类型在定义时需要指定数组中每一项的类型，且在赋值时必须满足这些类型约束。此外，还探讨了如何给元组类型添加额外的元素，这些元素必须符合元组类型中定义的类型联合。
-
发表了文章 2024-09-25
typeScript进阶(10)_字符串字面量类型
本文介绍了TypeScript中的字符串字面量类型，这种类型用来限制变量只能是某些特定的字符串字面量。通过使用`type`关键字声明，可以确保变量的值限定在预定义的字符串字面量集合中。文章通过示例代码展示了如何声明和使用字符串字面量类型，并说明了它在函数默认参数中的应用。
-
发表了文章 2024-09-25
node事件循环中事件执行顺序
本文详细介绍了Node.js环境下的事件循环机制，包括其六个主要阶段：timers、I/O callbacks、idle, prepare、poll、check和close callbacks。文章通过具体代码示例解释了`setTimeout`、`setImmediate`和`process.nextTick`在事件循环中的执行顺序和区别。还探讨了在不同情况下（如I/O操作中）这些函数的执行顺序如何受到影响。最后，通过一个综合例子，展示了实际编码中事件循环的执行顺序。
-
发表了文章 2024-09-25
typeScript进阶(9)_type类型别名
本文介绍了TypeScript中类型别名的概念和用法。类型别名使用`type`关键字定义，可以为现有类型起一个新的名字，使代码更加清晰易懂。文章通过具体示例展示了如何定义类型别名以及如何在函数中使用类型别名。
-
发表了文章 2024-09-25
typeScript基础(8)_ts类型断言
本文介绍了TypeScript中的类型断言，它用于在编译时告诉TypeScript某个对象具有特定的类型，即使它看起来不具备。类型断言可以用来访问一个类型上存在而另一个类型上不存在的属性或方法。需要注意的是，类型断言并不会在运行时改变JavaScript的行为，因此如果断言不当，运行时仍然可能出错。文章还提醒避免将类型断言为`any`类型或进行多重断言。
-
发表了文章 2024-09-25
vue页面跳转取消上一个页面请求
本文介绍了在Vue中如何取消上一个页面的请求，以避免页面跳转时请求未完成导致的数据错误。核心方法是使用axios的请求拦截器设置请求的取消令牌（cancelToken），并在vuex中存储这些取消令牌的引用。当进行路由跳转时，通过路由守卫清除这些请求，达到取消上一个页面请求的目的。
-
发表了文章 2024-09-25
js防抖函数返回值问题解决方案
本文介绍了如何在JavaScript中创建一个带有返回值的防抖函数，通过结合Promise来实现。这种防抖函数可以在事件触发一定时间后再执行函数，并能处理异步操作的返回值。文章提供了防抖函数的实现代码和如何在实际项目中使用该防抖函数的示例。
-
发表了文章 2024-09-25
typeScript基础(7)_函数的类型
本文介绍了TypeScript中函数的类型，包括函数声明与函数表达式的类型注解，如何定义函数的参数类型、返回类型，以及可选参数和参数默认值。还探讨了函数的剩余参数、如何使用接口定义函数的形状，以及函数重载的概念和实践。
-
发表了文章 2024-09-25
typeScript基础(6)_数组类型
本文介绍了TypeScript中数组的类型表示方法，包括直接使用类型加`[]`定义数组类型，以及使用数组泛型`Array<类型>`定义数组。同时，还展示了如何定义包含多种数据类型的数组。
-
发表了文章 2024-09-25
typeScript基础(4)_联合类型
本文介绍了TypeScript中的联合类型（Union Types），它表示变量可以是多种类型中的一种。文章通过示例展示了如何声明联合类型以及在使用联合类型时访问它们共有的属性和方法。同时，还解释了类型推论在联合类型变量赋值时的工作原理。
-
发表了文章 2024-09-25
typeScript基础(5)_对象的类型-interfaces接口
本文介绍了TypeScript中接口（interfaces）的基本概念和用法，包括如何定义接口、接口的简单使用、自定义属性、以及如何使用`readonly`关键字定义只读属性。接口在TypeScript中是定义对象形状的重要方式，可以规定对象的必有属性、可选属性、自定义属性和只读属性。
-
发表了文章 2024-09-25
typeScript基础(3)_ts函数默认值和可选参数
本文介绍了在TypeScript中如何使用函数的默认值和可选参数。展示了如何为函数参数指定默认值，使得在调用函数时可以省略某些参数，以及如何定义可选参数。
-
发表了文章 2024-09-25
typeScript基础(2)_any任意值类型和类型推论
本文介绍了TypeScript中的`any`任意值类型，它可以赋值为其他任何类型。同时，文章还解释了TypeScript中的类型推论机制，即在没有明确指定类型时，TypeScript如何根据变量的初始赋值来推断其类型。如果变量初始化时未指定类型，将被推断为`any`类型，从而允许赋予任何类型的值。
-
发表了文章 2024-09-25
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型，包括布尔型、数值型、字符串型、`void`、`null`和`undefined`，并展示了如何在TypeScript中声明和使用这些类型。同时，还介绍了如何通过`tsc`命令编译TypeScript文件。
-
发表了文章 2024-09-25
后端返回图片二进制流，前端转base64
本文介绍了如何将后端返回的图片二进制流转换为Base64格式，以便在前端使用。通过在axios请求中设置`responseType`为`arraybuffer`，然后使用`btoa`和`Uint8Array`进行转换。
-
发表了文章 2024-09-25
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误，这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
-
发表了文章 2024-09-25
Vue3基础(24)___vue3中不再支持filters
Vue 3中不再支持filters（过滤器）
-
发表了文章 2024-09-25
Vue3基础(24)___vue3中使用vuex
本文介绍了在Vue 3中如何使用Vuex进行状态管理，包括安装Vuex、创建store、定义state、mutations、actions、getters，以及在组件中使用这些选项。同时，还介绍了如何通过`$store`在组件内部访问和修改状态，以及如何使用命名空间对模块进行隔离。
-
发表了文章 2024-09-25
手写JS实现深拷贝函数
本文介绍了如何实现一个深拷贝函数`deepClone`，该函数可以处理对象和数组的深拷贝，确保拷贝后的对象与原始对象在内存中互不干扰。通过递归处理对象的键值对和数组的元素，实现了深度复制，同时保留了函数类型的值和基础类型的值。
-
发表了文章
2024-10-21
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
-
发表了文章
2024-09-29
实时计算Flink版体验评测
-
发表了文章
2024-09-26
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
-
发表了文章
2024-09-26
前端基础(十六)_BFC、box-shadow（盒子阴影）、text-shadow（文字阴影）
-
发表了文章
2024-09-26
前端一键回到顶部案例
-
发表了文章
2024-09-26
Vue2使用v-model封装ElementUI_Input组件
-
发表了文章
2024-09-26
前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符
-
发表了文章
2024-09-26
Vue2使用v-model封装ElementUI_CheckBox组件
-
发表了文章
2024-09-26
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
-
发表了文章
2024-09-26
前端项目增加eslint全过程
-
发表了文章
2024-09-26
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
-
发表了文章
2024-09-26
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
-
发表了文章
2024-09-26
antd_使用Input封装实现Form校验效果(最终版)
-
发表了文章
2024-09-26
crypto-js中AES的加解密封装
-
发表了文章
2024-09-26
前端基础(十五)_多栏布局（两列自适应布局、圣杯布局---三列布局、双飞翼布局--三列布局、等高布局）
-
发表了文章
2024-09-26
Vue3基础(25)___初尝pinia，相比于vuex轻量、好用
-
发表了文章
2024-09-26
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
-
发表了文章
2024-09-26
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
-
发表了文章
2024-09-26
网站变灰白css
-
发表了文章
2024-09-26
element中tree组件的选中获取和返显
