
前端
文章平均质量分 71
前端
尽兴-
时间宝贵
展开
-
使用 v-print 实现 Vue 项目中的打印功能
库提供的一个自定义指令,用于在 Vue 项目中快速实现打印功能。它通过简单的配置,可以将指定的 DOM 元素内容打印出来,并支持自定义打印标题、样式等。在 Web 开发中,打印功能是一个常见的需求,尤其是在管理后台、报表系统等场景中。是一个简单易用的 Vue 指令,能够快速实现打印功能。通过灵活的配置,可以满足各种复杂的打印需求。的使用非常简单,只需在需要触发打印的按钮上绑定指令,并指定需要打印的元素的。配置项,可以自定义打印内容的样式,确保打印效果符合需求。回调函数,可以在打印前动态修改打印内容。原创 2025-04-29 16:52:43 · 722 阅读 · 0 评论 -
TCP vs UDP:核心区别、握手过程与应用场景(附对比图)
SYN=1, ACK=1, seq=y, ack=x+1 (我准备好了,你呢?ACK=1, seq=x+1, ack=y+1 (确认!:同步初始序列号(ISN),确保双方收发能力正常。ACK=1, ack=u+1 (收到请求)ACK=1, ack=v+1 (确认断开)因为TCP是全双工的,两端需分别确认关闭。FIN=1, seq=v (我也要断开)SYN=1, seq=x (我要连接)FIN=1, seq=u (我要断开)直接发送数据包(无握手)原创 2025-04-28 19:55:49 · 1148 阅读 · 0 评论 -
Git 撤回合并提交
是我们经常使用的功能。然而,有时合并后可能会发现问题,需要撤回合并。本文将基于一次实际场景,详细介绍如何撤回未推送到远程仓库的合并提交。:以上方法适用于尚未推送到远程仓库的合并。如果已经推送到远程仓库,撤回合并会修改历史记录,可能需要强制推送(如果不知道合并前的提交哈希值,可以使用。中可以看到,合并提交的上一个提交是。在日常开发中,Git 的合并操作(如果不想修改提交历史,可以使用。根据实际需求选择合适的方法即可。找到合并前的提交哈希值(例如。确保生成了一个新的撤销提交。确保合并提交已被移除。原创 2025-04-27 09:59:46 · 516 阅读 · 0 评论 -
常用 Git 命令详解
Git 是一个强大的版本控制工具,广泛用于软件开发和团队协作中。掌握 Git 命令可以帮助开发者更高效地管理代码版本和项目进度。本文将介绍一些常用的 Git 命令,并提供示例以帮助你更好地理解和应用这些命令。原创 2025-04-17 09:01:21 · 655 阅读 · 0 评论 -
package.json 和 package-lock.json 的区别
是 JavaScript 项目的基本配置文件,它包含了项目的元数据,包括项目名称、版本、描述、作者、许可证、依赖项、脚本命令等信息。它通常位于项目的根目录中,是 npm(Node 包管理器)使用的重要文件。是自动生成的文件,它锁定了项目中依赖包的确切版本和树状结构。这个文件确保团队成员、生产环境和持续集成环境中使用的一致性,使得项目在不同环境中能够以相同的方式运行。在 JavaScript 项目中,和是管理依赖关系和项目配置不可或缺的文件。用于定义项目的元信息和依赖,而则确保了依赖的版本一致性。原创 2024-11-26 17:47:21 · 393 阅读 · 0 评论 -
Vue 中父子组件间的参数传递与方法调用
在这个示例中,父组件向子组件传递了信息,并提供了一个方法供子组件调用。同时,子组件也能够向父组件发送事件并调用父组件的方法。这种双向交互展示了 Vue 中父子组件之间灵活的通讯和方法调用机制。原创 2024-11-26 16:31:14 · 1722 阅读 · 0 评论 -
了解 CSS position 属性
positionstatic是所有元素的默认定位方式。使用这个值时,元素将按照正常的文档流进行布局,不受toprightbottom和left属性的影响。使用时,元素相对于其在文档流中的原始位置进行定位。你可以通过toprightbottom或left属性进行偏移,但是其他元素的位置不会受到影响。absolute定位使元素相对于最近的非static定位祖先(即父元素)进行定位。如果没有这样的祖先,元素将相对于浏览器窗口进行定位。fixed定位使元素相对于浏览器窗口进行定位,滚动页面时,元素的位置不会改变。原创 2024-11-26 16:06:47 · 508 阅读 · 0 评论 -
JS通过递归函数来剔除树结构特定节点
最近在处理权限类问题过程中,遇到多次需要过滤一下来列表的数据,针对不同用户看到的数据不同。原创 2024-10-16 11:15:53 · 753 阅读 · 0 评论 -
Vue Router 小技巧:获取当前地址详细信息
通过和,你可以轻松地获取当前地址的不同部分,并根据这些部分进行不同的逻辑处理和样式更新。理解和使用 Vue Router 提供的这些属性,可以使你的单页应用更加灵活和动态。希望这篇博客能够帮助你更好地理解和应用 Vue Router。如果有任何问题或建议,请随时在评论区留言!原创 2024-08-29 09:44:20 · 2044 阅读 · 0 评论 -
使用Vue.js 中的 this.$nextTick
this.$nextTick 是 Vue.js 中的一个方法,用于在下次 DOM 更新循环结束后执行延迟回调。在 Vue 中,当数据变化时,视图会随之更新,但这些更新是异步的。在某些情况下,如果你需要在视图更新完成后执行一些操作,可以使用 this.$nextTick。原创 2024-08-20 11:09:29 · 588 阅读 · 0 评论 -
JavaScript - 数组操作(交集、并集、补集、差集)
目录引言1. 数组交集(Intersection)2. 数组并集(Union)3. 数组差集(Difference)4. 数组补集(Complement)5. 性能考虑:示例代码整合定义:实现方法:示例代码: 通过 实现:2. 数组并集(Union) 定义:实现方法:示例代码:3. 数组差集(Difference) 定义:实现方法:示例代码: 通过 实现:4. 数组补集(Complement) 定义:实现方法:示例代码:5原创 2024-08-06 15:13:56 · 1128 阅读 · 0 评论 -
JavaScript - 变量声明(let、const 和其他)
当然,除了let和const,JavaScript 中还有其他几种定义变量的方式。现代 JavaScript 编程中,推荐使用let和const,因为它们的作用域更加明确,有助于减少错误。传统的var仍然存在,但应谨慎使用。其他定义变量的方式(如全局对象属性、对象和数组属性、函数、本地作用域等)可以在特定情况中使用,但最好遵循模块化和封装的良好实践。原创 2024-08-06 14:53:48 · 1382 阅读 · 0 评论 -
JavaScript - 判断数组中是否包含某个的元素的几种方式
应该算是前端开发过程中比较常用的基本操作,话不多说,看代码。原创 2024-08-06 14:16:54 · 1906 阅读 · 0 评论 -
常用的前端(数组或对象等)操作技巧 -- 随记持续更新
在前端开发过程中,经常需要对数组和对象进行一些常用操作,下边是平常用到的一些常用方法随时记录随时记录更新。原创 2024-03-26 17:39:41 · 347 阅读 · 0 评论 -
前端 使用递归函数优化循环请求过程
递归函数是一种自我调用的函数,它可以在每次调用时处理不同的参数,并根据特定的条件来决定是否继续调用自身。通过递归函数,我们可以实现在每次循环之后再进行下一次循环请求的需求。递归函数是一种自我调用的函数,它可以在每次调用时处理不同的参数,并根据特定的条件来决定是否继续调用自身。通过递归函数,我们可以实现在每次循环之后再进行下一次循环请求的需求。首先,我们需要定义一个递归函数,例如。该函数接收一个参数,用于表示当前循环的索引。在函数内部,我们可以根据索引来获取相应的请求参数,并进行请求处理。原创 2024-03-26 15:28:33 · 1111 阅读 · 0 评论 -
Promise.all使用
使用Promise.all可以方便地处理多个异步操作,并在它们全部完成后执行后续操作。原创 2024-03-25 19:48:42 · 368 阅读 · 0 评论 -
VUE的生命周期
生命周期的“钩子函数”,表示的是生命周期的某一时刻。原创 2024-03-07 22:43:55 · 1315 阅读 · 0 评论 -
「Mac」下解决 JavaScript heap out of memory 报错
前台运行项目时候报错提示内存溢出了。原创 2024-03-07 17:29:52 · 1113 阅读 · 1 评论 -
VUE公共组件封装示例
实际上在 Vue 中,每个单文件组件都可以作为一个独立的组件使用。但是某些地方重复使用的功能代码,我们可以提出来作为单独的公共组件封装使用,以提高代码复用性、可维护性和开发效率,同时统一样式和行为,降低维护成本。原创 2023-09-28 10:45:14 · 964 阅读 · 0 评论 -
全局功能自定义说明
实际功能我通知说明区分类型,结合实际业务逻辑同时维护了,流程中的某个节点通知,思路大致相同,就不过多讲解,有了葫芦瓢还远吗。原创 2023-09-25 11:04:08 · 114 阅读 · 0 评论 -
NGINX下部署VUE项目是如何执行的
npm run build,生产环境打包,其中.env和.env.production文件会加载。,npm run serve,启动项目,并且加载.env和.env.development文件。,npm run serve-test,启动项目,并且加载.env和.env.test文件。,npm run test,测试环境打包,其中.env和.env.test文件会加载。,npm run all,生产环境和测试环境同时打包,加载不同的.env文件。贴一下package.json文件的命令配置说明。原创 2023-02-28 15:00:17 · 1301 阅读 · 0 评论 -
CSS实现悬浮提示(通用)
如果class固定也可以只通过class选择器指向控件。#为id选择器,如果有id可以直接确认到指定控件最好。不会取的也可以通过浏览器检查页面找到。原创 2023-08-17 11:08:44 · 2202 阅读 · 0 评论