- 博客(30)
- 收藏
- 关注
RSS订阅原创 JavaScripts数组里的对象排序的24个方法
如果你需要对数组进行复杂的排序操作，可以使用 reduce() 方法。let i = 0;i++;}, []);如果你希望根据多个字段进行排序，可以编写自定义的比较函数。// 按年龄升序，如果年龄相同按身高降序if (a.age!// 年龄升序} else {// 年龄相同，身高降序});]);// 按优先级排序'user': 2,'admin': 3// 按角色权重排序。
2024-06-23 19:30:36
874
原创 JavaScript的冒泡
在JavaScript中，事件传播（Event Propagation）是指当事件发生在 DOM 元素上时，它是如何在 DOM树中传播的。冒泡（Bubbling）和捕获（Capturing）是两种常见的事件传播方式。理解它们的工作原理对于开发者来说至关重要，因为它们可以影响事件处理的顺序和范围。
2024-06-02 22:59:00
157
1
原创 数组去重的方法
这种方法利用Map数据结构的键值唯一性来实现去重，适合处理对象数组，但相对于Set而言语法略显复杂。这种方法可以处理对象数组，并且相对灵活，但对于大规模数组的性能表现也不尽如人意。这种方法兼容性好，适合处理大规模数组，但在处理大型数组时性能可能会有所下降。这种方法简单直接，但由于涉及到双重循环，在处理大规模数组时性能较差。这种方法简洁高效，适合处理小规模数组，但不支持对对象数组进行去重。
2024-05-26 22:57:32
137
原创 深入理解diff算法：实现高效的虚拟DOM更新
diff算法是指比较两个树形结构之间的不同，并尽可能地找出最小化修改的方法。在前端开发中，diff算法被广泛用于虚拟DOM的更新，它可以在保证正确性的前提下实现高效的页面渲染。
2024-05-19 11:44:51
145
原创 数组和对象的循环的方法
Object.entries() 方法返回一个包含对象的所有键值对的数组，然后您可以使用数组的循环方法来遍历键值对。forEach() 方法提供了一种更简洁的方式来循环数组，它接受一个回调函数作为参数，对数组的每个元素执行该函数。Object.values() 方法返回一个包含对象的所有属性值的数组，然后您可以使用数组的循环方法来遍历值。Object.keys() 方法返回一个包含对象的所有属性名的数组，然后您可以使用数组的循环方法来遍历属性。
2024-05-05 21:29:58
141
原创 Vue-router的编程式导航
编程式导航是指通过编程的方式，而非模板中的声明式路由链接，来导航到应用程序中的不同页面。在Vue Router中，通常通过this.$router对象来实现。
2024-04-28 18:07:13
642
1
原创 Vue-router的传参和简化跳转
Vue Router 是 Vue.js 官方的路由管理器，它提供了灵活的方式来管理应用的路由和导航。在 Vue Router 中，传递参数是一个常见的需求，它允许我们在不同的路由之间传递数据，以实现更灵活和交互性的页面导航。
2024-04-21 14:13:24
227
原创 Vue插槽
在Vue.js中，插槽（Slot）是一种非常强大且灵活的机制，用于在组件中进行内容分发和复用。本文将深入探讨Vue的插槽，包括插槽的基本概念、具名插槽、作用域插槽以及在实际开发中的应用场景。
2024-04-14 22:13:37
362
1
原创 Vuex 的使用
Vuex是一个用于Vue.js应用程序的状态管理模式。它采用了集中式的方式管理应用程序的所有组件的状态，并提供了一种可预测的方式来处理状态的变化。Vuex的核心概念包括state（状态）、mutations（突变）、actions（动作）和getters（获取器）。状态（State）Vuex中的状态存储着应用程序的数据。这些数据可以被任何组件访问和修改。通过定义一个单一的状态树，我们可以方便地追踪和管理应用程序的状态。突变（Mutations）突变是Vuex中用于修改状态的唯一方式。
2024-04-07 20:06:07
905
原创 Vue全局事件总线和消息订阅
Vue全局事件总线和消息订阅/发布模式是Vue应用程序中常用的组件通信方式。它们都提供了一种简单而有效的机制来实现组件之间的解耦和通信，使得我们可以更灵活地构建复杂的应用程序。选择哪种方式取决于具体的需求和个人偏好，但无论选择哪种方式，都应该谨慎使用，避免滥用全局状态和事件。
2024-03-31 11:34:25
421
1
原创 Vue的生命周期
Vue 是一款流行的前端 JavaScript，它提供了丰富的功能和灵活的生命周期管理机制。本文将深入探讨 Vue 实例的生命周期，并介绍各个生命周期钩子函数的用法和作用。
2024-03-24 13:27:50
161
1
原创 Vue绑定动态数据
Vue绑定动态数据指的是将数据与页面元素进行关联，当数据发生改变时，页面元素会自动更新以反映最新的数据状态。Vue提供了多种方式来实现数据绑定，包括插值表达式、绑定属性、计算属性等。
2024-03-17 18:07:56
345
1
原创 Vue绑定class和style
通过v-bind:class和v-bind:style指令，Vue.js使得动态地绑定class和样式变得简单而直观。这为开发者提供了更好的灵活性，可以根据数据的变化实时更新页面的外观。以上就是关于Vue绑定class和style的简要介绍，希望对你有所帮助！
2024-03-10 19:49:51
125
1
原创 数组排序的几种常见方法
是一种基础的排序算法，它通过不断比较相邻的元素并交换位置来实现排序在上面的代码中，bubbleSort函数接受一个数组作为参数，并使用嵌套的循环进行比较和交换操作。外层循环控制比较轮数，内层循环用于比较相邻元素并交换位置。每完成一轮循环，最大的元素将会被交换到数组末尾，因此每次内层循环的比较范围都会减少。
2024-01-06 21:00:00
1444
1
原创 Node.js操作MySQL的命令
Node.js作为一种轻量级、高效的JavaScript运行环境，可以用于开发服务器端应用程序。在Web开发中，数据库是必不可少的一部分，而MySQL被广泛使用作为关系型数据库管理系统。本文将介绍如何使用Node.js来操作MySQL数据库，提供了一些实用的命令实例。一、准备工作在开始之前，确保你已经安装了Node.js和MySQL，并且已经创建了一个数据库和相应的表。二、安装依赖库在Node.js中，我们需要使用第三方库来连接和操作MySQL数据库。打开终端，进入项目所在目录，执行以下命令来安装my
2024-01-06 17:15:00
360
1
原创 Nodejs连接MySQL
在Node.js中，我们使用数据库驱动程序通过代码与数据库进行通信。在这个示例中，我们使用mysql包创建了一个MySQL数据库连接对象，并通过connect()方法建立了与数据库的连接。4.执行SQL查询 通过建立数据库连接之后，我们可以使用SQL语句对数据库进行查询、插入、更新和删除等操作。在这个示例中，我们使用end()方法关闭了与数据库的连接，并输出一条“Database connection closed!5.闭数据库连接 当使用完数据库连接后，需要及时关闭连接，以便释放资源和避免内存泄漏。
2023-12-31 21:19:52
343
原创 ES6的知识总结
ES6引入了let和const关键字，使得变量的作用域更加清晰和可控。let声明的变量具有块级作用域，只在声明的块内有效，而const声明的常量则不能再次赋值。
2023-12-31 21:08:36
381
原创 JavaScript为什么是单线程
1.首先是历史原因，在创建 javascript 这门语言时，多进程多线程的架构并不流行，硬件支持并不好。3.而且，如果同时操作 DOM ，在多线程不加锁的情况下，最终会导致 DOM 渲染的结果不可预期。2.其次是因为多线程的复杂性，多线程操作需要加锁，编码的复杂性会增高。JavaScript为什么是单线程。
2023-12-03 20:26:11
363
1
原创 class类
*宏任务：script(整体代码), setTimeout, setInterval,微任务1.宏任务和微任务的任务队列都可以有多个2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任务队列中取出一个事件。同一次事件循环中，微任务永远在宏任务之前执行。3.不同的运行环境 循环策略可能有不同，这里探讨chrome、node环境class继承super()特性在extends继承中1.子类 constructor 方法中必须有 super ，且必须出现在 this 之前。
2023-11-12 22:08:34
21
1
原创 var，let和const的区别
（1）： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题：•内层变量可能覆盖外层变量• 用来计数的循环变量泄露为全局变量（2）： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。（3）： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。（4）： 在使用let、const命令声明变量之前，该变量都是不可用的。
2023-10-15 20:04:42
41
原创 简单认识css3的过渡和动画！
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：1.指定要添加效果的CSS属性2.指定效果的持续时间。下面简单介绍一下的用法：transition: css过渡样式 过渡时间 运动曲线 开始时间;是指元素过渡的样式例如：width，font-size，…是指在规定时间内完成过渡动作。匀速。规定慢速开始，然后变快，然后慢速结束的过渡效果。规定以慢速开始的过渡效果。规定以慢速结束的过渡效果。规定以慢速开始和结束的过渡效果。
2023-09-24 16:20:45
92
1
原创 初识框大小
1.标准盒子模型：当盒子设置内边距时，会把原本的盒子大小撑大说明是标准盒子。2.IE盒子模型||怪异盒子模型：当盒子设置内边距时，不把原本的盒子大小撑大说明是IE盒子，且内边距大小没有超过自身宽度高度，超过自身宽度高度也会撑大。.box1width;height;padding;box-sizing;;.box2width;height;padding;box-sizing;;
2023-09-18 00:24:18
36
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人