- 博客(37)
- 收藏
- 关注
RSS订阅原创 前端流式输出实现详解
前端流式输出是处理大量数据和实时数据的重要技术。通过 Server-Sent Events、WebSocket、分块传输编码和 Fetch API 等方式，可以实现不同场景下的流式输出需求。每种方式都有其优缺点，开发者应根据具体需求选择合适的实现方式。在实现过程中，还需要考虑性能优化、错误处理和安全等方面的问题，以提供良好的用户体验和系统稳定性。
2025-05-19 09:11:33
608
原创 前端防抖功能
前端防抖是一种非常实用的优化技术，通过合理应用防抖，可以有效减少事件的频繁触发，提升页面性能和用户体验。无论是处理用户输入、窗口操作还是其他频繁触发的事件，防抖都能发挥重要作用。在实际开发中，我们可以根据具体的业务需求，灵活选择不同版本的防抖函数，甚至对防抖函数进行进一步的封装和扩展，以满足项目的多样化要求。掌握防抖技术，是每个前端开发者提升技术能力和开发质量的重要一步。
2025-05-12 07:29:18
759
原创 Vue 3 动态 ref 的使用方式
动态ref在 Vue 3 里是一个强大的特性，它能让你动态地创建和管理多个元素或者组件的ref。通过数组或者对象来存储这些ref，你可以方便地访问和操作它们。在实际开发中，动态ref可用于实现各种复杂的交互效果。
2025-04-29 09:41:04
616
原创 JavaScript 中的 Reflect 对象：深入理解与应用
Reflect对象是 JavaScript 中一个非常强大的工具，它提供了一系列静态方法，用于操作对象和执行一些原本属于语言内部的操作。通过使用Reflect对象，开发者可以编写更优雅、更安全的代码，并且可以与Proxy对象结合使用，实现对对象操作的拦截和增强。在实际开发中，合理运用Reflect对象可以提高代码的可读性和可维护性，同时也能避免一些潜在的风险。希望本文能帮助你更好地理解和应用Reflect对象。
2025-04-24 17:48:07
673
原创 如何使用 vxe-table 树表格启用树节点连接线功能
给对应的 列指定 treeNode 属性，设置为树操作节点，通过 treeConfig.showLine 启用树节点连接线样式。
2025-04-20 21:22:28
242
原创 css样式穿透
但Sass之类的预处理器无法正确解析>>>，所以不推荐使用>>>，可以使用/deep/或::v-deep操作符取而代之，两者都是>>>的别名，同样可以正常工作。在Vue3中，::v-deep也不再被官方直接支持，虽然一些构建工具或库可能仍然兼容，但不推荐使用，使用后编译时控制台会输出警告信息。在Vue3中，/deep/不再被官方直接支持，虽然一些构建工具或库可能仍然兼容，但不推荐使用，使用后编译时控制台会输出警告信息。中实际提出的新增功能，但之后被删除，所以。演化过程中的一个过渡性组合器。
2025-04-11 17:02:38
251
原创 vue2打包部署到nginx，解决路由history模式下页面空白问题
需求：之前项目路由使用的是hash，现在要求调整为history模式，但是整个过程非常坎坷，遇到了页面空白问题。注意：js找不到，还可能存在的问题是，入口文件index.html中通过script引入的文件，使用相对路径或其他，可能导致加载不到。于是，我点开Network，看一下对js文件的请求是否有问题。因为我在项目的路由中配置了重定向，所以重定向到了。项目使用的是vue2，脚手架vue-cli 4。该问题困扰了很长时间，结果看到了一位大佬的文章。成功访问，刷新后页面正常，问题成功解决。
2025-04-06 23:12:22
563
原创 elementui 日历组件el-calendar使用总结
要注意的是，日历显示周的话，传的日期范围要按照计算所在星期，比如我们的需求是周日为每周起始日，那么就要给周日的日期和周六日期为起始日，月视图我不想再去计算日期范围了，就直接用了:value，注意用的不是v-model而是value，因为value是单向的，v-model是双向数据绑定了。4.周、月视图状态下，点击前后按钮，分别切换对应上下的周、月；5.点击回到今天，立即切回到周、月视图下对应的当日；2.点击月视图中日期可以切换到对应周视图；1.日历可以周视图、月视图切换；3.点击周视图查看当日对应数据；
2025-03-30 23:15:24
482
原创 Webpack、Vite区别知多少？
另外，由于Vite不需要使用繁琐的配置，开发者可以更轻松地开始一个项目，并且可以更快地进行热更新和模块热替换（Vite是基于Rollup开发的，但是又很好地解决了rollup的热更新问题）前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？（5）内存管理模块（Memory Management Module）：负责对内存的分配和释放，以及对内存的管理和优化。
2025-03-23 22:30:03
267
原创 如何处理前端表单验证，确保用户输入合法？
前端验证主要在用户提交数据前即时检测输入是否合法，通过合理的策略和工具，可以减少不必要的网络请求和后端压力。建议使用专门的状态管理方案（如Formik、VeeValidate），集中管理验证状态和错误提示。自定义JavaScript验证：实时监听用户输入，使用正则表达式和逻辑判断进行验证，并动态反馈错误信息。使用第三方库：在复杂项目中使用Formik、Yup、VeeValidate等工具简化验证流程和状态管理。前后端双重验证：前端验证提升用户体验，后端验证确保数据安全。
2025-03-16 22:58:12
907
原创 jQuery 中的 Ajax 详解
catch() 用于指定 Promise 失败时的回调；textStatus 表示请求的状态，值通常是"success"(请求成功完成)、“timeout”(请求超时)、“error”(请求未能成功完成)、“abort”(请求被中止)、“parsererror”(解析返回的数据时出错)等。textStatus 表示请求的状态，对于失败的请求，值通常是"timeout"(请求超时)、“error”(请求未能成功完成)、“abort”(请求被中止)、“parsererror”(解析返回的数据时出错)等。
2025-03-07 23:40:50
2486
原创 Vue3响应式高阶用法之toRaw()
通过reactive和ref，我们可以轻松地创建响应式数据对象，从而实现数据驱动的视图更新。然而，有时我们需要访问这些响应式对象的原始值，这时候toRaw方法就派上用场了。toRaw是Vue3中一个非常实用的高阶用法，能够帮助我们在特定场景下绕过响应式系统，从而优化性能或与外部库更好地集成。然而，通过toRaw，我们可以访问这些对象的非响应式版本。通过toRaw，我们可以绕过Vue的响应式系统，只在必要时触发更新，从而提高性能。有时候，我们需要将Vue的响应式对象传递给不支持响应式系统的外部库。
2025-03-02 20:10:38
485
原创 提升 Vue 项目开发效率：用 useWatchFields 轻松监听指定字段变化
这个 Hook 可以让你灵活地监听 state 中的某些指定字段变化，并且不依赖于任何外部库，完全通过 Vue 内置的 API 来实现事件的管理。它让你可以灵活监听 state 中指定字段的变化，避免冗长的 watch 代码，并提供详细的变化信息。当字段发生变化时，useWatchFields 会返回一个对象，包含哪些字段发生了变化、变化前后的值等详细信息，帮助你更精准地捕捉字段的变动。通过简单的几行代码，你就可以开始监听字段的变化，并且在变化时获得详细的字段变化信息！
2025-02-23 23:41:46
488
原创 elementui时间控件编辑报错：date.getHours is not a function
elementui时间控件编辑报错：date.getHours is not a function
2025-02-08 16:47:14
279
原创 Vue3(elementPlus) el-table替换/隐藏行箭头，点击整行展开
Vue3(elementPlus) el-table替换/隐藏行箭头，点击整行展开
2025-01-20 00:11:04
343
原创 Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
Element Plus 中的 el-tree 实现右键点击节点弹出菜单并执行不同操作
2025-01-03 10:42:56
299
原创 elementui table滚动分页加载
在这个例子中，我们设置了表格的 height 属性，使其具有固定高度并可以滚动。监听 scroll 事件，当表格滚动到底部时，触发scroll 事件。在scroll 事件中，我们通过当前的 page 和 pageSize 计算已经加载的数据范围，并更新 tableData 以添加新数据。如果加载的数据超过了 total，则停止加载数据。在使用 Element UI 的 Table 组件时，如果需要实现滚动分页加载的功能，可以通过监听 Table 的滚动事件来动态加载更多数据。
2024-12-29 21:41:13
243
原创 在 Vue 3 中利用el-form（Element Plus 组件库为例）来循环展示包含自定义字段（如字段名称、字段类型、是否必填等信息的数组）并实现表单校验
在 Vue 3 中利用el-form（Element Plus 组件库为例）来循环展示包含自定义字段（如字段名称、字段类型、是否必填等信息的数组）并实现表单校验
2024-12-19 15:07:12
597
1原创 el-tab页签文字颜色下划线等问题
若果用的基础标签页，同步修改选中下划线颜色。修改标签颜色后，重新设置选中状态的颜色。如果要是未生效，试着在样式前加上。
2024-09-05 10:38:34
344
原创 VSCode 在使用pnpm命令时，提示“无法加载文件 C:\Users\，因为在此系统上禁止运行脚本”
2.用set-ExecutionPolicy RemoteSigned命令更改状态即可。1.用get-ExecutionPolicy命令在vscode终端查询状态。4.重新输入 get-ExecutionPolicy ，显示。然后再输入 get-ExecutionPolicy ，显示。3.如果提示需要管理员权限，执行以下代码。就可以正常执行 pnpm 命令了。，就可以执行 pnpm 命令啦。
2024-08-22 14:03:46
779
空空如也
pdf.js中鼠标坐标的获取
2023-12-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人