- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue3+＜script setup＞+element-plus中Calendar 日历打点
方法中判断日期是否需要打点，并设置相应的样式。这样就可以在 Element Plus 的 Calendar 组件中实现日历打点的效果。语法来编写逻辑部分，通过。在这个示例中，我们使用了。
2024-04-07 11:33:22
500
原创 三次挥手和四次握手是指什么，有什么区别
而在终止连接时，由于TCP是全双工通信，每个方向的关闭都需要通知对方，因此需要四次挥手来完成连接的关闭。三次握手和四次挥手是TCP协议中建立和终止连接时的过程，它们之间的区别在于建立连接时需要进行三次握手，而终止连接时需要进行四次挥手。4. 客户端收到后，回复一个确认报文段（ACK），双方完成连接的关闭。2. 服务器收到请求后，回复一个确认报文段（SYN+ACK）。3. 客户端再发送一个确认报文段（ACK），双方完成连接。2. 服务器收到后，回复一个确认报文段（ACK）。
2024-04-01 11:46:46
217
原创 ElementPlus中el-select在IOS中无法唤醒软件盘解决方案
把element-plus跟新到2.3.1或者以上版本即可解决无法唤醒软件盘问题。
2024-03-20 10:54:29
201
原创 Element Plus 中，您可以通过自定义表头的方式，在 el-table 的表头中的 el-table-column 标题后面添加一个图标，并且在鼠标悬停时显示提示文字
组件包裹该图标，设置了提示文字为 "Detailed information about the name"，并且将提示文字显示在图标上方。当用户将鼠标悬停在信息图标上时，会显示提示文字。的标题后面添加了一个信息图标，并使用。在上面的示例中，我们在。
2024-02-21 13:45:43
1389
原创 JavaScript 中ui li中的li做到内容轮播效果
每隔1秒切换一次内容，并且在轮播后将当前数据新增在数组的最末端，同时保持当前数据不隐藏。JavaScript 代码。
2024-02-20 11:54:06
532
原创 使用vue3+＜script setup＞+element-plus中el-table前端切片完成分页效果
通过这样的实现，你可以在前端完成分页效果，并根据当前页码和每页显示的数据数量来展示对应的数据。引入所需的函数和变量，然后在。在上面的示例中，我们使用了。语法来编写组件逻辑。钩子函数中，我们调用。方法来加载初始数据。方法来更新可见数据。
2024-01-05 08:49:23
1241
原创 element-plus中el-table懒加载通过@scroll=“handleScroll“属性滑动加载数据
【代码】element-plus中el-table懒加载通过@scroll=“handleScroll“属性滑动加载数据。
2024-01-04 17:57:32
1306
原创 Element Plus 的 el-table 组件合并不规律的行
在这个例子中，我们合并了第一列（姓名列）的行。第一行合并了三行，第四行合并了两行，其余行都不需要合并。其他列不进行合并，每行都显示单个单元格。属性来动态合并不规律数量的行。您可以根据数据的特定条件来确定合并行的方式。在 Element Plus 的 el-table 组件中，可以使用。方法中，我们根据行索引和列索引来判断是否需要合并行，并返回相应的。我们在 el-table 上指定了。
2023-12-28 13:43:19
861
原创 element-plus中el-upload组件限制上传文件类型
Element Plus 中，el-upload 组件可以通过设置 accept 属性来限制上传文件的格式。2.限制上传 Excel 文件。1.限制上传图片文件。
2023-12-28 13:40:45
6654
原创 限制el-upload组件的上传文件大小
属性来获取文件的大小，并与你期望的大小进行比较。如果文件大小超过了你的限制，你可以返回。来阻止文件上传，或者返回一个带有错误信息的字符串，以便在界面上显示错误信息。限制el-upload组件的上传文件大小。方法来进行文件大小的验证。
2023-12-26 16:33:29
2933
原创 uni-app几种常见的页面跳转方式
跳转到应用内的底部 Tab 页面，并关闭其他非 Tab 页面。：关闭当前页面，跳转到应用内的某个页面，不可返回上一级页面。：保留当前页面，跳转到应用内的某个页面，可返回上一级页面。：关闭所有页面，打开应用内的某个页面。：返回上一级页面或多级页面。：跳转到其他小程序。
2023-12-15 10:31:54
1716
原创 vue3+＜script setup＞+element-plus中的el-table树形数据与懒加载
【代码】vue3++element-plus中的el-table树形数据与懒加载。
2023-12-11 10:28:07
1696
原创 Vue3+setup父子组件传值
来存储父组件传递给子组件的值，并通过。当子组件需要更新值时，它会通过。接收父组件传递的值，并将其保存到。事件，并传递新的值给父组件。1.父子组件传值可以通过。在父组件中，我们使用。
2023-12-10 17:31:53
748
原创 vue3+uni-app上拉分页下拉刷新
页面引入onReachBottom(上拉), onPullDownRefresh(下拉)加上"enablePullDownRefresh": true这个一句即可。通过接口获取数据总条数后，使用onReachBottom（上拉）完成分页。
2023-12-06 14:11:10
1425
原创 element-plus中el-table表头名称+图标
el-table-column prop="date" label="物料序号">-- 表头名称和图标 -->-- 内容值 -->
2023-09-12 15:06:59
1271
原创 uni-app列表虚拟列表局部数据加载
通过以上步骤，你可以实现虚拟列表的局部数据加载，当用户滚动到底部时，会触发加载更多数据的操作，从而实现数据的懒加载效果。
2023-08-21 17:51:15
765
1
原创 vue列表虚拟列表局部数据加载
需要注意的是，为了优化性能，虚拟列表只会渲染当前可见区域的部分数据项，而不会渲染全部的数据项。当用户滚动列表时，vue-virtual-scroller会根据需要加载更多数据。对于Vue列表的虚拟化和局部数据加载，你可以使用Vue组件库中的"vue-virtual-scroller"和"vue-lazyload"两个插件来实现。另外，结合vue-lazyload插件，你可以实现列表中图片的懒加载。是vue-virtual-scroller提供的组件，是用于渲染列表的数据项，
2023-08-21 17:49:48
322
原创 前端面试题
什么是前端开发？ 请解释HTML、CSS和JavaScript的作用。 请解释响应式设计是什么，以及如何实现。 请解释什么是盒模型，并说明边框模型和内容模型的区别。 请解释什么是浏览器的渲染过程。 请解释什么是跨域，并说明如何解决跨域问题。 请解释什么是事件冒泡和事件捕获，并说明二者之间的区别。 请解释什么是闭包，并举一个闭包的例子。 请解释什么是事件委托，并说明它的优势。 请解释什么是回流和重绘，并说明它们之间的区别。 请解释什么是事件循环和异步编程。 请解释什么是单页面应用（SPA
2023-08-04 09:43:22
217
1
原创 new Date()的属性包括
Date.prototype.getUTCMonth()：返回指定日期的UTC时间中的月份（0-11），0代表一月。Date.prototype.getUTCDay()：返回指定日期的UTC时间中的星期几（0-6），0代表星期日。Date.prototype.getUTCDate()：返回指定日期的UTC时间中的日期（1-31）。Date.prototype.setUTCDate()：设置指定日期的UTC时间中的日期（1-31）。
2023-08-02 15:17:09
169
原创 递归的使用
递归是一种将问题分解为更小的自相似子问题的方法。递推情况是递归函数调用自身解决更小规模的相同问题的部分。通过不断调用自身，问题被分解为更小的子问题，直到达到基本情况。递归在合适的场景下可以非常有用，但需要小心使用，确保正确处理基本情况和递推情况，避免无限递归或性能问题。当满足基本情况时，递归函数将返回一个确定的值或执行某些操作。需要注意的是，递归函数必须具有一个终止条件，否则将会无限递归下去，导致栈溢出等错误。最终，所有的递归调用都会返回并计算最终的结果。等于0时，递归停止，返回1。计算给定数字的阶乘。
2023-07-12 14:26:40
216
1
原创 vue3切换路由后当前页面数据不变keep-alive
keep-alive是什么keep-alive是vue中的一个内置组件，主要是将组建缓存到内存中，避免切换路由的时候页面刷新从而倒是dom的重新渲染使用方法router文件中index加入meta: { keepAlive: true }上面和vue2的keep-alive的一致的，vue3keep-alive和vue2不同的地方在App.vue<router-view v-slot="{ Component }"> <kee
2022-05-08 11:52:27
1323
原创 vue2切换路由后当前页面数据不变keep-alive
keep-alive是什么keep-alive是vue中的一个内置组件，主要是将组建缓存到内存中，避免切换路由的时候页面刷新从而倒是dom的重新渲染使用方法router文件中index加入meta: { keepAlive: true }App.vue中加入<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> <
2022-05-08 11:23:10
778
原创 当前时间的七天前和七天后
1.七天前的时间this.week_end_time(-7);2.七天后的时间this.week_end_time(7);方法不变，需要变化的是this.方法时、括号里的值（-7）为七天之前（7）为七天之后week_end_time(time){ var date1 = new Date();//这是当前时间 var y = date1.getFullYear() var m = date1.getMonth()+1 &l...
2022-04-29 11:27:17
1270
原创 vue将获取到的时间转换格式
start_time() { const daterc = this.addRule.sending_rules.purchase_date_time[0]; if (daterc != null) { var date = new Date(daterc); var year = date.getFullYear(); /* 在日期格式中，月份是从0开始，11结束，因此要加0 * 使用三元表...
2022-04-23 15:38:12
1680
1
原创 LocalStorage和sessionStorage的增删改查
1.LocalStorage向服务器新增localStorage.setItem('data',this.legender)<template> <div> <h1>localstorage</h1> </div></template> <script> export default { data() { return { legender: ['Email',
2022-04-15 14:32:55
1113
原创 vue2父子组件传值
1.父传子父传子：主要是在父组件引入子组件，将要传值的值绑定指定的属性上如然后在子组件用props接收即可在页面展示1.父组件<template> <div class="home"> <HelloWorld :msg = title></HelloWorld> </div></template><script>import HelloWorld from '@/compo.
2022-04-14 17:45:47
2922
原创 vue项目中引入 ECharts
记得检查是否有node.js,输入node -v如果没有请前往Node.js 安装配置 | 菜鸟教程网址学习安装安装好后记得用node-v命令看一下在项目终端输入命令npm install echarts --save官网地址Handbook - Apache ECharts...
2022-04-12 18:20:42
923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人