勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
- Vue
- React
暂时未有相关云产品技术能力~
冰冻三尺非一日之寒，愿你事事看开，唯独对美好保持执念。
-
发表了文章 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
crypto-js中AES的加解密封装
文章介绍了如何在前端使用crypto-js库进行AES加密和解密，提供了加解密的函数封装示例，并演示了如何加密和解密字符串或对象。
-
发表了文章 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
element中tree组件的选中获取和返显
本文介绍了如何在Element UI的tree组件中获取选中的节点值以及如何进行节点的默认选中（返显）。主要通过使用`getCheckedKeys()`和`getHalfCheckedKeys()`方法来获取完全和半选中的节点，然后使用`setCheckedKeys()`方法来设置默认选中的节点。
-
发表了文章 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
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
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
Vue2使用v-model封装ElementUI_DatePicker 日期选择器组件
本文介绍了如何在Vue2中使用v-model封装ElementUI的DatePicker日期选择器组件，并实现自定义属性和方法的结合使用，包括禁用日期、格式化日期等功能。
-
发表了文章 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
element菜单组件样式修改NavMenu导航菜单
本文介绍了如何修改Element UI的NavMenu导航菜单组件的样式，包括激活菜单项的颜色、菜单项hover颜色、父级菜单hover颜色以及菜单行高。提供了相应的CSS代码示例，并展示了如何将这些样式应用到实际的NavMenu组件中。
-
发表了文章 2024-09-26
Vue使用element中table组件实现单选一行
如何在Vue中使用Element UI的table组件实现单选一行的功能。
-
发表了文章 2024-09-26
element el-table 设置fixed导致行错乱问题
文章讨论了在使用Element UI的`el-table`组件时，设置固定列（`fixed`）导致行错乱的问题，并提供了解决方案。问题产生的原因是当表格底部有滚动条而固定列底部没有滚动条时，行无法对齐。解决办法是在表格中设置`padding-bottom`的内边距与滚动条高度相等，确保固定列和非固定列的行能够对齐。
-
发表了文章 2024-09-26
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
本文介绍了如何在前端通过不同的方法获取DOM元素，包括getElementById、getElementsByTagName、getElementsByClassName、querySelector和querySelectorAll。
-
发表了文章 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
使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
使用html-to-image代替html2canvas，结合jspdf实现下载pdf（下载截图下载前端dom元素）
本文介绍了在前端项目中，当使用`html2canvas`遇到问题时，如何使用`html-to-image`库作为替代方案，结合`jspdf`实现将DOM元素生成为PDF文件并提供下载。文章首先讨论了`html2canvas`可能遇到的问题，并提供了该库的使用示例代码。随后，详细介绍了`html-to-image`库的安装和使用方法，展示了如何将DOM元素转换为Canvas，再利用`jspdf`生成PDF文件。最后，文章通过示例代码说明了整个转换和下载的过程，并展示了效果截图。
-
发表了文章 2024-09-25
react字符串转为dom标签，类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法，类似于Vue中的`v-html`指令，通过使用`dangerouslySetInnerHTML`属性实现。
-
发表了文章 2024-09-25
async和await的错误处理
在TypeScript中，`async`和`await`是处理异步操作的语法糖，能够让异步代码看起来像同步代码。`async`函数返回的总是`Promise`对象。当`await`后跟的表达式为`reject`状态的`Promise`时，会抛出错误，需要通过`try/catch`、链式`.catch()`或外部`Promise`包装来处理错误，防止代码崩溃。
-
发表了文章 2024-09-25
antd table合并行或者列（动态添加合并行、列）
在Ant Design的Table组件中实现行或列的合并，通过动态计算数据源中的`rowSpan`或`colSpan`属性来控制，支持对特定字段进行行或列合并，包括多选框列的合并处理。
-
发表了文章 2024-09-25
React配合axios请求拦截校验session，403跳转至登陆页面
React中使用axios进行请求拦截，通过自定义事件监听和响应拦截实现403状态码时的自动登录页面跳转。
-
发表了文章 2024-09-25
React使用antd实现可编辑单元格
React结合Ant Design实现可编辑单元格的表格组件，通过EditableRow和EditableCell封装实现单元格编辑功能，并提供saveFun回调保存编辑内容。
-
发表了文章 2024-09-25
node反向代理，解决跨域（http-proxy-middleware）
使用node.js和http-proxy-middleware库实现反向代理，解决跨域问题，允许前端请求通过代理访问不同端口的服务。
-
发表了文章 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中的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
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-09-25
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。
-
发表了文章 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
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对antd中Select组件二次封装
本文介绍了如何在React中对Ant Design（antd）的Select组件进行二次封装，包括创建MSelect组件、定义默认属性、渲染Select组件，并展示了如何使用Less进行样式定义和如何在项目中使用封装后的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
vue页面跳转取消上一个页面请求
本文介绍了在Vue中如何取消上一个页面的请求，以避免页面跳转时请求未完成导致的数据错误。核心方法是使用axios的请求拦截器设置请求的取消令牌（cancelToken），并在vuex中存储这些取消令牌的引用。当进行路由跳转时，通过路由守卫清除这些请求，达到取消上一个页面请求的目的。
-
发表了文章 2024-09-25
typeScript基础(3)_ts函数默认值和可选参数
本文介绍了在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-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组件的选中获取和返显
