勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 2024-10-21
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能，确保密码满足多种安全要求，包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数，如 `validateFormat` 检查密码格式，`isHasChinaCharFun` 检测中文符号，`getCharAll` 生成键盘组合，以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
-
发表了文章 2024-09-29
实时计算Flink版体验评测
实时计算Flink版产品凭借直观的界面设计和详尽的新手引导，显著提升了用户体验。产品涵盖核心实时计算功能，并集成了数据可视化工具，大幅提高了开发和运维效率。尽管高级功能文档和特定场景支持有待加强，但其灵活性和可扩展性使其能与Kafka、Elasticsearch、Spark及AI平台等无缝集成，形成完整的实时数据处理解决方案。通过增强数据安全、优化性能监控、集成实时数据湖并提升自动化运维能力，该产品有望在未来为企业创造更大价值。
-
发表了文章 2024-09-26
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
文章介绍了如何在前端项目中注册并使用高德地图API，包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记（Marker）和覆盖物（Circle）。
-
发表了文章 2024-09-26
前端基础(十六)_BFC、box-shadow（盒子阴影）、text-shadow（文字阴影）
本文介绍了前端开发中块级格式化上下文（BFC）的概念和作用，以及如何创建BFC。同时，文章还讲解了`box-shadow`和`text-shadow`属性的用法，包括如何为元素添加阴影效果，并通过示例代码展示了这些属性的具体应用。
-
发表了文章 2024-09-26
前端一键回到顶部案例
本文介绍了如何实现网页中的一键回到顶部功能，包括两种方法：第一种是通过HTML中的锚点跳转实现快速回到顶部；第二种是使用JavaScript的`scrollTo`方法结合`requestAnimationFrame`实现滚动动画效果，让页面滚动更加平滑自然。
-
发表了文章 2024-09-26
Vue2使用v-model封装ElementUI_Input组件
本文介绍了在Vue2中如何使用v-model封装ElementUI的Input组件。封装后的组件可以根据传入的title属性决定是否显示标题，支持正则表达式校验，并提供了在Vue页面中的使用示例。
-
发表了文章 2024-09-26
前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符
本文介绍了前端开发中的路径概念（包括绝对路径和相对路径）、HTML的语义化以及特殊字符的使用。文章解释了绝对路径和相对路径的区别和应用场景，阐述了HTML语义化的意义和好处，并通过示例代码展示了如何在HTML中使用特殊字符。
-
发表了文章 2024-09-26
Vue2使用v-model封装ElementUI_CheckBox组件
本文介绍了在Vue2中如何使用v-model封装ElementUI的CheckBox组件。封装后的组件支持有标题和无标题的情况，并提供了在Vue页面中的使用示例，包括单独使用和在表单中的使用。
-
发表了文章 2024-09-26
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
本文详细介绍了HTML中的常用标签，包括块级标签（如`h1`至`h6`、`p`、`div`等）、行级标签（如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等），以及行块级标签（如`img`）。文章解释了这些标签的用途、特点和基本用法，并通过示例代码展示了如何在HTML文档中使用它们。
-
发表了文章 2024-09-26
前端项目增加eslint全过程
如何在前端项目中安装并配置ESLint和Prettier，包括VSCode插件的安装、npm包的全局安装、.eslintrc.js配置文件的生成以及编辑器设置的调整。
-
发表了文章 2024-09-26
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型，包括基本数据类型（Number、String、Boolean、Undefined、Null）和复杂数据类型（Object），并解释了如何使用`typeof`操作符来识别变量的数据类型。同时，还讨论了对象、函数和数组等复杂数据类型的使用方式。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件（Table），包括创建表格、定义列对象、实现数据绑定和排序，以及处理表格事件和获取表格数据的方法。
-
发表了文章 2024-09-26
antd_使用Input封装实现Form校验效果(最终版)
本文介绍了在Ant Design (antd)框架中如何封装Input组件以实现表单校验效果，并提供了封装代码示例以及如何在提交时进行校验。
-
发表了文章 2024-09-26
crypto-js中AES的加解密封装
文章介绍了如何在前端使用crypto-js库进行AES加密和解密，提供了加解密的函数封装示例，并演示了如何加密和解密字符串或对象。
-
发表了文章 2024-09-26
前端基础(十五)_多栏布局（两列自适应布局、圣杯布局---三列布局、双飞翼布局--三列布局、等高布局）
本文介绍了前端开发中的多种自适应布局技术，包括两列自适应布局、圣杯布局（三列布局）、双飞翼布局（三列布局）和等高布局。文章通过代码示例展示了如何使用HTML和CSS实现这些布局，以及如何通过flex布局简化实现过程。
-
发表了文章 2024-09-26
Vue3基础(25)___初尝pinia，相比于vuex轻量、好用
本文介绍了Pinia在Vue 3中的使用，相比于Vuex，Pinia更轻量且易于使用。文章详细解释了Pinia的基本概念、优势，并提供了安装和使用Pinia的步骤，包括定义状态、getters、actions和如何在组件中使用Pinia进行状态管理。
-
发表了文章 2024-09-26
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句，包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
-
发表了文章 2024-09-26
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
-
发表了文章 2024-09-26
网站变灰白css
本文介绍了如何通过CSS滤镜效果实现网站变为灰白色，具体方法是在HTML或BODY标签上应用`filter`属性，使用`progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)`和`-webkit-filter: grayscale(100%)`实现灰度效果。
-
发表了文章 2024-09-26
element中tree组件的选中获取和返显
本文介绍了如何在Element UI的tree组件中获取选中的节点值以及如何进行节点的默认选中（返显）。主要通过使用`getCheckedKeys()`和`getHalfCheckedKeys()`方法来获取完全和半选中的节点，然后使用`setCheckedKeys()`方法来设置默认选中的节点。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板，通过动态调整分割条来改变面板的大小，支持水平和垂直分割。
-
发表了文章 2024-09-26
三、前端高德地图、测量两个点之前的距离
文章介绍了如何在前端使用高德地图API实现测量两个点之间的距离，包括开启和关闭测量工具的方法，以及如何清除地图上的测量点、连线和文字。
-
发表了文章 2024-09-26
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法：手动截取封装和使用URLSearchParams。
-
发表了文章 2024-09-26
前端引入字体文件
文章介绍了如何在前端项目中引入字体文件，并展示了具体的HTML和CSS代码示例，包括如何使用`@font-face`规则来定义字体和在页面中应用自定义字体。
-
发表了文章 2024-09-26
Vue3基础(26)___defineProps、defineEmits、defineExpose、defineModel组件通信、defineOptions
本文介绍了Vue 3中`<script setup>`语法糖的使用，以及如何在Vue 3的组合式API中使用`defineProps`、`defineEmits`、`defineExpose`和`defineModel`进行组件通信和属性暴露。同时，还解释了`defineOptions`的作用，它可以用来配置组件的选项，例如禁用属性的自动继承。
-
发表了文章 2024-09-26
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性，以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
-
发表了文章 2024-09-26
前端基础(十一)_Float浮动、清除浮动的几种方法
本文介绍了浮动的概念、属性、特性以及清除浮动的几种方法，并通过实例演示了如何使用CSS实现元素的浮动和处理浮动带来的问题。
-
发表了文章 2024-09-26
js_Ipv4以及ipv4段正则校验
几种JavaScript正则表达式，用于校验IPv4地址的有效性，包括支持CIDR表示法的变体。
-
发表了文章 2024-09-26
前端基础(一)_前端页面构成
本文介绍了前端页面的基本构成，包括HTML（负责页面的结构和语义）、CSS（负责页面的样式和表现）和JavaScript（负责页面的行为和动态效果）。文章通过示例代码展示了如何使用这三种技术来创建一个简单的网页，并解释了HTML文档的结构和语法。
-
发表了文章 2024-09-26
Echarts visualMap属性记录
这篇文章是关于ECharts中visualMap属性的详细记录。文中首先定义了visualMap的作用，即进行数据到视觉元素的映射。接着，通过一系列详细的配置参数，如类型、显示控制、数据范围、样式和格式化工具等，介绍了如何配置连续型和分段型visualMap组件。最后，作者通过具体代码示例，说明了如何将这些配置应用于实际的ECharts图表中，以实现数据的视觉编码效果。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(31)Tree基本使用
本文介绍了如何在Twaver-HTML5中使用Tree组件，包括设置勾选模式、引导线、自定义图标、监听事件和控制复选框显示等。
-
发表了文章 2024-09-26
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
本文介绍了JavaScript中this的基本使用、this指向的判断以及改变this指向的方法。
-
发表了文章 2024-09-26
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
-
发表了文章 2024-09-26
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。
-
发表了文章 2024-09-26
前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器
本文详细介绍了CSS（层叠样式表）的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用，展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS，讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外，还强调了使用`!important`规则时的优先级高于行内样式。
-
发表了文章 2024-09-26
前端基础(七)_表单的基本组成与使用
本文详细介绍了HTML表单的基本组成和使用，包括`<form>`标签、`<input>`表单域、`<select>`下拉列表、`<textarea>`多行文本域等元素。文章解释了表单的提交方式（GET和POST）、表单域的各种类型（文本、密码、单选按钮、复选框等）、提交按钮和重置按钮的作用，以及如何通过`<label>`标签提高表单的可访问性。此外，还讨论了表单元素的属性，如`readonly`、`disabled`、`maxlength`等。
-
发表了文章 2024-09-26
前端diff文件对比使用worker进行优化
如何使用Web Worker在React项目中优化文件对比差异功能的实现。
-
发表了文章 2024-09-26
echarts根据上级元素的大小自动更新echarts（element-resize-detector）配合防抖解决大屏页面卡顿的问题
如何在Vue中使用`element-resize-detector`库来自动更新ECharts图表的大小，以适应其上级元素大小的变化，并结合使用防抖技术来解决大屏页面上的卡顿问题。
-
发表了文章 2024-09-26
vuex数据持久化、加密(vuex-persistedstate、secure-ls)
本文介绍了如何在Vuex中使用`vuex-persistedstate`和`secure-ls`库进行数据的持久化和加密，确保在Vite打包上线后，Vuex中的数据安全。
-
发表了文章 2024-09-26
echarts中使用散点scatter更改颜色却不生效的问题
本文讨论了在ECharts中使用散点图（scatter）时更改颜色不生效的问题。原因是项目中使用了`visualMap`组件，它具有最高的优先级，导致自定义的颜色设置被覆盖。解决方法是在`visualMap`组件中增加`seriesIndex`属性，指定它只对特定的系列（series）生效，从而避免影响散点图的颜色设置。文章提供了详细的代码示例和解决办法。
-
发表了文章 2024-09-26
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
本文介绍了如何在Twaver-HTML5中使用列表可视化视图组件（List），展示了如何创建列表、设置列表属性（如行高、间隔颜色等）、实现数据绑定和排序，以及如何通过React代码示例进行操作。
-
发表了文章 2024-09-26
axios全局做节流，解决多次点击导致多次请求接口
本文介绍了如何在Axios请求中实现全局节流，以防止用户快速多次点击导致重复发送相同请求的问题。
-
发表了文章 2024-09-26
JS实现一键复制、选中复制、选中多行复制
文章介绍了如何使用JavaScript实现一键复制文本、选中文本复制以及选中多行文本复制的功能。提供了详细的代码示例，包括创建临时textarea元素、选中文本、执行复制命令、用户提示以及清理临时元素的完整流程。同时，还考虑了用户可能选中多行文本进行复制的情况。
-
发表了文章 2024-09-26
webSocket+Node+Js实现在线聊天（包含所有代码）
文章介绍了如何使用WebSocket、Node.js和JavaScript实现在线聊天功能，包括完整的前端和后端代码示例。
-
发表了文章 2024-09-26
前端基础(十三)_定时器（间歇定时器、延迟定时器）
本文介绍了JavaScript中定时器的使用，包括`setTimeout`和`setInterval`两种类型。`setTimeout`是实现延迟执行，即等待一定时间后执行一次指定的函数；而`setInterval`是实现间歇执行，即每隔一定时间就执行一次指定的函数。文章还介绍了如何使用`clearTimeout`和`clearInterval`来取消定时器的执行，并通过示例代码展示了定时器的创建和取消。
-
发表了文章 2024-09-26
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件，包括参数和方法，如行选择（rowSelection）、页码（pageNum）、页面大小（pageSize）、分页方法等，以简化在不同表格组件中的重复代码。
-
发表了文章 2024-09-26
可视化大屏适配scale方案
本文介绍了一种使用CSS实现可视化大屏适配的方案。通过设置容器的`transform: scale()`属性，根据屏幕大小动态调整大屏内容的缩放比例，从而实现不同分辨率下的适配。文章提供了详细的实现方法，包括Vue组件的模板、逻辑和样式代码，并展示了实际效果的对比图。此外，还推荐了一个npm包`autofit.js`，用于简化大屏适配的实现。
-
发表了文章 2024-09-26
Vue2使用v-model封装ElementUI_DatePicker 日期选择器组件
本文介绍了如何在Vue2中使用v-model封装ElementUI的DatePicker日期选择器组件，并实现自定义属性和方法的结合使用，包括禁用日期、格式化日期等功能。
-
发表了文章 2024-09-26
ResizeObserver监听元素大小的变化
文章介绍了如何使用`ResizeObserver`API来监听一个DOM元素大小的变化，并提供了示例代码，包括如何开始监听、停止监听以及处理元素大小变化的回调函数。
-
发表了文章 2024-09-26
前端基础(十四)_隐藏元素的方法
本文介绍了几种在前端开发中隐藏元素的方法，包括使用`display:none`、`visibility:hidden`、`opacity:0`等CSS属性，并提供了相应的示例代码。此外，还提到了其他隐藏元素的技巧，如通过设置元素位置、使用`overflow`属性和`filter`属性以及`rgba`颜色值来实现元素的隐藏。
-
发表了文章
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组件的选中获取和返显
