- 博客(66)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 告别页面卡死！Vue3 + WebWorker 性能优化实战
摘要： 本文介绍了如何使用Web Worker解决Vue3应用中的页面卡顿问题。当遇到耗时计算（如导出Excel、图像处理等）时，主线程会被阻塞导致UI冻结。通过将密集计算任务（如斐波那契数列）移至Worker线程，保持主线程流畅。文章演示了Vite环境下Worker的创建、通信和销毁过程，对比了主线程与Worker方案的性能差异，并总结了适用场景（计算>50ms的任务）和注意事项（DOM限制、通信成本等）。最终实现后台计算不干扰前端交互的效果，提升用户体验。
2026-02-14 12:47:31
768
原创 微前端：使用Wujie融合RuoYi-Vue2 和 RuoYi-Vue3
本文介绍了基于Vue3+Vite主应用与Vue2子应用的微前端改造方案，采用腾讯无界(Wujie)框架实现。主要内容包括：项目背景说明选择Wujie的原因（原生Vite支持、JS沙箱隔离等）；详细改造步骤，涵盖主/子应用的配置修改、依赖安装、路由处理等关键点；特别解决了子应用加载优化、主/子应用状态同步等技术难点。文章提供了完整代码仓库地址和相关文档链接，为类似微前端架构改造提供了实践参考。
2026-02-09 11:10:40
975
原创 Windows10将C盘虚拟内存移动到别的盘
摘要： 本文详细介绍在Windows10系统下将虚拟内存从C盘迁移至其他盘符的方法。操作步骤包括：通过高级系统设置调整虚拟内存位置，取消C盘分页文件并设置目标盘为系统管理大小。针对迁移失败的情况，提供两种解决方案：检查目标盘权限设置或修改注册表项PagefileOnOsVolume。最后说明如何查看pagefile.sys文件及建议保持隐藏。关键提示：每次修改后需点击“设置”按钮并重启生效。适用于C盘空间不足需释放存储的场景。
2025-08-29 11:40:31
4065
原创 Win10、Win11系统，使用谷歌浏览器文件流下载，C盘剩余容量小于4GB时，下载失败问题
谷歌浏览器大文件下载中断问题解决方案 问题现象：Win10/Win11系统下，当C盘剩余空间小于4GB时，谷歌浏览器通过文件流下载超过10MB的文件会中断，出现Network Error。 原因分析：这是谷歌浏览器的安全策略导致，与前端代码无关，即使请求状态码为200也会中断传输。 解决方案： 改用文件直链下载或分片下载（每片<10MB） 使用火狐浏览器或无痕模式 通过命令将谷歌Default目录软链接到其他盘： Mklink /d "原路径" "新路径"
2025-06-05 14:10:07
726
1
原创 3、Js权威指南第七版读书笔记-第三章 类型、值和变量（中：文本）
本文是个人读《JavaScript权威指南第七版》第三章笔记，本章主要涉及JavaScript文本
2024-02-02 13:41:02
884
原创 ruoyi（若依）（el-menu也可参考）菜单栏过长显示省略号才显示气泡
ruoyi框架菜单栏过长显示省略号才显示气泡，el-menu也可做参考
2024-02-02 11:52:25
1802
原创 2、Js权威指南第七版读书笔记-第三章 类型、值和变量（上：数值）
本文是个人读《JavaScript权威指南第七版》第三章笔记，本章主要涉及JavaScript类型分类和数值
2023-12-26 14:08:57
1110
原创 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
2609
6
原创 1、JavaScript权威指南第七版 第二章笔记：词法结构
本文是个人读《JavaScript权威指南第七版》第二章笔记，本章主要涉及区分大小写、空格和换行符、注释、字面量标识符和保留字Unicode、可选的分号。
2023-11-20 15:27:51
327
原创 vue中给数字新增四舍五入属性
js的数字属性toFixed不是我们正常理解的四舍五入，但是希望能和toFixed一样方便使用，达到四舍五入效果。可以在Number上新增一个属性。
2023-07-14 13:37:12
1708
原创 一个vue项目调用多个服务地址接口，也可mock数据
有时候，一个vue项目中会需要使用多个服务接口的地址，有时候在后端接口没开发完成，但是前端可能需要先模拟数据写页面，这时候可以先mock数据，模拟实际接口。
2023-06-09 16:02:57
1922
原创 VUE A页面跳转到B页面带参数，且每次点击跳转，数据刷新
项目遇到一个业务需求是，A页面展示消息列表，然后点击列表中的消息，跳转到B页面，B页面需要展示A页面中对应消息的内容。
2023-05-25 16:01:01
4943
3
原创 vue封装mathjs和Decimal.js加减乘除，解决精度问题
vue封装mathjs和Decimal.js加减乘除，解决精度计算问题。
2023-03-09 15:31:35
5317
1
原创 关于前端a标签下载，跨域下载重命名无效问题
解决a标签下载时，pdf，txt，图片等文件浏览器直接打开问题；跨域无法重命名问题；点击大文件下载浏览器长时间无反应问题。
2022-09-28 15:11:24
2673
原创 使用elementUI的table时，打印ref为undefined
使用elementUI中的table（带分页）时，使用ref，打印出现undefined解析。
2022-09-07 16:40:43
2067
原创 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
1845
原创 1.2、VUE的MVVM简单理解
MVVM分为model、view、viewmodel这种模式采用的是双向绑定，这样就只需要操作如下图中的data里边的数据就可以了，避免了操作DOM元素的繁琐操作。这也是VUE的核心。这种理解，是在使用vue的角度理解，如果从vue开发者角度，或者说从vue如何运行角度来说，又是另一个层面的理解。...
2019-04-17 16:28:04
2480
原创 带进度条的多文件上传demo
2019年春节过完，刚来上班第一天，没啥事情，就做了这么个多文件上传的demo，方便以后有这方面需求，可以作为参考。一、先贴几张效果图：1、页面初始化：2、选择文件效果：3、上传文件效果：二、代码1、html+js部分代码<!DOCTYPE html><html><head> <meta charset="utf-8" /&g...
2019-02-14 15:33:26
4055
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
5034
原创 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
9883
原创 在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
19850
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
6722
原创 安全实例总结
1. 关闭PHP版本信息在http头中的泄漏2. web应用表单密码类型输入启用了自动完成操作3. X-Frame-Options未配置4. 检测到会话cookie中缺少HttpOnly属性5. crossdomain.xml解决跨域问题6.XSS反射型和存储型7. SQL注入
2018-10-24 21:24:42
5065
原创 project 2013安装时报无法安装64位版本的office，因为在pc上找到了以下32位程序
在卸载project 2010后，安装project 2013，报如下错误，是因为卸载project 2010时，相关注册表没有删除。 解决方案： 1、win+r，输入regedit 2、进入到如下页面，点开下图中HKEY_CLASSES_ROOT 3、再找到如下位置点开，选中00005和00002开头的所有注册表，下图是已经删除了的情况，然后再安装64位的project 2013...
2018-09-11 10:28:42
19036
3
转载 javascript 总结（常用工具类的封装）
**JavaScript**1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字 return Object.prototype.toString.call(o)....
2018-09-11 09:48:59
5357
原创 1.1VUE入门--写在前面
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由于项目需求，接触到了VUE，又由于目前js发展方向走的是框架模式，vue相对于angularjs，React等，更为简单，而且vue是中国人开发的，中文文档较全，资源较多，基于种种原因，个人打算深入学习下VUE。 &nbsp;&nbsp;&nbsp;&nbsp;&am
2018-08-17 09:22:17
5324
原创 js对数据常用处理方式
说明：本文并没有对js处理数据进行深究，本人也不是专业前端人员，只是碰到js处理数据时，对当时的处理数据方式进行记录和总结，后续工作中碰到值得记录的会持续更新。1、字符串转换成对象 代码： var obj = JSON.parse(data); console.log(JSON.stringify(data.data)); 说明： ①php中json_encode()转换返回给前端页...
2018-07-06 14:51:46
14744
原创 3.4、PHP面向对象常见关键字和魔术方法
1、final 2、static3、单态设计模式4、const5、instanceof 6、克隆对象7、__toString()8、__call()和__callStatic() 魔术方法9、serialize()和unserialize()
2018-05-14 10:55:49
5716
原创 Linux软链接的创建，删除，修改
linux软链接的创建，删除，修改【目标目录】指软连接指向的目标目录下，【软链接地址】指“快捷键”文件名称，该文件是被指令创建的。如下示例，public文件本来在data文件下是不存在的，执行指令后才存在的。示例：结果：2、软链接创建需要同级目录下没有同名的文件。就像你在windows系统桌面创建快捷键时，不能有同名的文件。当同级目录下，有同名的文件存在时，会报如下错误：上图中由于data目录下已经有tes
2018-04-10 16:02:50
182154
2
原创 Windows下php+nginx环境搭建
场景说明： 在本地已有Apache+php环境下，为了便于学习nginx，所以在本地搭建nginx，并将项目切换到nginx环境下。所以本文就不介绍php的安装了，只介绍nginx安装以及从apache切换到nginx环境下。关于php搭建，可以参考：https://blog.csdn.net/qq_21386275/article/details/78271375一、Ngi...
2018-04-08 19:35:01
8502
原创 3.2、抽象一个类和实例化对象
一、抽象一个类 二、实例化对象 1、实例化对象 2、对象类型在内存中分配情况 三、$this 四、构造函数和析构函数
2018-03-28 19:20:36
7311
原创 3.1、PHP面向对象简单介绍
面向对象简称OOP，面向对象目的就是使项目代码具有重用性、灵活性和扩展性，使项目代码更简洁，易于维护。面向对象将一个问题模块化，将复杂的问题分解成一个一个小的问题，使其简单化。 面向对象可以主要分两个方向学习：1、面向对象的语法技术；2、面向对象的编程思想类和对象关系 这里先只是简单说明类和对象关系。 在代码层面，我们用class声明一个类，然后我们可以new出无数个对象。 举个例子，...
2018-03-13 17:50:24
5711
原创 2.4、PHP数组与数组结构
根据数组的下标（ integer 和 string ）不同，分为索引数组和关联数组。但是官方说法是PHP 数组可以同时含有 integer 和 string 类型的键名，因为 PHP 实际并不区分索引数组和关联数组。一、定义数组 数组结构： 键（key）可以是整数 integer 或字符串 string 值（value）可以是任意类型的值array( key => va...
2018-03-13 14:40:02
6811
原创 2.3PHP函数
一般的函数就不介绍了，这里主要介绍几种难以理解的函数。 2.3.1、引用参数的函数 引用参数函数，就是在函数的参数前加了一个&符号。 一般的函数，在调用后，即便函数内修改了参数的值，但是也不会修改函数外部的值。因为函数的参数也属于局部变量。 如果希望在调用函数后，函数的参数值在内部变化了，该参数在函数外部也跟着变化，那么需要使用引用参数。 eg：<?php ...
2018-03-05 11:36:41
5838
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人