- 博客(80)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 99%的前端都忽略了！3分钟让你的网页加载速度飙升300%
打开任意一个电商网站，图片加载慢到让人抓狂？今天教你一招，用原生API轻松实现图片懒加载，性能提升立竿见影！
2026-03-13 08:00:45
296
原创 告别繁琐导入！unplugin-auto-import 让你的 Vue3 代码更优雅
unplugin-auto-import，让你告别繁琐的手动导入！
2026-03-13 07:59:28
37
原创 Vue3 + Vite 局域网 HTTPS 访问实战：手机秒连本地开发环境
Vue3 + Vite 局域网 HTTPS 访问实战：手机秒连本地开发环境
2026-03-12 10:22:26
370
原创 Vue3 Composition API：大型项目代码组织的最佳实践，告别Options API的维护噩梦
Vue3 Composition API：大型项目代码组织的最佳实践，告别Options API的维护噩梦
2026-03-11 09:25:05
347
原创 告别卡顿！用 Intersection Observer 实现丝滑的无限滚动与曝光统计实战
彻底告别卡顿！用 IntersectionObserver 实现丝滑无限滚动与曝光统计
2026-02-28 21:30:03
784
原创 一文读懂AI四大核心技术：LLM、Agent、RAG、Skill，程序员必看！
ChatGPT爆火之后，LLM、Agent、RAG、Skill这些概念层出不穷。它们到底是什么？之间有什么关系？今天用一篇文章带你彻底搞懂！
2026-02-28 21:28:46
1061
原创 前端性能优化实战：Map映射 vs 递归，差距210倍！
摘要： 本文针对前端处理大数据量树形结构转换时的性能问题，对比了递归遍历（O(n²)）和Map映射（O(n)）两种方案的性能差异。实测显示Map方案可提升210倍性能，10000条数据从3秒降至0.01秒。针对更大数据量，推荐结合Web Worker避免主线程阻塞，并给出不同数据规模的最优方案选择。文末提供了完整源码地址，帮助开发者快速实现高性能树形转换。（149字）
2026-02-24 21:41:25
571
原创 5000 条数据照样丝滑输入：这次真把时间分片讲明白了
本文通过一个Vue3+Element Plus的Demo，展示了如何解决海量数据渲染导致的页面卡顿问题。首先分析了传统for循环一次性渲染5000条数据会导致主线程阻塞5秒，用户输入延迟的痛点。然后提出两种优化方案：1)使用requestIdleCallback将大任务拆分为多个小任务在浏览器空闲时间执行；2)针对不支持requestIdleCallback的浏览器，通过requestAnimationFrame+MessageChannel实现Polyfill方案。
2026-02-24 08:15:00
683
原创 告别页面卡死！Vue3 + WebWorker 性能优化实战
摘要： 本文介绍了如何使用Web Worker解决Vue3应用中的页面卡顿问题。当遇到耗时计算（如导出Excel、图像处理等）时，主线程会被阻塞导致UI冻结。通过将密集计算任务（如斐波那契数列）移至Worker线程，保持主线程流畅。文章演示了Vite环境下Worker的创建、通信和销毁过程，对比了主线程与Worker方案的性能差异，并总结了适用场景（计算>50ms的任务）和注意事项（DOM限制、通信成本等）。最终实现后台计算不干扰前端交互的效果，提升用户体验。
2026-02-14 12:47:31
792
原创 微前端：使用Wujie融合RuoYi-Vue2 和 RuoYi-Vue3
本文介绍了基于Vue3+Vite主应用与Vue2子应用的微前端改造方案，采用腾讯无界(Wujie)框架实现。主要内容包括：项目背景说明选择Wujie的原因（原生Vite支持、JS沙箱隔离等）；详细改造步骤，涵盖主/子应用的配置修改、依赖安装、路由处理等关键点；特别解决了子应用加载优化、主/子应用状态同步等技术难点。文章提供了完整代码仓库地址和相关文档链接，为类似微前端架构改造提供了实践参考。
2026-02-09 11:10:40
1050
原创 Windows10将C盘虚拟内存移动到别的盘
摘要： 本文详细介绍在Windows10系统下将虚拟内存从C盘迁移至其他盘符的方法。操作步骤包括：通过高级系统设置调整虚拟内存位置，取消C盘分页文件并设置目标盘为系统管理大小。针对迁移失败的情况，提供两种解决方案：检查目标盘权限设置或修改注册表项PagefileOnOsVolume。最后说明如何查看pagefile.sys文件及建议保持隐藏。关键提示：每次修改后需点击“设置”按钮并重启生效。适用于C盘空间不足需释放存储的场景。
2025-08-29 11:40:31
4399
原创 Win10、Win11系统，使用谷歌浏览器文件流下载，C盘剩余容量小于4GB时，下载失败问题
谷歌浏览器大文件下载中断问题解决方案 问题现象：Win10/Win11系统下，当C盘剩余空间小于4GB时，谷歌浏览器通过文件流下载超过10MB的文件会中断，出现Network Error。 原因分析：这是谷歌浏览器的安全策略导致，与前端代码无关，即使请求状态码为200也会中断传输。 解决方案： 改用文件直链下载或分片下载（每片<10MB） 使用火狐浏览器或无痕模式 通过命令将谷歌Default目录软链接到其他盘： Mklink /d "原路径" "新路径"
2025-06-05 14:10:07
763
1
原创 3、Js权威指南第七版读书笔记-第三章 类型、值和变量（中：文本）
本文是个人读《JavaScript权威指南第七版》第三章笔记，本章主要涉及JavaScript文本
2024-02-02 13:41:02
893
原创 ruoyi（若依）（el-menu也可参考）菜单栏过长显示省略号才显示气泡
ruoyi框架菜单栏过长显示省略号才显示气泡，el-menu也可做参考
2024-02-02 11:52:25
1817
原创 2、Js权威指南第七版读书笔记-第三章 类型、值和变量（上：数值）
本文是个人读《JavaScript权威指南第七版》第三章笔记，本章主要涉及JavaScript类型分类和数值
2023-12-26 14:08:57
1119
原创 vue启动vxe-table按需引入报 dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxeTable.js
vue启动vxe-table按需引入报This dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxeTable.js
2023-12-25 15:41:44
2629
6
原创 1、JavaScript权威指南第七版 第二章笔记：词法结构
本文是个人读《JavaScript权威指南第七版》第二章笔记，本章主要涉及区分大小写、空格和换行符、注释、字面量标识符和保留字Unicode、可选的分号。
2023-11-20 15:27:51
336
原创 vue中给数字新增四舍五入属性
js的数字属性toFixed不是我们正常理解的四舍五入，但是希望能和toFixed一样方便使用，达到四舍五入效果。可以在Number上新增一个属性。
2023-07-14 13:37:12
1715
原创 一个vue项目调用多个服务地址接口，也可mock数据
有时候，一个vue项目中会需要使用多个服务接口的地址，有时候在后端接口没开发完成，但是前端可能需要先模拟数据写页面，这时候可以先mock数据，模拟实际接口。
2023-06-09 16:02:57
1929
原创 VUE A页面跳转到B页面带参数，且每次点击跳转，数据刷新
项目遇到一个业务需求是，A页面展示消息列表，然后点击列表中的消息，跳转到B页面，B页面需要展示A页面中对应消息的内容。
2023-05-25 16:01:01
4961
3
原创 vue封装mathjs和Decimal.js加减乘除，解决精度问题
vue封装mathjs和Decimal.js加减乘除，解决精度计算问题。
2023-03-09 15:31:35
5330
1
原创 关于前端a标签下载，跨域下载重命名无效问题
解决a标签下载时，pdf，txt，图片等文件浏览器直接打开问题；跨域无法重命名问题；点击大文件下载浏览器长时间无反应问题。
2022-09-28 15:11:24
2680
原创 使用elementUI的table时，打印ref为undefined
使用elementUI中的table（带分页）时，使用ref，打印出现undefined解析。
2022-09-07 16:40:43
2070
原创 1.6、VUE计算属性
什么是计算属性如下，对于任何复杂逻辑，应当使用计算属性。<div id="example"> {{ message.split('').reverse().join('') }} </div><!DOCTYPE html><html><head> <meta charset="utf-8"> ...
2019-04-17 18:53:07
1849
原创 1.2、VUE的MVVM简单理解
MVVM分为model、view、viewmodel这种模式采用的是双向绑定，这样就只需要操作如下图中的data里边的数据就可以了，避免了操作DOM元素的繁琐操作。这也是VUE的核心。这种理解，是在使用vue的角度理解，如果从vue开发者角度，或者说从vue如何运行角度来说，又是另一个层面的理解。...
2019-04-17 16:28:04
2498
原创 带进度条的多文件上传demo
2019年春节过完，刚来上班第一天，没啥事情，就做了这么个多文件上传的demo，方便以后有这方面需求，可以作为参考。一、先贴几张效果图：1、页面初始化：2、选择文件效果：3、上传文件效果：二、代码1、html+js部分代码<!DOCTYPE html><html><head> <meta charset="utf-8" /&g...
2019-02-14 15:33:26
4058
3
原创 PHP返回json、xml格式数据，以及jsonp跨域
这里先展示下thinkphp框架的ajaxReturn函数源码：/** * Ajax方式返回数据到客户端 * @access protected * @param mixed $data 要返回的数据 * @param String $type AJAX返回数据格式 * @return void */ protected fun...
2019-02-14 14:47:27
5040
原创 JQuery改造alert和confirm弹框
背景：在有些项目里边，有些弹框样式要定制化，使用插件的弹框无法满足样式需求，这里写一个用jq写的弹框示例。eg：使用说明：1、示例中用到的图片pop_close.png 图片链接2、将示例代码和上边图片放在同级目录下3、示例下载地址：https://download.csdn.net/download/qq_21386275/107968424、效果图如下&amp;lt;!DOCTY...
2018-11-20 18:31:00
9890
原创 在linux环境下修改php.ini不生效问题排查
php.ini修改后不生效主要有如下几种原因：1、修改php.ini配置文件后，没有重新加载php.ini配置文件。2、存在多个php.ini配置文件3、php.ini中的配置被其他文件中配置覆盖问题排查：1、修改配置后，重新加载php.ini文件，打印出phpinfo();查看读取的是哪个配置文件，确定你修改的配置文件是正确的。如下图。2、在打印出的phpinfo();中搜索你修改...
2018-11-20 10:26:31
19859
1
原创 解决blur和onclick冲突问题
场景：如下图所示，当点击X按钮时，会同时触发blur和onclick事件，此时不需要执行blur事件中代码，只执行onclick事件中代码。代码示例：<html><head><script src="http://code.jquery.com/jquery-2.1.4.min.js"></script><script type...
2018-11-14 17:38:13
6726
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人