- 博客(46)
- 收藏
- 关注
RSS订阅原创 面向过程和面向对象
类的属性和方法，并且各自添加了特有的属性和方法。通过继承，我们能够实现代码的重用和扩展。方法来访问和修改它。这样就确保了账户余额的安全性和数据的完整性。是一个私有属性，对外界是隐藏的。方法时，会表现出多态性，即同一个接口（类型的引用，但实际上它们分别引用了。方法）在不同的对象上有不同的实现。方法以实现不同的叫声。：一个简单的银行账户类。：交通工具类及其子类。
2024-05-11 16:30:15
844
原创 详细探讨原型对象、对象原型、原型链的概念以及它们之间存在的关系
在JavaScript中，原型（Prototype）是一个非常重要的概念，涉及到对象的继承、属性和方法的共享等。让我们一一解释原型对象、对象原型和原型链这几个概念。prototypePersonnew__proto____proto__当我们试图访问一个对象的属性时，JavaScript会首先在该对象本身上查找这个属性。如果找不到，它会继续在该对象的原型（即或__proto__指向的对象）上查找，然后是该原型的原型，以此类推，直到找到属性或者达到原型链的末尾（通常是这个查找过程形成的链式结构就是原型链。
2024-05-11 16:14:40
583
原创 普通函数和箭头函数的区别
在JavaScript中，箭头函数（Arrow Functions）和普通函数（Function Declarations/Expressions）之间存在几个关键的区别。了解这些差异有助于你根据具体场景选择合适的函数类型。
2024-05-11 15:41:32
306
原创 JavaScript中，改变this的三种方法
每种方法都有其特定的用途和场景，你可以根据具体需求选择使用哪种方法。关键字是一个特殊的变量，它在函数执行时确定了函数的上下文。的对象和一个数组或类数组对象，其中的数组元素将作为函数的参数。指向调用该函数的对象。设置为提供的值，并将其参数作为新函数的参数预先填充。方法允许你调用一个函数，并为它指定一个特定的。对象绑定，并预先填充了参数。方法创建一个新的函数，该函数在被调用时将。第一个参数将作为函数中的。不会立即执行函数，而是返回一个新的函数。对象，其余的参数将作为函数的参数。对象，并且函数的参数是从。
2024-05-11 15:37:09
195
1
原创 js中的防抖（debounce）和节流（throttle）
防抖和节流都是用于优化高频率触发事件的技术，但它们的应用场景和实现方式有所不同。防抖更注重于“最后一次”的操作，适用于需要等用户操作完成后再执行的场景；而节流则更注重于“均匀执行”，适用于需要定期执行的场景。在实际应用中，可以根据具体需求选择合适的技术来优化代码性能。
2024-05-11 15:31:24
1033
1
原创 简述vue3新特性
Vue 3 的响应式系统进行了重大改进，现在使用 Proxy 来替换原本的 Object.defineProperty 实现数据响应式，从而解决了 Vue 2 中存在的一些限制和问题。Vue 3 引入了 Composition API，这是一种新的、可选的 API，允许用户更加灵活地组织和重用逻辑代码。总的来说，Vue 3 在保留 Vue 2 核心特性的基础上，引入了许多新特性和改进，使得 Vue 开发更加灵活、高效和愉悦。Vue 3 中的组件定义与 Vue 2 类似，但有一些细微的差别。
2024-04-03 15:48:34
1088
原创 MySQL子查询
MySQL中的子查询（也称为嵌套查询或内部查询）是一个在另一个查询内部执行的查询。因此，在使用子查询时，请务必考虑其对查询性能的影响，并尝试优化查询以提高效率。有时，您可能希望在FROM子句中使用子查询来创建一个临时的、派生的表。在这个例子中，我们首先创建了一个子查询，该子查询按部门分组并计算每个部门的最高薪水。返回薪水列中的最大值，然后外部查询使用这个值来找出薪水最高的员工。，并将其与员工表和部门表连接起来，以找出每个部门中薪水最高的员工。在这个例子中，我们首先创建了一个子查询，该子查询从。
2024-04-03 15:43:46
310
原创 MySQL查询优化
MySQL查询优化是一个广泛的主题，涉及多个方面，从查询设计、索引策略、数据库结构到服务器配置。EXPLAINSELECT *LIMITWHERE虽然子查询在某些情况下很有用，但它们可能导致性能下降。如果可能，尝试将子查询重写为JOIN操作。MySQL提供了查询缓存功能，可以缓存SELECT查询的结果。对于经常执行的相同查询，这可以显著提高性能。但是，在高更新频率的场景中，查询缓存可能会导致性能下降，因为它需要不断地使缓存失效。因此，需要根据具体的应用场景来调整查询缓存的设置。
2024-03-29 10:36:34
655
原创 关于vue2和vue3
Vue.js 是一个流行的前端框架，用于构建用户界面。Vue2 和 Vue3 是该框架的两个主要版本，它们之间存在一些关键的区别。下面我将详细介绍这两个版本的区别，并提供使用案例来说明这些区别。this.$setProxydatamethodscomputed{{ }}v-ifv-forcreatedmountedsetuprefreactive总之，Vue2 和 Vue3 在底层实现、API 设计、生命周期钩子等方面存在一些关键的区别。这些区别使得 Vue3 在处理复杂应用程序时更加灵活和高效。
2024-03-27 16:43:55
1319
原创 JavaScript回调函数
在JavaScript中，回调函数是一个非常重要的概念。回调函数是一个作为参数传递给另一个函数的函数，并且它会在某个时间点被调用执行。这种模式在JavaScript中非常常见，尤其是在异步编程和处理事件时。
2024-03-26 15:13:25
518
原创 MySQL临时表及其用法
由于临时表存储在内存中（如果使用MEMORY存储引擎），因此它们通常比磁盘上的常规表更快。此外，如果临时表需要转换为磁盘表（例如，由于内存不足或查询的复杂性），则性能可能会受到影响。：临时表可以参与事务。如果在一个事务中创建了临时表并插入了数据，然后回滚了事务，那么临时表仍然存在，但插入的数据将被回滚。：如果在同一会话中创建了同名的临时表和常规表，那么在该会话中对表的引用将解析为临时表。：你可以为临时表创建索引和约束，就像为常规表一样。然而，这通常不是必需的，因为MySQL会在会话结束时自动清理临时表。
2024-03-22 10:58:33
354
原创 良心干货，常见的MySQL索引类型枚举！！！
在MySQL中，索引是一种用于快速查询和检索数据的数据结构。它们类似于书籍的目录，可以帮助数据库系统更快地定位到特定的数据行，而不需要扫描整个数据表。索引可以显著提高查询性能，特别是在处理大量数据时。MySQL支持多种类型的索引，每种索引都有其特定的使用场景和优势。：这是MySQL中最常用的索引类型，用于InnoDB、MyISAM等存储引擎。B-Tree（平衡树）索引能够保持数据的有序性，使得范围查询、排序等操作非常高效。：哈希索引基于哈希表实现，适用于等值查询。
2024-03-21 17:08:27
409
原创 MySQL数据库性能优化——实例讲解
MySQL数据库性能优化是一个深入且广泛的主题，涉及多个层面和策略。下面将通过一些详解和实例来探讨如何进行MySQL性能优化。
2024-03-20 11:20:27
765
原创 详细解读数据结构中的各种排序
数据结构中的排序算法是一种将一组数据按照特定顺序（通常是数字或字母顺序）进行排列的技术。排序是计算机科学中的一个基本问题，广泛应用于数据库、搜索引擎、统计分析等领域。排序算法可以根据其实现原理和时间复杂度等特点进行分类。常见的排序算法包括：冒泡排序、选择排序、插入排序、希尔排序、归并排序、快速排序、堆排序、计数排序、桶排序和基数排序等。这些算法各有优缺点，适用于不同的场景和数据规模。时间复杂度是衡量排序算法性能的重要指标，它表示算法执行时间与数据规模之间的关系。
2024-03-19 14:53:07
878
原创 JavaScript 中对象的浅拷贝（Shallow Copy）和深拷贝（Deep Copy）！！
在 JavaScript 中，对象的拷贝可以分为浅拷贝（Shallow Copy）和深拷贝（Deep Copy）。理解这两者的区别是非常重要的，因为它们影响着拷贝后的对象与原始对象之间的关系。浅拷贝只会拷贝对象的第一层属性。如果对象的属性是基本数据类型（例如，字符串，数字，布尔值等），那么拷贝的就是基本数据类型的值。但如果属性是引用数据类型（例如，对象，数组等），拷贝的就是这个属性在内存中的地址，而不是真正的内容。这就意味着，如果修改了这个拷贝后的对象中的引用类型属性，那么原始对象也会被改变。
2024-03-19 14:16:38
821
原创 深入探讨JavaScript的垃圾回收机制
垃圾回收器负责跟踪哪些对象是不再需要的，并释放它们所占用的内存，以防止内存泄漏和不必要的内存占用。然而，引用计数的主要缺点是它无法处理循环引用的情况。为了解决这个问题，一些现代的JavaScript引擎引入了更复杂的垃圾回收策略，如弱引用、循环引用检测等。这种方法的优点是它可以有效地处理循环引用的情况，因为只要对象从根可达，它们就会被标记为活动，无论它们之间是否存在循环引用。引用计数是一种更直观的垃圾回收策略，但它在现代JavaScript引擎中并不常用，主要是因为它无法处理循环引用的情况。
2024-03-19 14:01:03
326
原创 Vue常用指令
这些只是 Vue 中指令的一部分，Vue 还提供了很多其他指令和自定义指令的功能。在实际开发中，你可以根据需要选择适当的指令来实现所需的功能。Vue.js 提供了很多内置指令来帮助我们处理常见的 DOM 操作。
2024-03-18 10:46:25
197
原创 前端中的“增（Create）、删（Delete）、改（Update）、查（Retrieve）”
在前端开发中，与后端服务器进行数据交互时，通常会使用HTTP协议来发送请求。这些请求可以根据其用途分为四种基本操作：增（Create）、删（Delete）、改（Update）、查（Retrieve），这些操作与数据库的CRUD操作相对应。不过，请注意，这些操作并不是直接由前端执行，而是前端发送相应的请求给后端，由后端服务器来执行数据库操作。需要注意的是，这些HTTP方法只是定义了请求的类型，实际的数据库操作（如增加、删除、修改和查询）是由后端服务器根据接收到的请求来执行的。
2024-03-18 09:40:30
968
原创 详细解读JavaScript中的防抖（debounce）和节流（throttle）！！！
在JavaScript中，防抖（debounce）和节流（throttle）是两种常用的技术，用于限制函数的执行频率，特别是在处理高频事件（如窗口的resize、scroll，输入框的keyup、mousedown等）时非常有用。防抖的基本思想是将多次执行变为最后一次执行。也就是说，在事件被触发后n秒内函数只能执行一次，如果在这n秒内又被重新触发，那么会重新计算执行时间。
2024-03-18 08:49:42
1004
原创 Vite 为什么比 Webpack 快？
在使用 Webpack 进行构建时，无论这些模块是否被使用，都会被打包进最终的输出文件中，这会增加构建的时间。而使用 Vite 时，只有当实际请求这些模块时，才会对它们进行编译和加载，从而节省了构建时间。需要注意的是，虽然 Vite 在开发环境下的速度很快，但在生产环境下，由于需要对代码进行压缩、优化等处理，Vite 的构建速度可能会比 Webpack 慢一些。此外，在启动开发服务器时，Webpack 需要先对整个项目进行打包，然后再启动服务器。而 Vite 则可以直接启动服务器，并按需加载和编译模块。
2024-03-14 09:43:41
455
原创 JavaScript对象
自定义对象是由开发人员根据需求自己定义的对象。开发人员可以定义对象的属性和方法，以创建符合特定需求的对象类型。自定义对象可以通过多种方式创建，包括使用对象字面量、构造函数、
2024-03-14 08:57:35
485
原创 如何javaScript中的“回调”？这篇文档教会你！
在JavaScript中，（Callback）是一种编程模式，其中一个函数（我们称之为回调函数）作为参数传递给另一个函数，并在需要的时候由后者调用。这种模式允许我们在某个特定事件或条件满足时执行特定的代码块，而不必等待或阻塞程序的其余部分。在上面的例子中，setTimeout函数接受一个回调函数和一个延迟时间作为参数。当延迟时间过去后，回调函数将被执行。使用回调函数时，需要注意避免回调地狱（Callback Hell）的问题，即过深地嵌套回调函数，导致代码难以阅读和维护。
2024-03-13 16:13:01
405
原创 Vue 中的混入（Mixins）总结
Vue 中的混入（Mixins）是一种分发 Vue 组件中可复用功能的非常灵活的方式。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
2024-03-13 16:03:16
314
1
原创 罗列了一下Vue.js的核心api
Vue.js 是一个构建用户界面的渐进式框架。它提供了一系列的核心 API，用于创建和管理 Vue 实例、组件、指令、过滤器等。
2024-03-13 15:45:43
485
原创 前端开发中，那些常见的bug
这些只是Vue前端开发中常见bug的一部分示例。在实际开发中，还可能会遇到其他类型的问题，如样式冲突、性能问题、第三方库集成问题等。解决这些问题通常需要仔细阅读文档、调试代码、使用开发者工具，并参考社区资源和经验分享。保持代码的组织性和模块化也是减少bug出现的重要方法。
2024-03-13 15:06:21
325
原创 Vue 侦听器（watchers）
在Vue组件中，我们可以通过watch选项来定义侦听器。watch是一个对象，它的键是要侦听的数据属性名，值是一个回调函数。当侦听的数据属性发生变化时，这个回调函数就会被调用。
2024-03-13 14:46:19
307
原创 Vue.js中的props
在 Vue.js 中，props是用于组件间通信的一种机制。它允许父组件向子组件传递数据。子组件通过声明props来定义它期望从父组件接收哪些数据。这些数据可以是任何类型，包括字符串、数字、布尔值、数组、对象甚至是其他 Vue 组件。
2024-03-13 14:32:58
428
原创 关于vue.js中的ref
ref是 Vue 提供的一个强大但应谨慎使用的工具，它允许你直接访问 DOM 元素或组件实例。然而，你应该尽量避免在可以通过数据流和响应式系统解决的问题中使用它。
2024-03-13 13:39:01
235
原创 Vue 中使用 ECharts
当在 Vue 中使用 ECharts 时，通常会将 ECharts 封装成一个 Vue 组件，这样你就可以在 Vue 的模板中像使用其他组件一样使用它。
2024-03-13 11:09:57
242
原创 async/await用法
使用async关键字可以定义一个异步函数。这样的函数总是返回一个 Promise 对象。// 异步操作，例如网络请求。
2024-03-13 11:06:05
230
原创 vue2和vue3之间的差异
综上所述，Vue 3在数据绑定、API设计、项目结构以及性能优化等方面都进行了显著的改进和扩展，使得开发者能够更加高效和灵活地进行Web应用开发。Vue 2和Vue 3在多个方面存在显著的差异。
2024-03-13 09:31:08
204
原创 git使用教程
如果你想要与其他人共享你的代码，或者从其他人的代码库中获取代码，你需要使用远程仓库。你可以从Git的官方网站（https://git-scm.com/downloads）下载并安装适合你操作系统的版本。尽量每次只提交一个小的、完整的更改，并附带一条有意义的提交信息。Git还有许多高级特性，如标签、子模块、钩子等，可以帮助你更有效地管理你的代码库。你可以查阅Git的官方文档或相关的教程来学习这些高级特性。安装完成后，你需要配置一些基本的Git信息，如你的用户名和邮箱地址。四、Git的远程仓库与协作。
2024-03-13 09:07:57
285
原创 关于JavaScript中的防抖（debounce）和节流（throttle）
例如，在输入框中输入内容时，我们可能希望在用户停止输入一段时间后，再执行某个函数（比如发送请求）。总的来说，防抖和节流都是用来处理高频事件的策略，它们的主要区别在于防抖是在事件停止触发一段时间后执行函数，而节流是每隔一段时间执行一次函数。防抖的基本思想是这样的：如果一个函数持续被触发，那么只有在这个函数停止触发一段时间后，这个函数才会被执行一次。节流的基本思想是：如果一个函数持续被触发，那么每隔一段时间，这个函数就只会执行一次，不论在这段时间内函数被触发了多少次。作为参数，然后返回一个新的函数。
2024-03-13 08:52:36
247
原创 前端中的“跨域（Cross-Origin）”
在前端开发中，跨域（Cross-Origin）是一个重要的安全概念。它主要指的是浏览器对于JavaScript代码执行时的安全限制，即阻止一个域的脚本访问另一个域的文档或资源。这种限制主要是为了防止恶意脚本攻击，保护用户数据的安全。具体来说，当浏览器的同源策略（Same-Origin Policy）阻止一个域的脚本访问另一个域的文档时，就发生了跨域问题。同源策略规定，如果两个页面的协议、域名和端口都相同，则它们属于同源，可以互相访问；否则，它们就是不同源的，浏览器会限制它们之间的交互。<script>
2024-03-12 09:26:47
1018
原创 vue3中的setup
在 Vue 3 中，setup是一个新的组件选项，它允许你使用 Composition API 来组织你的组件逻辑。setupprops和context。setup。
2024-03-11 16:38:47
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人