vue特性vue3
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vue实例挂载以及模板解析过程
抽空看了下vue源码，记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件，运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" ......
一图看懂CodeArts Inspector 三大特性，带你玩转漏洞管理服务
华为云漏洞管理服务CodeArts Inspector是面向软件研发和服务运维提供的一站式漏洞管理能力，通过持续评估系统和应用等资产，内置风险量化管理和在线风险分析处置能力，帮助组织快速感应和响应漏洞，并及时有效地完成漏洞修复工作，更好地应对潜在的安全威胁。 ......
vue实现高亮搜索查询加上下箭头移动定位的功能
在文档中查找 {{ num 0 ? "没有任何结果" : indexNum + 1 + "/" + num }} 上一个 下一个 < > --> <ul class="left-tools"> <li class="title">钢联数据智能版帮助手册</li> <li v-for="item in ......
vue2/3 防抖
//vue2 optionsAPI data:{ timeout:null }, methods:{ debounceFn(val){ if(this.timeout !== null){ clearTimeout(this.timeout); } this.timeout = setTimeout ......
宝塔部署Java+Vue前后端分离项目
1. 购买服务器 服务器选择Linux的CentOS7的版本 2. 宝塔Linux面板 2.1 百度搜索宝塔 2.2 进去之后点击立即免费安装 2.3 选择Linux在线安装，输入服务器信息进行安装(也可以选择其他方式) 安装完成之后会弹一个宝塔的应用面板，并附带有登录名称和密码，这个要自己记下来的 ......
使用vue在移动端显示树状多选功能
最近的项目要求是做一个树状的多选功能，然而该项目是使用vant4作为前端的框架，vant4只有树状单选，没有多选的，那只能自己写一个了。 借鉴博主 https://blog.csdn.net/m0_68428581/article/details/130641982， 我将他的代码转成了vue3的语 ......
在vue中使用XLSX库实现Excel的导入导出
XLSX库是个十分强大的利用前端js处理excel文档的库，官网：https://www.sheetjs.com/ vue中安装即使用： 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Vue学习笔记（十）：全局事件总线
之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据，这种方式在只有一层嵌套层时可以使用，但是路过存在多层嵌套，多层多个“兄弟”组件之间传递数据，就非常麻烦。对此，vue中提供了一种全局事件总线机制，数据传递是通过一个空的Vue实例作为中央事件总线，通过它来触发事件和监听事件，可以实现几... ......
为何50Ω占多数？同轴特性阻抗详解
在选择同轴线缆或组件时，一般我们都会看到或者要求传输线阻抗需要保持在50欧姆，有时这也会成为传输线的特性阻抗，当然75欧姆偶尔也会被用到，为何这两者会如此固定？本期我们将从这个角度出发，探讨同轴中的另一个重要参数，特性阻抗。 其实这个问题也很简单，我们快速做一个总结，可以直接看下图。 根据实验证明， ......
Java8新特性之新的日期时间类（八）
1. 背景介绍 在Java8之前，Date和Calendar两个类占据了Java中对时间操作的几乎所有地方，但由于它们的可变性和非线程安全性也时常导致了一些bug的产生；所以在Java8中引入了新的日期时间相关类，放在java.time包下； 2. 新日期时间相关类介绍 LocalDate：本地日期 ......
Java8新特性之Optional容器（七）
1. Optional介绍 Optional是Java8提供的一个容器对象，可以包含一个为null或者不为null的对象；使用该对象可以更方便的避免项目中的NPE，在新版的Spring Data JPA中已经实现了对该类的支持； 注意该类是被final修饰的，同时没有实现任何接口； public f ......
【RocketMQ】RocketMQ 5.0新特性（二）- Pop消费模式
Pop模式消费和消息粒度负载均衡 在RocketMQ 5.0之前，消费有两种方式可以从Broker获取消息，分别为Pull模式和Push模式。 Pull模式：消费需要不断的从阻塞队列中获取数据，如果没有数据就等待，这个阻塞队列中的数据由消息拉取线程从Broker拉取消息之后加入的，所以Pull模式下 ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
Java8新特性之Stream流（六）
1. Stream流介绍 一种支持顺序和并行聚合操作的元素序列，能够对集合、数组进行过滤、排序、去重等操作； Stream流与日常IO流是不同的技术体系； 官方定义： A sequence of elements supporting sequential and parallel aggregat ......
Java8新特性之重复注解和类型注解（五）
1. 重复注解介绍 Java8中引入的一个新注解@Repeatable，该注解只能标记在其他注解上，表示被标记的注解可以重复声明在类、属性、方法等上面；但@Repeatable注解还是得需要定义容器注解配合才能使用，所以也只是增强了代码的可读性； public class AnnotationTes ......
Java8新特性之接口的默认方法和静态方法（四）
1. 背景介绍 在Java8之前，接口中定义的方法都是抽象方法，即默认都是被public abstract修饰的；但从Java8开始，允许在接口中定义带有方法体的默认方法和静态方法； public class InterfaceTest { public static void main(Strin ......
Java8新特性之方法引用（三）
1. 方法引用介绍 方法引用其实是lambda表达式的升级写法，采用::固定语法，可以使代码更简洁、紧凑； 2. 方法引用的5种类型 2.1 对象引用::实例方法名 函数式接口抽象方法的形参列表与实例方法的一致，且方法的返回值类型一致； public class MethodReferencesTe ......
【vue2】实现css动效逐个顺序展示的效果（简陋版）
效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）： 虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地） 首先是台阶部分的代码： <div :class="$style.reser ......
Java8新特性之函数式接口（二）
1，函数式接口介绍 前言：由于Java8中引入了lambda表达式语法，但该语法需要配合一种特定的接口才能使用，由此产生出了函数式接口； 函数式接口指有且仅有一个抽象方法（由Object对象继承的方法不算）（但可以有多个默认方法和静态方法）的接口，当这样的接口在作为方法参数时可以隐式的转换为lamb ......
Java8新特性之Lambda表达式（一）
Java8新特性之Lambda表达式（一） 文章目录 1. lambda表达式介绍 2. lambda表达式的重要特征 3. lambda表达式对域外变量的限制 4. lambda表达式的优缺点 5. lambda表达式的使用场景 6. lambda表达式的实现原理 7. 相关链接 1. lambd ......
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法，2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址，直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 （1）报错一 （2）报错二~ 1.1问题分析 首先，检查代码，并没有什么错误的地方；其次，涉及到这个问题，可能就 ......
Java 1.8 list特性用法
list转换成具体的字符串拼接 @Test public void ListToString() { // 构造list List<String> list = Arrays.asList("张三", "李四", "王五", "赵六"); // 以逗号分隔，带前缀后缀 String str1 = l ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库，还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3，从而在浏览器里实现所有调试功能。但实际项目中，使用专门调试工具。在项目上线之前，代码也需打包压缩，并考虑到研发效率和代码可维护性，所以在下面，需建立一个工程化项目实现这些功能。 工具 V ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{}，会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......