- 博客(47)
- 收藏
- 关注
RSS订阅原创 利用uniapp的picker封装预约时间的组件
(3).defineEmit返回一个触发器，用于触发事件，第一个参数是具体事件，第二个是传递的值。(1).defineEmits用于在setup中注册自定义事件，是一个宏函数，使用时无需导入。(2).defineEmits接受一个数组，元素为自定义事件名。defineProps先从vue中引入。
2024-10-07 11:18:14
752
原创 实时聊天 Vue + Vuex + sockjs-client + stompjs进行websocket连接
WebSocket 是一种在 Web 应用中实现实时通信的方法，它可以在客户端和服务器端之间建立长连接，实现实时消息传递。
2024-07-12 16:50:10
541
原创 查看VUE中安装包依赖的版本号
使用 npm list --depth=2 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本和实际安装的版本。使用 npm list --depth=1 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本。使用 npm ls 命令可以列出项目中所有已安装的依赖包及其版本。
2024-06-28 17:37:23
832
原创 前端项目打包成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
1142
2
原创 el表格下拉触底组件-解决1万条数据前端渲染不卡的问题
解决1万条数据前端渲染不卡的问题，换个思路，通过下拉表格，触底加载数据的方法，通过el-table-infinite-scroll组件实现。数据为接口请求的模拟数据。，vue2/3用法不同。
2024-05-22 19:20:00
364
原创 解决vue版本不一致导致不能正常编译
项目原本运行无异常，但安装了一个el-table-infinite-scroll的插件后，编译报错，截图如下。vue版本与compile版本不一致，应该统一起来，否则编译时会有一些想不到的问题发生。卸载compile，安装与vue相同的版本。
2024-05-22 18:59:16
503
原创 解决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
1070
原创 解决1万条数据前端渲染不卡的问题
将数据分组，通过定时器或requestAnimationFrame两种方式分组渲染到Dom上。使用requestAnimationFrame可以将动画的每一帧绘制操作封装为一个回调函数，当浏览器准备进行下一帧绘制时，会自动调用这个回调函数，从而实现了动画的循环。并将这个回调函数传递给requestAnimationFrame函数。渲染数据-动画requestAnimationFram方法。
2024-05-20 18:16:18
424
原创 闭包的实践应用
2.自定义的js,如bind`3.利用闭包判断数据类型4.封装私有变量和函数5.数组的求和6.数组的延迟求和7. 迭代器8、缓存这一部分还不是很懂
2024-05-20 10:52:37
182
原创 el-table表格中实时修改某一行的字段
表格的内容为多选的文本框，默认情况不显示，当scope.row[scope.column.property + ‘Show’]的列属性为真时显示，失去焦点时将该属性在置为假。表格上加上::key取值为随机数，key: Math.random(), 单元格的双击事件加上方法@cell-dblclick=“doubleClick”招生跟进的学生，在表格中编辑跟踪记录，修改失去焦点后保存，代码如下：表格的代码片断。
2024-03-21 10:44:45
1195
原创 vue复制内容到剪切板
在Vue中将内容复制到剪贴板可以使用clipboard.js库来完成。创建clipboard.js文件 存放路径src/utils/clipboard.js。view视图， 调用。script代码 方法。
2024-03-08 17:57:16
438
原创 异步加载async await
在Vue中，我们通常会使用axios来调用接口获取数据。我们可以将axios封装成一个异步函数，然后在Vue组件中使用async/await来获取数据。优势在于处理 then 链，使代码看起来像同步代码一样。在函数前面加上async关键字，表示函数是异步的。修改为一下代码运行正常。
2024-03-08 14:59:18
298
原创 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
440
原创 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
1032
原创 更改git的远程地址
问题：fatal: refusing to merge unrelated histories。解决：在操作命令后面加 --allow-unrelated-histories。1.解决冲突，并去掉》》》head的代码。原因：本地与线上的结构有差异导致的。更改后，可再查看一下地址 进行确认。
2023-12-26 14:27:43
131
原创 vue-esign电子签名，base64转二进制file存储
交费的电子签名，可确认和重签（清空内容），手机端默认横屏，并对内容做旋转，如图。安装vue-esign与main.js中引入。
2023-12-21 08:45:53
493
原创 按老师展示的教学排课表
按老师展示的教学排课表，周一到周五背景黄，周六背景桔，周日背景蓝 ，上午、下午、晚上浅入深的三色，相同的课合并单元格，有课的背景为绿色，并且点击跳转路由，进入该班的学生情况页。【说明】单元格的 className 的回调方法，也可以使用字符串为所有单元格设置一个固定的 className。【说明】表头行的 className 的回调方法，也可以使用字符串为所有表头行设置一个固定的className。【说明】行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。
2023-12-20 18:31:52
917
原创 el-table的横纵向求和
纵向求和show-summary或者:summary-method=“getSummaries”利用slot-scope=“scope"插槽的方式实现，scope有两个内置的参数。
2023-12-20 16:52:18
263
原创 excel导入及下载模板
通过input元素绑定change事件，当选择excel文件后会触发importExcel方法。在该方法中，使用FileReader对象读取excel文件的内容，然后使用xlsx插件解析excel文件的内容并将其转换为json格式的数据。最后就可以获得jsonData格式的数据，并进行处理。下载模板的首行为英文字段名，中文字段名解析后为row[0]的记录，需过滤掉，日期的格式为字符。两种方式，axios.get请求完整的url地址和接口请求stream流的方式。解析后的json数据格式。
2023-12-12 11:41:22
221
原创 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
2042
原创 vue-print-nb打印插件的应用
4.在组件的打印按钮标签上使用指令 v-print=“print”,print是配置对象。vue使用vue-print-nb进行打印# 使用步骤。将学生的二维码，姓名，班级 打印成贴纸，效果如图。5.在组件的data中定义print配置对象。7.打印区域完整代码。
2023-11-29 11:51:51
654
1
原创 获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js
【代码】获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js。
2023-11-24 10:40:27
158
1
原创 mixins混入
在开发中，经常会遇到多个组件用到相同的代码，倒是可以复制，但不利于后期的维护和修改，可以利用mixins将公共部分提取出来，通过mixins封装。：监听自定义选择时间时，将type=daterange数组的[date1,date2]的值分别赋值给beginTime和endTime,此文章还包含了针对某对象的某个属性的监听方法，例query.createTime。我在做统计数据报表模块时，发现调用的查询的条件基本相同，如图，
2023-11-24 10:06:38
73
1
原创 三级嵌套的json数据自动生成表格并合并单元格
三级嵌套的json数据 ：班级嵌套学生，学生中嵌套全部时间的考试成绩， 自动生成表格并合并单元格，如图。
2023-11-21 18:06:44
522
原创 antd表格最后一行合并列，字数太多时换行显示
项目中ant Design统一控制了表格不换行，为了使地址能换行显示，用了2种方法，插槽和取消全局的换行。合并列注意点：合并之后 被他合并后的 那一列应该是没有dom 节点的 ，所以要。主要是使用官方文档上的 customRender 函数。动态创建的a-table 合并列。3.最后一行的前5列合并列，更改成合计，从接口获取的数据，动态构建表格。
2023-08-25 15:33:15
728
1
原创 第一个flutter项目遇到的问题flutter.sdk not set in local.properties
报的错提示,在local.properties这个里面没有找到flutter sdk,我们需要在local.properties这个文件里面加上flutter sdk路径,再重新file -> sync Project with gradle files,不报此错误了。今天新创建一个flutter项目,运行的时候报错。
2023-08-10 08:39:13
1199
1
原创 Android studio升级版本引发的问题
Caused by: org.codehaus.groovy.control.MultipleCompilationErrorsException: startup failed:”如下图。Android studio软件中Gradle设置的版本号为6.*，但实际的是7.5.1。help->about->open-source software 找到Gradle。1）点击左上角的File–>Project Structure。
2023-08-10 08:17:08
185
1
原创 在 Windows 操作系统上安装和配置 Flutter 开发环境
2、选中Android SDK --> SDK Tools --> Android SDK Command-line Tools(latest) --> Apply。例如上边的path/to/sdkmanager --install “cmdline-tools；点击环境变量，在 用户变量 一栏中，在 Path 这个条目增加 D:\resource\flutter\bin 点确定。3、这个时候再在终端执行如下的操作，一路Y就可以了。此时又发现点不动，又百度，解决点不了的问题如下。
2023-08-04 09:08:18
274
1
原创 git常用命令
执行上面的代码 ：git reset --hard c4f43a6，代码会回滚到commitId 所在位置及所在位置之前的所有代码。Git reflog 命令可以列出 Git 引用的修改历史，包括 commit、merge、rebase 等。应用环境，在项目上线前，提交到dev分支多个commit ，但个别的可发布的线上，可以有选择的提交commit的节点。我们可以使用 git log 命令查看相关信息，展示一个漂亮的提交历史可视化图，包括所有分支的合并和提交信息。
2023-07-15 16:26:17
63
1
原创 vue data中定义的变量使用另一变量
前言今天在写代码的时候，遇到一个问题，我想使用data里面的一个变量，赋值给data里面的另一个变量。直接赋不行 latitude: latitude, 不行，latitude: this.latitude, 也不行，上网查了一下，可以通过computed和mounted来实现，成功了。
2023-07-07 11:31:39
3353
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人