九号电池-优快云博客

原创 ES6新增的语法

特点：箭头函数表达式的语法比函数表达式更简洁，并且它没有自己的this，它的this是继承自外层作用域的this。如果使用var来写这个循环，由于var没有块级作用域且存在变量提升，最后会输出5个5。在日常开发中，当我们定义一些不会改变的配置信息时，就可以使用const。特点：可以包含嵌入表达式的字符串字面量，使用反引号 (`) 标识。在ES6之前，我们使用var来声明变量，存在变量提升等一些问题。在日常开发中，当我们在循环中使用变量时，let就很有用。特点：可以从数组或者对象中提取值，对变量进行赋值。

2024-12-11 16:18:49 408

原创 js中数组的方法

对数组中的每个元素执行一个由您提供的reducer函数（升序执行），将其结果汇总为单个值，计算数组中所有项目的总和或累积某个属性。返回数组中满足提供的测试函数的第一个元素的值；创建一个新数组，其结果是对调用数组中的每个元素应用一次提供的函数，将数组中的所有元素转换成新的形式。创建一个新数组，包含通过所提供函数实现的测试的所有元素，筛选出满足特定条件的数据项。合并两个或更多数组。push()：在数组末尾添加一个或多个元素，并返回新的长度。some()：检查数组中的任何元素是否满足提供的测试函数。

2024-12-10 20:13:14 168

原创 NextTick 是宏任务还是微任务？

但它又不完全是微任务，因为它的实现机制是基于Vue自身的异步更新队列，而不是遵循原生的微任务和宏任务的规范（如在JavaScript的事件循环中）。如果将nextTick类比为宏任务，也不合适，因为宏任务有自己独立的队列和调度机制，如setTimeout是基于浏览器的定时器机制，而nextTick是专门为了处理Vue中的DOM更新之后的操作而设计的。微任务是在当前任务执行结束后立即执行的任务。微任务会被添加到微任务队列中，在当前宏任务执行结束后，会先清空微任务队列中的所有任务，然后再进行下一个宏任务。

2024-12-09 21:03:54 821

原创 vue2连接mqtt

MQTT（Message Queuing Telemetry Transport）是一种轻量级的、基于发布/订阅模式的通信协议，通常用于连接物联网设备和应用程序之间的通信。它最初由IBM开发，现在由OASIS（Organization for the Advancement of Structured Information Standards）进行标准化。

2024-12-07 20:00:00 1810

原创不要再写满屏import导入啦！

在现代前端开发中，随着项目规模的扩大和复杂性的增加，开发者们常常会在文件顶部看到一长串的 import 语句。这种做法虽然在某种程度上是必要的，但过度的 import 导入不仅会使代码显得杂乱无章，还可能导致可读性和维护性的下降。通过合并导入、分组导入、使用模块化导入和动态导入，我们可以使代码更加简洁、可读和易于维护。这种按需加载的方式可以显著提高应用的性能，尤其是在大型应用中，避免了不必要的模块加载。这种合并不仅减少了代码行数，还使得导入的内容一目了然，便于开发者快速理解所依赖的模块。

2024-12-05 20:45:00 247

原创用css+html+js手写Element UI的Collapse折叠面板组件

今天我们来实现一个类似Element UI中的Collapse折叠面板组件。

2024-12-02 19:00:00 933

原创 Vue.js 项目构建指南：从零到一

在开始之前，请确保你已经安装了 Node.js 和 npm。Vue CLI 是基于 Node.js 的，因此你需要先安装它们。

2024-12-01 20:22:37 387

原创 Vue中代理服务器是怎么个事

而代理服务器就像是一个中转站，前端的请求先到达代理服务器，然后由代理服务器去请求真正的后端服务器获取数据，最后再将数据返回给前端应用。这样，当我们在前端代码中使用axios.get(‘/api/users/list’) 时，请求会被转发到http://backend.example.com:3000/list ，而使用axios.get(‘/api/products/info’) 时，请求会被转发到http://otherbackend.example.com:3001/info。

2024-11-30 18:47:54 2317

原创 Flex弹性布局

flex: 1：可以增长以填充可用空间，基础大小为 0；flex: auto：基础大小为内容大小，可以增长以填充可用空间；flex: 0：保持内容大小，不会增长或收缩。小伙伴们，今天学习了吗？

2024-11-30 17:59:15 494

原创列举Vue中key的作用

在Vue 中，key 是一个用于帮助 Vue 识别 VNodes 的特殊属性，它主要在 Vue 的虚拟 DOM 算法中用于优化性能和确保正确的元素重新排序。当使用 v-for 指令渲染列表时，Vue 会使用 key 来跟踪每个节点的身份，从而重用和重新排序现有元素。当使用 v-if 或者 v-show 指令时，如果组件或元素没有 key，Vue 可能会错误地复用其他元素或组件，即使它们的数据不同。当使用 v-for 渲染组件列表时，如果不使用 key，Vue 可能会复用组件实例，导致组件状态的污染。

2024-11-28 21:12:53 324

原创浅识Vue

这是通过Vue的响应式系统实现的，它使用Object.defineProperty（在Vue 2.x中）或Proxy（在Vue 3.x中）来追踪数据的变化。Vue有一个丰富的生态系统，包括Vue CLI（一个命令行工具，用于快速启动新项目）、Vuex（状态管理库）、Vue Router（官方的路由管理器）等。Vue提供了一系列的指令（如v-if, v-for, v-bind等），这些指令可以绑定到DOM元素上，使得DOM操作更加简洁和声明式。每个组件都有自己的视图和逻辑，这样可以更容易地组织和维护代码。

2024-11-26 19:46:53 265

weixin_47088797的博客