勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 2024-09-26
前端基础(十一)_函数声明及调用、函数的形参与实参、arguments参数、函数的参数类型、函数中的问题
本文介绍了JavaScript中函数的声明及调用、形参与实参的概念、arguments对象的使用、函数参数的类型以及函数中this的作用。通过示例代码详细解释了函数如何接收参数、如何处理参数个数不匹配的情况，以及函数在不同上下文中this的指向。
-
发表了文章 2024-09-26
前端基础(十)_Dom自定义属性(带案例)
本文介绍了DOM自定义属性的概念和使用方法，并通过案例展示了如何使用自定义属性来控制多个列表项点击变色的独立状态。
-
发表了文章 2024-09-26
前端基础(五)_运算符(算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性、数据类型的隐式转换)
本文介绍了JavaScript中的算术运算符、赋值运算符、比较运算符、逻辑运算符、三目运算符、运算符优先级和结合性以及数据类型的隐式转换。
-
发表了文章 2024-09-26
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
-
发表了文章 2024-09-26
antd_使用Input封装实现Form校验效果
本文介绍了如何在Ant Design (antd) 中使用 Input 组件封装实现表单校验效果，包括必填、数字、IP、邮箱、手机号、身份证号和域名等校验规则的使用，以及如何通过回调函数进行校验。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(30)监听事件_network绘制监听_network视图操作监听_鼠标事件的监听
本文介绍了如何在Twaver-HTML5中监听网络视图操作事件，包括视图绘制、鼠标事件以及获取鼠标下的网元等。
-
发表了文章 2024-09-26
前端基础(十四)_Math对象
本文介绍了JavaScript中`Math`对象的常用方法，包括： 1. `Math.floor()`：向下取整，去掉小数部分。 2. `Math.ceil()`：向上取整，向上进一。 3. `Math.round()`：四舍五入，针对小数点后面第一位数字。 4. `Math.max()`：获取数字序列中的最大值。 5. `Math.min()`：获取数字序列中的最小值。 6. `Math.pow()`：计算某个数字的次方数。 7. `Math.sqrt()`：开根号。 8. `Math.random()`：生成一个0到1之间的随机数。
-
发表了文章 2024-09-26
前端基础(六)_流程控制语句(if、if-else、if-else嵌套、switch)
本文介绍了JavaScript中的流程控制语句，包括if、if-else、if-else嵌套和switch语句。
-
发表了文章 2024-09-26
element菜单组件样式修改NavMenu导航菜单
本文介绍了如何修改Element UI的NavMenu导航菜单组件的样式，包括激活菜单项的颜色、菜单项hover颜色、父级菜单hover颜色以及菜单行高。提供了相应的CSS代码示例，并展示了如何将这些样式应用到实际的NavMenu组件中。
-
发表了文章 2024-09-26
前端基础(十三)_定位position、定位层级z-index
本文讲解了CSS中的定位机制，包括静态定位、相对定位、绝对定位和固定定位，并通过实例展示了如何使用这些定位方法调整元素位置。同时，还介绍了z-index属性的使用，解释了如何通过调整z-index值来改变定位元素的层叠顺序。
-
发表了文章 2024-09-26
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
-
发表了文章 2024-09-26
前端基础(八)_盒子模型（标准盒子模型和怪异盒子模型）
本文介绍了CSS盒子模型的基本概念，包括内容、内边距、边框和外边距的属性，以及标准盒子模型和怪异盒子模型的区别和转换方法。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(35)Network中ToolTip显示Chart(视图未成功出现)
本文尝试在Twaver-HTML5的Network组件的ToolTip中显示echarts饼图，但未成功，可能与版本有关。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载，主要通过将network转换为canvas对象，然后转换为base64编码的图片进行展示和下载。
-
发表了文章 2024-09-26
react中使用Modal.confirm数据不更新的问题解决
文章讨论了在React中使用Ant Design的`Modal.confirm`时更新数据不生效的问题，并提供了解决方案。原因是React状态更新可能是异步的，导致Modal的内容更新后不会立即反映在UI上。解决办法是在状态更新后使用`useEffect`钩子来调用Modal实例的`update`方法，从而更新Modal的内容。
-
发表了文章 2024-09-26
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
-
发表了文章 2024-09-26
前端项目一键换肤vue+element(ColorPicker)
本文介绍了如何在前端项目中实现一键换肤功能，通过使用CSS变量和Element UI的颜色选择器组件（ColorPicker），并结合Vuex进行状态管理和持久化，实现主题颜色的动态切换。
-
发表了文章 2024-09-26
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
本文介绍了如何在前端通过不同的方法获取DOM元素，包括getElementById、getElementsByTagName、getElementsByClassName、querySelector和querySelectorAll。
-
发表了文章 2024-09-26
Echarts中横坐标文字显示不全
本文讨论了在ECharts中横坐标文字显示不全的问题，并通过设置`xAxis`的`axisLabel.interval`属性为`0`来解决。这样设置后，横坐标上的所有标签都会显示，而不会根据自动计算的间隔来显示部分标签。文章提供了问题的具体示例图片和解决方法，并附有官方文档链接。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
本文介绍了如何在Twaver-HTML5中使用鹰眼（Overview）可视化视图组件，它作为Network的缩略图，允许用户通过缩略图导航Network，支持单击、双击和框选操作来控制Network视图。
-
发表了文章 2024-09-26
elementUI使用Pagination分页组件增加自定义slot
本文介绍了如何在Element UI的Pagination分页组件中使用自定义slot。通过在`el-pagination`标签内的适当位置添加slot内容，可以在分页组件中插入自定义的HTML或组件。文章提供了一个示例代码，展示了如何添加两个自定义slot，并展示了最终效果。
-
发表了文章 2024-09-26
Blob格式转json格式，拿到后端返回的json数据
文章介绍了如何将后端返回的Blob格式数据转换为JSON格式，并处理文件下载和错误提示。
-
发表了文章 2024-09-26
二、前端高德地图、渲染标记(Marker)引入自定义icon，手动设置zoom
文章介绍了如何在前端使用高德地图API渲染标记（Marker），并引入自定义图标，同时展示了如何手动设置地图的缩放级别。
-
发表了文章 2024-09-26
前端基础(十六)_数组对象
本文详细介绍了JavaScript中数组对象的创建和操作方法，包括数组的增删改查、排序、去重、迭代等常用操作。
-
发表了文章 2024-09-26
前端基础(十五)_时间对象、字符串对象
本文介绍了JavaScript中时间对象的操作方法，包括获取和设置年、月、日、小时、分钟、秒等，以及如何格式化时间显示，同时提及了字符串对象的常用方法。
-
发表了文章 2024-09-26
Vue2使用v-model封装ElementUI日期组件(实现开始时间和结束时间的校验，禁选)
本文介绍了如何在Vue2中使用v-model封装ElementUI日期组件，并实现开始时间和结束时间的校验，包括禁选当前时间之后的时间。文章提供了详细的组件代码和页面使用示例，并解释了如何通过props传递参数以及如何监听和处理日期选择的变化。
-
发表了文章 2024-09-26
前端基础(十二)_overflow属性、clear属性、vertical-align属性
本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果，并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
-
发表了文章 2024-09-26
使echarts图例legend只选中一个（selectedMode）
本文介绍了如何在ECharts图表中设置图例（legend）的选中模式为单选（'single'），以确保在有多个图例时，用户只能选择一个图例项进行展示，从而提升图表的可读性和用户体验。
-
发表了文章 2024-09-26
vue2路由懒加载解决import引入报错问题
本文介绍了在Vue2项目中实现路由懒加载的方法，并解决了使用import语句进行懒加载时报错的问题。通过安装`babel-plugin-syntax-dynamic-import`插件并在项目的`.bablerc`文件中配置，可以成功实现路由组件的按需加载。同时，文章还提到了使用`webpackChunkName`为懒加载的组件指定单独的chunk名称，以避免所有组件被打包到同一个js文件中。
-
发表了文章 2024-09-26
react antd 实现修改密码（原密码，新密码，再次输入新密码，新密码增加正则复杂度校验）
文章介绍了如何在React项目中使用Ant Design实现一个修改密码的组件，包括原密码、新密码和再次输入新密码的表单项，并为新密码增加了正则表达式复杂度校验。
-
发表了文章 2024-09-26
前端基础(十)_标签分类（行级标签、块级标签、行块标签）
本文阐述了HTML标签的分类，包括行级标签、块级标签和行块标签，并展示了如何使用CSS的display属性实现标签类型之间的转换。
-
发表了文章 2024-09-26
使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）
本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
-
发表了文章 2024-09-26
前端基础(十二)_函数高级、全局变量和局部变量、 预解析（变量提升）、函数返回值
本文介绍了JavaScript中作用域的概念，包括全局变量和局部变量的区别，预解析机制（变量提升），以及函数返回值的使用和类型。通过具体示例讲解了变量的作用域、函数的返回值、以及如何通过return关键字从函数中返回数据。
-
发表了文章 2024-09-26
前端基础(四)_数据类型的强制转换
本文探讨了JavaScript中数据类型的强制转换方法，包括将其他类型转换为Number类型（使用`Number`函数）、转换为String类型（使用`toString`方法或`String`函数）、以及转换为Boolean类型（使用`Boolean`函数）。同时，文章还讨论了`parseInt`和`parseFloat`函数用于从字符串中解析出整数或浮点数，以及`isNaN`函数用于检测一个值是否是非数字。
-
发表了文章 2024-09-26
前端基础(六)_CSS单位
本文介绍了CSS中常用的单位，包括像素(px)、相对长度单位(em、rem)、百分比(%)、视窗宽度(vw)和视窗高度(vh)。文章通过示例代码展示了这些单位在实际布局中的应用，解释了它们各自的特点和使用场景。例如，em和rem单位与字体大小相关，百分比单位与父元素的尺寸相关，而vw和vh单位则与浏览器视窗的宽度和高度相关。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(34)Link显示流动效果
本文介绍了如何在Twaver-HTML5中为Link添加流动效果，通过设置流动颜色、模式等来实现动态视觉效果。
-
发表了文章 2024-09-26
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素，以及JavaScript的鼠标事件处理，通过示例代码展示了这些基础知识点在实际开发中的应用。
-
发表了文章 2024-09-26
Vue实现按钮级别权限
文章介绍了在Vue中实现按钮级别权限的两种方法：使用自定义Vue指令和使用v-if指令配合自定义方法。
-
发表了文章 2024-09-26
伪类中使用element图标
如何在CSS伪类中使用Element UI图标，以及伪类与伪元素在CSS3中的区别和应用。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(33)自动布局
本文介绍了如何在Twaver-HTML5中使用自动布局功能，支持多种布局类型如圆形、对称、上下左右布局等。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(32)Network样式andTree样式
本文介绍了如何在Twaver-HTML5中自定义Network和Tree组件的样式，包括标签、提示、颜色、告警等。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条，添加自定义按钮，并绑定自定义事件，包括放大、缩小、占满屏幕和重置画布大小的功能。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(26)背景
这篇文章介绍了如何在Twaver-HTML5中设置背景，包括栅格图片、颜色、颜色渐变、基本形状以及图片与形状结合的背景类型，并提供了代码示例。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(29)界面交互
这篇文章介绍了Twaver-HTML5中界面交互的多种模式，包括默认模式、编辑模式、创建网元模式、创建连线模式、创建形状连线模式、创建形状网元模式、触屏模式和放大镜模式，并提供了相应的代码示例。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(27)过滤器
这篇文章介绍了Twaver-HTML5中过滤器的使用，包括可见过滤器、可移动过滤器和可编辑过滤器，并通过代码示例展示了如何通过设置过滤器实现不同用户权限或网元类型的交互和视图。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(25)网元可视化视图组件(Network)
这篇文章介绍了Twaver-HTML5中的网元可视化视图组件(Network)的层次结构，包括view、rootCanvas和topCanvas的使用方法和示例。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(18)数据容器(1)_增删查改、遍历数据容器、包含网元判断
本文介绍了Twaver HTML5中的数据容器（DataBox），包括如何进行增删查改操作、遍历数据容器以及判断网元是否存在于数据容器中。DataBox用于管理所有的网元对象，如ElementBox、LayerBox、AlarmBox等，并通过示例代码展示了其常用方法的使用。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(17)子网(SubNetwork)
本文介绍了Twaver HTML5中的子网（SubNetwork）概念，子网用于表示大型网络中的一小部分网络。文章通过示例代码展示了如何在React组件中创建子网，并添加网元到子网中。默认情况下，用户可以通过双击进入子网或返回上层子网。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(22)层管理容器(LayerBox)、告警管理容器(AlarmBox)、列管理容器(ColumnBox)、属性管理容器(PropertyBox)
本文介绍了Twaver HTML5中的多种管理容器：层管理容器（LayerBox）、告警管理容器（AlarmBox）、列管理容器（ColumnBox）和属性管理容器（PropertyBox）。文章解释了这些容器的作用、如何获取它们，并提供了一些基本的操作方法。这些容器分别用于管理图层、告警、表格列和属性对象，是TWaver中数据管理和组织的重要部分。
-
发表了文章 2024-09-25
Twaver-HTML5基础学习(21)网元管理容器(ElementBox)
本文介绍了Twaver HTML5中的网元管理容器（ElementBox），包括如何监听网元属性变化、容器属性变化、网元元素变化以及数据层次变化。文章通过示例代码展示了如何使用不同的事件监听方法来响应这些变化，并通过控制台输出相关的事件信息。
-
发表了文章
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组件的选中获取和返显
