- 博客(56)
- 收藏
- 关注
RSS订阅原创 vue3项目配置别名
问题如下，如在router/index.ts中，引入组件 component:()=>import(‘@/views/login/index.vue’),@/*报错。在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名！也可尝试手动声明,创建shims-vue.d.ts文件。
2025-03-27 08:57:51
531
原创 vue3中阿里SVG图标配置与应用
确保你的 tsconfig.json 文件中包含了 vite-env.d.ts 文件。TypeScript 无法识别 virtual:svg-icons-register 这个虚拟模块，因此需要为它添加类型声明。2.确保 tsconfig.json 包含类型声明。
2025-03-22 09:15:35
272
原创 vue3项目笔记
https://gitee.com/keyeavi/project-notes/blob/master/硅谷甄选项目笔记.md。
2025-03-19 08:18:14
163
原创 解决webpack5.54打包图片及图标的问题
当在 webpack 5 中使用旧的 assets loader（如 file-loader/url-loader/raw-loader 等）和 asset 模块时，你可能想停止当前 asset 模块的处理，并再次启动处理，这可能会导致 asset 重复，你可以通过将 asset 模块的类型设置为 ‘javascript/auto’ 来解决。webpack5 已经启用旧版的assets loader, 需要在webpack.confid.js中添加配置(在对应的module中)
2025-02-20 08:30:33
562
原创 解决webpack4 import 动态导入组件打包报错
google一下得知，webpack4不支持import动态加载，建议使用babel-plugin-dynamic-import-webpack来解决…从代码报错位置来看，代码中使用了动态import加载组件，大体的方向定位了，后面就好办了。
2025-02-20 07:30:10
607
原创 解决videojs在ios端视频无法播放的问题
在做多端嵌入的H5页面时，通过videojs插件做视频的播放，发现在web网页，andriod的app端，以及本地的服务器浏览直播都是没有问题的，只有ios发到线上时，页面加载第一次成功 再次刷新页面视频一直处于缓冲状态，导致ios无法正常播放视频。ios本身video插件做了缓存机制，本地服务无缓存，服务器端做了缓存，所有两个缓存导致ios端在加载video时出现了两次的嵌套。
2025-02-20 07:21:25
448
原创 2025前端面试题
当函数执行的时候，一旦遇到 await 就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。原因：受同源策略的限制，web浏览器若两个页面的协议、域名、端口三者中任意一个不同，就会产生跨域。从语法上说，Promise是一个构造函数，可以实例化对象。来实现数据与视图的双向绑定，当数据发生变化时，Watcher会通知对应的视图进行更新。对data中的属性进行劫持，当属性值发生变化时，会触发对应的更新函数，从而更新视图。，可以更好地处理嵌套对象和数组的变化，同时也提供了更多的API来处理响应式数据。
2025-02-13 15:54:07
606
原创 利用uniapp的picker封装预约时间的组件
(3).defineEmit返回一个触发器，用于触发事件，第一个参数是具体事件，第二个是传递的值。(1).defineEmits用于在setup中注册自定义事件，是一个宏函数，使用时无需导入。(2).defineEmits接受一个数组，元素为自定义事件名。defineProps先从vue中引入。
2024-10-07 11:18:14
841
1
原创 实时聊天 Vue + Vuex + sockjs-client + stompjs进行websocket连接
WebSocket 是一种在 Web 应用中实现实时通信的方法，它可以在客户端和服务器端之间建立长连接，实现实时消息传递。
2024-07-12 16:50:10
639
原创 查看VUE中安装包依赖的版本号
使用 npm list --depth=2 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本和实际安装的版本。使用 npm list --depth=1 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本。使用 npm ls 命令可以列出项目中所有已安装的依赖包及其版本。
2024-06-28 17:37:23
967
原创 前端项目打包成exe文件
6、在electron-quick-start项目中找到入口文件 main.js ，修改打包的文件路径为我们的index.html（替换成我们的文件非常非常的重要，注意行数，一般都在16行多一点）8、运行命令打包，然后项目中会出现一个 App-win32-x64 的文件夹，这个文件就是打包好的桌面应用，文件夹里有一个 App.exe 文件，App.exe就是这个项目的启动文件。2、修改自己项目的vue.config.js，路径必须修改为 ./，不是这个后续打包好的页面可能会出现白屏，加载不出来的情况。
2024-06-26 07:46:27
1328
3
原创 el表格下拉触底组件-解决1万条数据前端渲染不卡的问题
解决1万条数据前端渲染不卡的问题，换个思路，通过下拉表格，触底加载数据的方法，通过el-table-infinite-scroll组件实现。数据为接口请求的模拟数据。，vue2/3用法不同。
2024-05-22 19:20:00
431
原创 解决vue版本不一致导致不能正常编译
项目原本运行无异常，但安装了一个el-table-infinite-scroll的插件后，编译报错，截图如下。vue版本与compile版本不一致，应该统一起来，否则编译时会有一些想不到的问题发生。卸载compile，安装与vue相同的版本。
2024-05-22 18:59:16
556
原创 解决npm卡死，无法安装依赖
其实，早在 2021 年，淘宝就发文称，npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。1.命令行的问题：缓存的原因，将C:\Users\Administrator\AppData\Roaming\HBuilder X\indexdb下的文件清除，立刻进入了命令行。2.查看了一下npm的镜像，为npm的，改成淘宝，但这个提示过期，改成了新的淘宝，终于成功了。1.无法进入命令行，或是很慢没反应。
2024-05-21 11:16:56
1172
1
原创 解决1万条数据前端渲染不卡的问题
将数据分组，通过定时器或requestAnimationFrame两种方式分组渲染到Dom上。使用requestAnimationFrame可以将动画的每一帧绘制操作封装为一个回调函数，当浏览器准备进行下一帧绘制时，会自动调用这个回调函数，从而实现了动画的循环。并将这个回调函数传递给requestAnimationFrame函数。渲染数据-动画requestAnimationFram方法。
2024-05-20 18:16:18
472
原创 闭包的实践应用
2.自定义的js,如bind`3.利用闭包判断数据类型4.封装私有变量和函数5.数组的求和6.数组的延迟求和7. 迭代器8、缓存这一部分还不是很懂
2024-05-20 10:52:37
196
原创 el-table表格中实时修改某一行的字段
表格的内容为多选的文本框，默认情况不显示，当scope.row[scope.column.property + ‘Show’]的列属性为真时显示，失去焦点时将该属性在置为假。表格上加上::key取值为随机数，key: Math.random(), 单元格的双击事件加上方法@cell-dblclick=“doubleClick”招生跟进的学生，在表格中编辑跟踪记录，修改失去焦点后保存，代码如下：表格的代码片断。
2024-03-21 10:44:45
1426
1
原创 vue复制内容到剪切板
在Vue中将内容复制到剪贴板可以使用clipboard.js库来完成。创建clipboard.js文件 存放路径src/utils/clipboard.js。view视图， 调用。script代码 方法。
2024-03-08 17:57:16
469
原创 异步加载async await
在Vue中，我们通常会使用axios来调用接口获取数据。我们可以将axios封装成一个异步函数，然后在Vue组件中使用async/await来获取数据。优势在于处理 then 链，使代码看起来像同步代码一样。在函数前面加上async关键字，表示函数是异步的。修改为一下代码运行正常。
2024-03-08 14:59:18
311
原创 eladmin框架vuex的修改
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，核心就是 store（仓库），仓库是用来储存东西的。state: 数据actions:可以包含异步操作mutations: 唯一可以修改state数据的场所getters: 类似于vue组件中的计算属性，对state数据进行计算（会被缓存）modules:模块化管理store（仓库），每个模块拥有自己的 state、mutation、action、gettereladmin框架，根据登录返回的数据调用接口，再根据返回的数据，用户sta
2024-01-15 16:53:04
458
原创 hbuilderx升级后无法运行npm
在windows环境下，命令行程序为cmd.exe，是一个32位的命令行程序，微软Windows系统基于Windows上的命令解释程序，类似于微软的DOS操作系统。hbuilderx 从3.7.* 升级了几次版本，都出现升级后无法运行npm run dev的问题，提示要选择程序打开，试了一下npm -v，也是同样，但node -v 是可以的，再网上一顿的查，试着多种解决方案都无果，只能退回到以前的版本。今天一早上来，想着这个bug应该解决了吧，再试着升级一下，升级后的版本是3.99,但问题仍然存在。
2023-12-27 09:14:02
1176
1
原创 更改git的远程地址
问题：fatal: refusing to merge unrelated histories。解决：在操作命令后面加 --allow-unrelated-histories。1.解决冲突，并去掉》》》head的代码。原因：本地与线上的结构有差异导致的。更改后，可再查看一下地址 进行确认。
2023-12-26 14:27:43
144
原创 vue-esign电子签名，base64转二进制file存储
交费的电子签名，可确认和重签（清空内容），手机端默认横屏，并对内容做旋转，如图。安装vue-esign与main.js中引入。
2023-12-21 08:45:53
546
原创 按老师展示的教学排课表
按老师展示的教学排课表，周一到周五背景黄，周六背景桔，周日背景蓝 ，上午、下午、晚上浅入深的三色，相同的课合并单元格，有课的背景为绿色，并且点击跳转路由，进入该班的学生情况页。【说明】单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className。【说明】表头行的 className 的回调方法，也可以使用字符串为所有表头行设置一个固定的className。【说明】行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。
2023-12-20 18:31:52
956
原创 el-table的横纵向求和
纵向求和show-summary或者:summary-method=“getSummaries”利用slot-scope=“scope"插槽的方式实现，scope有两个内置的参数。
2023-12-20 16:52:18
308
原创 excel导入及下载模板
通过input元素绑定change事件，当选择excel文件后会触发importExcel方法。在该方法中，使用FileReader对象读取excel文件的内容，然后使用xlsx插件解析excel文件的内容并将其转换为json格式的数据。最后就可以获得jsonData格式的数据，并进行处理。下载模板的首行为英文字段名，中文字段名解析后为row[0]的记录，需过滤掉，日期的格式为字符。两种方式，axios.get请求完整的url地址和接口请求stream流的方式。解析后的json数据格式。
2023-12-12 11:41:22
245
原创 el-form 自定义rules 校验规则
包括 https的url地址、小写、大写、大小写英文字母、电子邮件、电话号码、是否合法IP地址、身份证号等的校验例如：再次确认密码的，在data中定义一个const 常量，在rules中引入data(){// 定义规则 (rule, value, callback)callback(new Error('两次输入的密码不一致'))} else {callback()} else {callback(new Error('请再次输入密码'))...rules:{oldPass: [
2023-12-12 10:23:44
2508
原创 vue-print-nb打印插件的应用
4.在组件的打印按钮标签上使用指令 v-print=“print”,print是配置对象。vue使用vue-print-nb进行打印# 使用步骤。将学生的二维码，姓名，班级 打印成贴纸，效果如图。5.在组件的data中定义print配置对象。7.打印区域完整代码。
2023-11-29 11:51:51
672
1
原创 获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js
【代码】获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js。
2023-11-24 10:40:27
170
1
原创 mixins混入
在开发中，经常会遇到多个组件用到相同的代码，倒是可以复制，但不利于后期的维护和修改，可以利用mixins将公共部分提取出来，通过mixins封装。：监听自定义选择时间时，将type=daterange数组的[date1,date2]的值分别赋值给beginTime和endTime,此文章还包含了针对某对象的某个属性的监听方法，例query.createTime。我在做统计数据报表模块时，发现调用的查询的条件基本相同，如图，
2023-11-24 10:06:38
82
1
原创 三级嵌套的json数据自动生成表格并合并单元格
三级嵌套的json数据 ：班级嵌套学生，学生中嵌套全部时间的考试成绩， 自动生成表格并合并单元格，如图。
2023-11-21 18:06:44
654
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人