勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(20)数据容器(3)_数据的批量加载(节省性能方法)
本文介绍了Twaver HTML5中数据的批量加载方法，通过使用`box.startBatch()`可以在大量数据加载时提高性能。文章通过示例代码展示了如何在React组件中使用批量加载功能，以减少界面重绘次数并提升效率。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化，包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串，以及如何从这些字符串中反序列化数据，重建DataBox中的对象。此外，还提到了用户自定义属性的序列化注册方法。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(14)连线(Link)连线类型(直线、延伸直线、正交直线)
本文介绍了Twaver HTML5中连线（Link）的不同类型，包括直线、延伸直线和正交直线，并通过示例代码展示了如何在React组件中设置Link的类型和样式。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(15)形状连线(ShapeLink)四种类型(直线、正交、二次贝塞尔、三次贝塞尔)
本文介绍了Twaver HTML5中的形状连线（ShapeLink），包括如何使用它以及如何添加控制点。文章详细解释了ShapeLink支持的四种连线类型：直线（lineto）、正交（orthogonalto）、二次贝塞尔曲线（quadto）和三次贝塞尔曲线（cubicto），并通过示例代码展示了如何在React组件中创建和配置ShapeLink。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(4)告警元素(Alarm)
本文介绍了Twaver HTML5中的告警元素（Alarm），包括告警的属性、级别、状态以及如何使用告警。文章详细解释了Alarm类及其方法，并提供了示例代码展示如何在React组件中创建告警元素并与网元关联。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(3)基本数据元素(Data)其他功能函数以及组Group
本文介绍了Twaver HTML5中Data类的其他功能函数，如获取和操作子网元的方法，以及组（Group）的概念和使用。文章通过示例代码展示了如何在React组件中创建组、添加图元到组中，并通过toChildren函数获取满足特定条件的图元。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(2)基本数据元素(Data)
本文介绍了Twaver HTML5中的基本数据元素，包括Data、Element、Alarm和Layer等，它们分别用来描述拓扑的网元、告警和图层。文章详细解释了Data类的基本属性和方法，并提供了如何在React组件中使用Twaver创建节点和连线的示例代码。
-
发表了文章 2024-09-25
react字符串转为dom标签，类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法，类似于Vue中的`v-html`指令，通过使用`dangerouslySetInnerHTML`属性实现。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(1)两点一线
本文介绍了Twaver HTML5的基本概念和使用方法，包括图元、容器和画布，并通过官方示例代码演示了如何创建节点和连线，以及如何在React组件中集成Twaver。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(6)告警元素(Alarm)闪烁效果
本文介绍了在Twaver HTML5中如何为告警元素（Alarm）创建闪烁效果，以提醒用户注意。文章通过示例代码展示了如何通过定时器间隔性地改变告警标签的颜色，从而实现闪烁提示效果。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
本文介绍了在Twaver HTML5中如何设置告警元素（Alarm）的位置，包括Node和Link网元的告警位置偏移量以及定位理解。通过示例代码展示了如何在不同类型网元上设置告警位置，并解释了如何通过百分比来确定告警在Link网元上的位置。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(9)HTML节点(HTMLNode)
本文介绍了Twaver HTML5中的HTML节点（HTMLNode），这是一种专门用于呈现HTML元素的网元。文章解释了HTMLNode如何继承自Node并具有所有Node的特点，以及如何通过setName()方法将HTML元素作为网元的LabelAttachment或者AlarmAttachment呈现。示例代码展示了如何在React组件中创建HTMLNode并添加HTML元素，以及如何自定义告警显示样式。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(8)拓扑元素(Element)_网元(Element)、节点(Node)
本文介绍了Twaver HTML5中的拓扑元素（Element），包括网元（Element）、节点（Node）和连线（Link）的基本概念和使用方法。文章详细解释了Element的属性和方法，并通过示例代码展示了如何在React组件中创建节点、设置节点属性和样式。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(13)连线(Link)连线的绑定与展开
本文介绍了Twaver HTML5中连线（Link）的绑定与展开功能，包括分组绑定、自环绑定、绑定与展开以及展开间隙等属性的设置。通过示例代码展示了如何在React组件中创建Link并设置其绑定属性，实现连线的分组管理。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(12)连线(Link)
本文介绍了Twaver HTML5中的连线（Link）元素，包括设置起始和结束节点的方法，以及如何管理和操作多个连线。通过示例代码展示了如何在React组件中创建和管理Link，包括设置连线颜色和标签偏移量。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(7)Layer图层元素
本文介绍了Twaver HTML5中的图层元素（Layer），包括图层的属性和使用方法。文章详细解释了如何创建图层、设置图层属性（如可见性、可编辑性、可移动性和可旋转性），并通过示例代码展示了如何在React组件中使用图层。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(10)嵌入Table
本文介绍了如何在Twaver HTML5中嵌入表格（Table），并设置表格的列（Column）和样式。通过示例代码展示了如何在React组件中创建表格并添加数据，以及如何通过样式设置表格元素的颜色。
-
发表了文章 2024-09-25
React使用hooks遇到的坑_state中的某几个属性数据变成了空字符
本文讨论了在React使用hooks时遇到的一个问题：state中的某些属性数据变成了空字符。作者通过在修改函数中重新解构赋值来获取最新的state值，解决了因数据更新不及时导致的问题。
-
发表了文章 2024-09-25
React中使用worker线程
本文介绍了在React项目中使用worker线程的方法，包括配置webpack以使用worker-loader，创建worker文件，并在组件中使用worker进行大量计算以避免阻塞主线程。
-
发表了文章 2024-09-25
Call to ‘super()‘ must be first statement in constructor body
文章解释了在Java中子类构造函数中调用父类构造函数时，必须首先调用`super()`，且不能有返回值。
-
发表了文章 2024-09-25
java基础(12)抽象类以及抽象方法abstract以及ArrayList对象使用
本文介绍了Java中抽象类和抽象方法的使用，以及ArrayList的基本操作，包括添加、获取、删除元素和判断列表是否为空。
-
发表了文章 2024-09-25
async和await的错误处理
在TypeScript中，`async`和`await`是处理异步操作的语法糖，能够让异步代码看起来像同步代码。`async`函数返回的总是`Promise`对象。当`await`后跟的表达式为`reject`状态的`Promise`时，会抛出错误，需要通过`try/catch`、链式`.catch()`或外部`Promise`包装来处理错误，防止代码崩溃。
-
发表了文章 2024-09-25
java基础(13)String类
本文介绍了Java中String类的多种操作方法，包括字符串拼接、获取长度、去除空格、替换、截取、分割、比较和查找字符等。
-
发表了文章 2024-09-25
typeScript进阶(14)_泛型和注意事项
TypeScript中的泛型允许创建可重用的代码。泛型可以定义函数、接口、类，支持传递类型参数，实现类型安全。泛型可以用于数组，约束类型参数必须符合特定的接口，也可以在接口和类中使用。泛型类可以包含多个类型参数，甚至在泛型约束中使用类型参数。
-
发表了文章 2024-09-25
typeScript进阶(12)_枚举类型
TypeScript中的枚举类型（Enum）允许值限定在一定范围内，枚举成员默认从0开始递增，也支持手动赋值及反向映射。枚举可以用于定义常量，提高代码可读性和维护性。枚举项可以是整数、浮点数或字符串，未手动赋值的项将按顺序递增。
-
发表了文章 2024-09-25
React_函数式Hooks和Class比较优缺点
React Hooks与Class组件都能返回JSX并接收props，但Hooks无`this`指向问题，用`useEffect`模拟生命周期，`memo`优化性能，状态更新用`useState`；Class组件通过生命周期方法、`PureComponent`或`shouldComponentUpdate`优化，状态用`this.state`和`this.setState`管理。
-
发表了文章 2024-09-25
在一般编写代码时可以不写分号 ； 但是遇到中括号 小括号 模板字符串的时候必须在前面加一个分号，否则会报错
JavaScript中通常可以省略分号，但在某些语法结构前必须加分号，如中括号、小括号或模板字符串前，以避免语法错误。
-
发表了文章 2024-09-25
Hooks使用useReducer、createContext 、useContext实现模块数据共享，类似全局状态管理但不推荐做全局管理
使用React的`useReducer`和`createContext`钩子实现模块间的数据共享，类似于全局状态管理，但不推荐用作全局状态管理。`useReducer`适用于复杂的状态逻辑，而`createContext`和`useContext`则用于跨组件传递数据。
-
发表了文章 2024-09-25
ES6中map对象的使用，确实比Object好使哈
ES6中Map对象的使用优势，包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等，支持forEach循环和for...of循环。
-
发表了文章 2024-09-25
Hooks使用createStore、Provider、useSelector、useDispatch实现connect功能
使用React Hooks实现connect功能，通过createStore创建仓库，Provider提供store，useSelector获取state，useDispatch触发action，从而在函数式组件中管理状态，替代类组件中的connect功能。
-
发表了文章 2024-09-25
前端base64转Blob，Blob转文件下载
前端将base64字符串转换为Blob对象，再将Blob对象转换为文件并实现下载。包括处理数据URL和纯base64字符串的情况，并提供了一个辅助函数用于转换。
-
发表了文章 2024-09-25
判断对象是否含有改属性，三个方法
JavaScript中判断对象是否包含属性的三种方法：1. 使用`'property' in object`检查自有属性和继承属性；2. 使用`object.hasOwnProperty('property')`仅检查自有属性；3. 使用`if (object.property)`判断，但返回属性值。
-
发表了文章 2024-09-25
antd table合并行或者列（动态添加合并行、列）
在Ant Design的Table组件中实现行或列的合并，通过动态计算数据源中的`rowSpan`或`colSpan`属性来控制，支持对特定字段进行行或列合并，包括多选框列的合并处理。
-
发表了文章 2024-09-25
React实现添加多行输入框(点击一行增加一行)
React中实现点击按钮动态添加多行输入框，通过维护一个状态数组并在每次点击时更新数组来控制输入框的增加，每行输入框对应数组中的一个对象。
-
发表了文章 2024-09-25
transition第一次不生效
解决CSS transition第一次不生效的问题，确保在动画属性变化前已经设置了初始值，如示例中需给`left`属性一个初始值以实现平滑过渡效果。
-
发表了文章 2024-09-25
this.props.history.listen路由监听与取消监听
在React中使用`this.props.history.listen`进行路由变化监听，并在组件卸载时通过调用返回的函数取消监听，以避免不必要的回调执行或内存泄漏。
-
发表了文章 2024-09-25
React配合axios请求拦截校验session，403跳转至登陆页面
React中使用axios进行请求拦截，通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
-
发表了文章 2024-09-25
React使用antd实现可编辑单元格
React结合Ant Design实现可编辑单元格的表格组件，通过EditableRow和EditableCell封装实现单元格编辑功能，并提供saveFun回调保存编辑内容。
-
发表了文章 2024-09-25
React页面跳转取消上一个页面的所有请求
React页面跳转时取消上一个页面的所有axios请求，通过axios拦截器设置cancelToken，并在页面跳转时调用cancel函数取消未完成的请求。
-
发表了文章 2024-09-25
node反向代理，解决跨域（http-proxy-middleware）
使用node.js和http-proxy-middleware库实现反向代理，解决跨域问题，允许前端请求通过代理访问不同端口的服务。
-
发表了文章 2024-09-25
react或者vue更改用户所属组，将页面所有数据进行替换（解决问题思路）____一个按钮使得页面所有接口重新请求
在React或Vue中，若需在更改用户所属组后更新页面所有数据但不刷新整个页面，可以通过改变路由出口的key值来实现。在用户切换组成功后，更新key值，这会触发React或Vue重新渲染路由出口下的所有组件，从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁，提供了更流畅的用户体验。
-
发表了文章 2024-09-25
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]`将指定分支的更改合并到当前分支。
-
发表了文章 2024-09-25
项目中使用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`属性的对象。
-
发表了文章 2024-09-25
React按需加载antd步骤以及出现的问题
在使用`babel-plugin-import`插件时，可以在项目的根目录创建`.babelrc`文件或在`package.json`中添加babel配置。这两个文件中不应该存在重复的配置。如果出现"Multiple configuration files found"错误，需要选择其中一个文件进行配置，并删除另一个文件中的babel配置。使用该插件后，可以直接从`antd`引入组件，无需手动引入样式文件。
-
发表了文章 2024-09-25
react使用antd中的Checkbox实现多选
在React项目中，通过Ant Design的Checkbox组件实现多选。引入Checkbox，使用Checkbox.Group来管理Checkbox，设置`value`属性绑定选中项数组，通过`onChange`更新数组。维护一个全选状态，根据选中项数量与总数决定全选按钮状态。全选按钮的`onChange`事件用于控制所有Checkbox的选中状态。
-
发表了文章 2024-09-25
react项目配合diff实现文件对比差异功能
在React项目中，可以使用`diff`库实现文件内容对比差异功能。首先安装`diff`库，然后在组件中引入并使用`Diff.diffChars`或`Diff.diffLines`方法比较文本差异。通过循环遍历`diff`结果，可以生成不同样式的HTML元素来高亮显示文本差异。
-
发表了文章 2024-09-25
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
-
发表了文章 2024-09-25
java基础(10)数据类型中的整数类型
Java中的整数类型包括byte、short、int和long。整数字面值默认为int类型，加L表示long类型。整数字面值可以是十进制、八进制（0开头）或十六进制（0x开头）。小容量类型（如int）可自动转换为大容量类型（如long），但大容量转小容量需强制转换，可能导致精度损失。
-
发表了文章 2024-09-25
antd中table组件选中单行换样式（比如背景颜色）
在Ant Design (antd)的Table组件中，可以通过设置`onRow`属性来定义行点击事件，从而改变被点击行的样式，如背景颜色。`onRow`是一个函数，返回一个对象，对象包含事件处理函数，如`onClick`。同时，使用`rowClassName`属性来指定行的类名，结合状态管理，可以实现点击某行后改变其背景颜色的效果。具体实现时，需要在组件状态中保存当前被点击行的索引，然后通过`rowClassName`判断并返回相应的类名。
-
发表了文章 2024-09-25
React中函数式Hooks之memo、useCallback的使用以及useMemo、useCallback的区别
React中的`memo`是高阶组件，类似于类组件的`PureComponent`，用于避免不必要的渲染。`useCallback` Hook 用于缓存函数，避免在每次渲染时都创建新的函数实例。`memo`可以接收一个比较函数作为第二个参数，以确定是否需要重新渲染组件。`useMemo`用于缓存计算结果，避免重复计算。两者都可以用来优化性能，但适用场景不同：`memo`用于组件，`useMemo`和`useCallback`用于值和函数的缓存。
-
发表了文章
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组件的选中获取和返显
