<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[BIBOR的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/BIBOR</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; BIBOR]]></copyright><item><title><![CDATA[JavaScripts数组里的对象排序的24个方法]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139904699</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139904699</guid><author>BIBOR</author><pubDate>Sun, 23 Jun 2024 19:30:36 +0800</pubDate><description><![CDATA[如果你需要对数组进行复杂的排序操作，可以使用 reduce() 方法。let i = 0;i++;}, []);如果你希望根据多个字段进行排序，可以编写自定义的比较函数。// 按年龄升序，如果年龄相同按身高降序if (a.age!// 年龄升序} else {// 年龄相同，身高降序});]);// 按优先级排序'user': 2,'admin': 3// 按角色权重排序。]]></description><category></category></item><item><title><![CDATA[微信小程序vant的使用]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139723824</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139723824</guid><author>BIBOR</author><pubDate>Sun, 16 Jun 2024 18:05:39 +0800</pubDate><description><![CDATA[在需要的页面的 .js 文件中可以直接使用 Vant 提供的 JavaScript API，例如弹窗、数据处理等。]]></description><category></category></item><item><title><![CDATA[JavaScript的深拷贝和浅拷贝]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139574442</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139574442</guid><author>BIBOR</author><pubDate>Mon, 10 Jun 2024 11:38:55 +0800</pubDate><description><![CDATA[【代码】JavaScript的深拷贝和浅拷贝。]]></description><category></category></item><item><title><![CDATA[JavaScript的冒泡]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139398259</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139398259</guid><author>BIBOR</author><pubDate>Sun, 02 Jun 2024 22:59:00 +0800</pubDate><description><![CDATA[在JavaScript中，事件传播（Event Propagation）是指当事件发生在 DOM 元素上时，它是如何在 DOM树中传播的。冒泡（Bubbling）和捕获（Capturing）是两种常见的事件传播方式。理解它们的工作原理对于开发者来说至关重要，因为它们可以影响事件处理的顺序和范围。]]></description><category></category></item><item><title><![CDATA[数组去重的方法]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139222724</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139222724</guid><author>BIBOR</author><pubDate>Sun, 26 May 2024 22:57:32 +0800</pubDate><description><![CDATA[这种方法利用Map数据结构的键值唯一性来实现去重，适合处理对象数组，但相对于Set而言语法略显复杂。这种方法可以处理对象数组，并且相对灵活，但对于大规模数组的性能表现也不尽如人意。这种方法兼容性好，适合处理大规模数组，但在处理大型数组时性能可能会有所下降。这种方法简单直接，但由于涉及到双重循环，在处理大规模数组时性能较差。这种方法简洁高效，适合处理小规模数组，但不支持对对象数组进行去重。]]></description><category></category></item><item><title><![CDATA[深入理解diff算法：实现高效的虚拟DOM更新]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/139040521</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/139040521</guid><author>BIBOR</author><pubDate>Sun, 19 May 2024 11:44:51 +0800</pubDate><description><![CDATA[diff算法是指比较两个树形结构之间的不同，并尽可能地找出最小化修改的方法。在前端开发中，diff算法被广泛用于虚拟DOM的更新，它可以在保证正确性的前提下实现高效的页面渲染。]]></description><category></category></item><item><title><![CDATA[Vue自定义事件：实现组件间的通信]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/138760140</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/138760140</guid><author>BIBOR</author><pubDate>Sun, 12 May 2024 17:07:48 +0800</pubDate><description><![CDATA[点击触发事件]]></description><category></category></item><item><title><![CDATA[数组和对象的循环的方法]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/138474313</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/138474313</guid><author>BIBOR</author><pubDate>Sun, 05 May 2024 21:29:58 +0800</pubDate><description><![CDATA[Object.entries() 方法返回一个包含对象的所有键值对的数组，然后您可以使用数组的循环方法来遍历键值对。forEach() 方法提供了一种更简洁的方式来循环数组，它接受一个回调函数作为参数，对数组的每个元素执行该函数。Object.values() 方法返回一个包含对象的所有属性值的数组，然后您可以使用数组的循环方法来遍历值。Object.keys() 方法返回一个包含对象的所有属性名的数组，然后您可以使用数组的循环方法来遍历属性。]]></description><category></category></item><item><title><![CDATA[Vue-router的编程式导航]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/138285124</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/138285124</guid><author>BIBOR</author><pubDate>Sun, 28 Apr 2024 18:07:13 +0800</pubDate><description><![CDATA[编程式导航是指通过编程的方式，而非模板中的声明式路由链接，来导航到应用程序中的不同页面。在Vue Router中，通常通过this.$router对象来实现。]]></description><category></category></item><item><title><![CDATA[Vue-router的传参和简化跳转]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/138031322</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/138031322</guid><author>BIBOR</author><pubDate>Sun, 21 Apr 2024 14:13:24 +0800</pubDate><description><![CDATA[Vue Router 是 Vue.js 官方的路由管理器，它提供了灵活的方式来管理应用的路由和导航。在 Vue Router 中，传递参数是一个常见的需求，它允许我们在不同的路由之间传递数据，以实现更灵活和交互性的页面导航。]]></description><category></category></item><item><title><![CDATA[Vue插槽]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/137756151</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/137756151</guid><author>BIBOR</author><pubDate>Sun, 14 Apr 2024 22:13:37 +0800</pubDate><description><![CDATA[在Vue.js中，插槽（Slot）是一种非常强大且灵活的机制，用于在组件中进行内容分发和复用。本文将深入探讨Vue的插槽，包括插槽的基本概念、具名插槽、作用域插槽以及在实际开发中的应用场景。]]></description><category></category></item><item><title><![CDATA[Vuex 的使用]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/137475331</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/137475331</guid><author>BIBOR</author><pubDate>Sun, 07 Apr 2024 20:06:07 +0800</pubDate><description><![CDATA[Vuex是一个用于Vue.js应用程序的状态管理模式。它采用了集中式的方式管理应用程序的所有组件的状态，并提供了一种可预测的方式来处理状态的变化。Vuex的核心概念包括state（状态）、mutations（突变）、actions（动作）和getters（获取器）。状态（State）Vuex中的状态存储着应用程序的数据。这些数据可以被任何组件访问和修改。通过定义一个单一的状态树，我们可以方便地追踪和管理应用程序的状态。突变（Mutations）突变是Vuex中用于修改状态的唯一方式。]]></description><category></category></item><item><title><![CDATA[Vue全局事件总线和消息订阅]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/137195481</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/137195481</guid><author>BIBOR</author><pubDate>Sun, 31 Mar 2024 11:34:25 +0800</pubDate><description><![CDATA[Vue全局事件总线和消息订阅/发布模式是Vue应用程序中常用的组件通信方式。它们都提供了一种简单而有效的机制来实现组件之间的解耦和通信，使得我们可以更灵活地构建复杂的应用程序。选择哪种方式取决于具体的需求和个人偏好，但无论选择哪种方式，都应该谨慎使用，避免滥用全局状态和事件。]]></description><category></category></item><item><title><![CDATA[Vue的生命周期]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/136986137</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/136986137</guid><author>BIBOR</author><pubDate>Sun, 24 Mar 2024 13:27:50 +0800</pubDate><description><![CDATA[Vue 是一款流行的前端 JavaScript，它提供了丰富的功能和灵活的生命周期管理机制。本文将深入探讨 Vue 实例的生命周期，并介绍各个生命周期钩子函数的用法和作用。]]></description><category></category></item><item><title><![CDATA[Vue绑定动态数据]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/136786463</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/136786463</guid><author>BIBOR</author><pubDate>Sun, 17 Mar 2024 18:07:56 +0800</pubDate><description><![CDATA[Vue绑定动态数据指的是将数据与页面元素进行关联，当数据发生改变时，页面元素会自动更新以反映最新的数据状态。Vue提供了多种方式来实现数据绑定，包括插值表达式、绑定属性、计算属性等。]]></description><category></category></item><item><title><![CDATA[Vue绑定class和style]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/136607476</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/136607476</guid><author>BIBOR</author><pubDate>Sun, 10 Mar 2024 19:49:51 +0800</pubDate><description><![CDATA[通过v-bind:class和v-bind:style指令，Vue.js使得动态地绑定class和样式变得简单而直观。这为开发者提供了更好的灵活性，可以根据数据的变化实时更新页面的外观。以上就是关于Vue绑定class和style的简要介绍，希望对你有所帮助！]]></description><category></category></item><item><title><![CDATA[数组排序的几种常见方法]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/135320910</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/135320910</guid><author>BIBOR</author><pubDate>Sat, 06 Jan 2024 21:00:00 +0800</pubDate><description><![CDATA[是一种基础的排序算法，它通过不断比较相邻的元素并交换位置来实现排序在上面的代码中，bubbleSort函数接受一个数组作为参数，并使用嵌套的循环进行比较和交换操作。外层循环控制比较轮数，内层循环用于比较相邻元素并交换位置。每完成一轮循环，最大的元素将会被交换到数组末尾，因此每次内层循环的比较范围都会减少。]]></description><category></category></item><item><title><![CDATA[Node.js操作MySQL的命令]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/135320079</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/135320079</guid><author>BIBOR</author><pubDate>Sat, 06 Jan 2024 17:15:00 +0800</pubDate><description><![CDATA[Node.js作为一种轻量级、高效的JavaScript运行环境，可以用于开发服务器端应用程序。在Web开发中，数据库是必不可少的一部分，而MySQL被广泛使用作为关系型数据库管理系统。本文将介绍如何使用Node.js来操作MySQL数据库，提供了一些实用的命令实例。
一、准备工作
在开始之前，确保你已经安装了Node.js和MySQL，并且已经创建了一个数据库和相应的表。二、安装依赖库
在Node.js中，我们需要使用第三方库来连接和操作MySQL数据库。打开终端，进入项目所在目录，执行以下命令来安装my]]></description><category></category></item><item><title><![CDATA[Nodejs连接MySQL]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/135319618</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/135319618</guid><author>BIBOR</author><pubDate>Sun, 31 Dec 2023 21:19:52 +0800</pubDate><description><![CDATA[在Node.js中，我们使用数据库驱动程序通过代码与数据库进行通信。在这个示例中，我们使用mysql包创建了一个MySQL数据库连接对象，并通过connect()方法建立了与数据库的连接。4.执行SQL查询 通过建立数据库连接之后，我们可以使用SQL语句对数据库进行查询、插入、更新和删除等操作。在这个示例中，我们使用end()方法关闭了与数据库的连接，并输出一条“Database connection closed!5.闭数据库连接 当使用完数据库连接后，需要及时关闭连接，以便释放资源和避免内存泄漏。]]></description><category></category></item><item><title><![CDATA[ES6的知识总结]]></title><link>https://blog.youkuaiyun.com/BIBOR/article/details/135319564</link><guid>https://blog.youkuaiyun.com/BIBOR/article/details/135319564</guid><author>BIBOR</author><pubDate>Sun, 31 Dec 2023 21:08:36 +0800</pubDate><description><![CDATA[ES6引入了let和const关键字，使得变量的作用域更加清晰和可控。let声明的变量具有块级作用域，只在声明的块内有效，而const声明的常量则不能再次赋值。]]></description><category></category></item></channel></rss>