- 博客(16)
- 收藏
- 关注
RSS订阅原创 线上部署之xshell基础命令
Xshell 是一个强大的终端模拟软件，它支持 SSH、SFTP、TELNET、RLOGIN 和 SERIAL 等协议，主要用于连接和管理远程服务器。以下是一些 Xshell 的基础命令。
2024-05-22 20:35:17
296
1
原创 Vue中事件修饰符有哪些，有什么用，怎么用?
注意：在 Vue 2.x 中，.passive 修饰符并不直接支持，但你可以通过其他方式（如原生 JavaScript 或其他库）来设置。当事件在 DOM 中传递时，它首先会在触发它的元素上触发，然后会冒泡到父元素，并可能继续向上冒泡。在默认情况下，事件使用冒泡模式传播，但 .capture 修饰符可以使事件在捕获阶段触发，而不是在冒泡阶段。Vue 为常见的键盘按键提供了别名，如 .enter、.tab、.delete 等。用途：只有当事件是直接从触发它的元素上触发时，才会触发事件监听器。
2024-05-07 20:46:49
514
1
原创 vue之数据的双向绑定
此外，v-model指令还支持一些修饰符，如.lazy、.number和.trim，用于控制DOM事件触发的时间、转换数据类型或去除字符串两端的空格。在Vue.js中，双向数据绑定的指令是v-model。这个指令用于在表单、及元素上创建双向数据绑定。Vue.js的双向数据绑定（也称为双向同步）是基于其响应式系统的。
2024-05-06 22:48:20
301
原创 javaScript之引用类型Map
在JavaScript中，Map 是一种内置的引用类型，用于存储键值对（key-value pairs）的集合。与普通的对象（Object）不同，Map 允许任何类型的键（对象或原始值），并且键的顺序会被保留。4、性能：在某些情况下，Map可能比普通的对象提供更好的性能，特别是在处理大量数据或需要频繁添加、删除键值对时。由于这些特性和优势，Map 在许多场景中都非常有用，特别是在需要处理复杂数据结构或需要保持键值对插入顺序的场合。delete() 方法 删除指定的键值对。size 获取实例的成员。
2024-04-13 09:08:08
366
1
原创 vue3详解-watch与watchEffect的区别
这次我来介绍一下vue3中的watch与watchEffect的区别，他们最大的区别是什么呢，没错，watchEffect比watch多6个字母。开个玩笑，接下来将由我来为大家详细介绍一下他们的区别，watch 和 watchEffect 都是中用于响应式地观察和响应数据变化的函数，但它们在使用方式和行为上存在一些关键的区别。1、显式与隐式：watch 需要你显式指定要观察的数据源，而 watchEffect 则隐式地收集函数中的依赖。
2024-04-11 20:34:26
903
原创 vue之过滤器
总的来说，Vue中的filter过滤器提供了一种方便的方式来处理模板中的数据格式化和预处理任务，从而增强了模板的灵活性和可维护性。无论是全局过滤器还是局部过滤器，都可以根据具体需求在Vue应用中进行定义和使用。Vue中的filter（过滤器）是一种在模板表达式中添加的功能，主要用于处理文本格式化和数据预处理。过滤器可以将数据格式从一种形式转换为另一种形式。使用过滤器时，你可以通过管道符（|）在模板表达式中调用它们。过滤器可以接受参数，并返回处理后的值。这使得过滤器在模板中非常灵活和强大。
2024-03-27 19:03:39
301
原创 vue2-常见的八个生命周期函数
从vue实例创建、运行、到销毁期间，总是伴各种各样的事件，这些事件统称为声明周期beforeCreate：初始化之前，作用：页面重定向create：初始之后，作用：初始化data中的数据，发送请求beforeMount：挂载虚拟的DOM，页面中的内容还是vue中的占位符mounted：挂载真实DOM，第一个可以操控DOM的生命周期函数beforeUpdate：更新前，页面中数据与data的中的数据不一致updated：更新后，页面中的数据与data中的数据一致。
2024-03-26 20:31:43
2182
原创 vue入门之面试必问
Vue是一套构建用户界面的渐进式框架。它与其他大型框架（如React和Angular）一样，都是用于构建用户界面的JavaScript框架。Vue被设计自底向上逐层应用，其核心库只关注视图层，不仅易于上手，也便于与第三方库或已有项目整合。vue还是单⻚面应用程序总而言之vue便是用于构建用户界面的渐进式框架，采用自底向上增量开发的设计。（重点）
2024-03-21 20:06:47
708
1
原创 javaScript之原型
原型（Prototype）在JavaScript中是一个核心概念，它允许对象通过原型链来共享属性和方法，从而实现了基于原型的继承机制。每个构造函数都有一个prototype属性，该属性是一个对象，包含了可以由该构造函数的实例访问的属性和方法。当创建构造函数的实例时，实例内部会包含一个指向其构造函数的prototype对象的链接，这个链接通常通过非标准的__proto__属性来访问，但更推荐使用标准的Object.getPrototypeOf()方法来获取。
2024-03-20 18:48:03
583
1
原创 javaScript函数之防抖与节流
函数防抖和节流都是优化高频触发事件的技术，它们的主要区别在于处理事件的方式。防抖侧重于在事件触发后的一段时间内只执行一次函数，而节流则保证在一段时间内事件至少会被处理一次。根据具体的应用场景和需求，我们可以选择使用防抖还是节流来优化我们的代码。
2024-03-13 20:00:00
349
1
原创 javaScript之map、filter、some、every
总的来说，这四个方法都是JavaScript中处理数组时非常有用的工具，它们提供了简洁而强大的方式来遍历和处理数组元素。
2024-03-11 20:00:00
599
1
原创 javaScript之箭头函数
在JavaScript中，箭头函数（Arrow Function）是一种使用箭头(=>)定义函数的新语法。它的引入为函数表达式提供了更简洁的语法，并且不绑定自己的this、arguments、super或new.target。1、箭头函数有一个参数的时候可以省略小括号2、箭头函数返回值只有一条语句时可以省略return和{}3、箭头函数没有内置对象arguments*4、箭头函数不是构造函数，不能构造实例化对象5、箭头函数的this不能发生改变，call和apply能调用箭头函数。
2024-03-08 15:49:58
2129
原创 ES6中数组的用法
这里创建了4个li，下面通过getElementsByTagName获取这4个，因为通过getElementsByTagName获取到的元素是。Array.from 函数还可将字符串转为数组，并以。，所以不能直接使用数组的遍历方式，所以有了下面的。Array.from 函数还可进行深拷贝。
2024-03-06 20:41:56
292
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人