摘要: if-else 的优美写法 前言💁‍♂️ 相信大家或多或少都接触过拥有庞大 if else 的项目代码吧,多重嵌套的 if else 在维护的时候真的让人很恼火😡,有时候一个 bug 排查下来,严重感觉身体被掏空😿。 本文并未有消灭或歧视 if else的意思,if else 的好用都知道,这里只是在某些特定场景为大家额 阅读全文
posted @ 2022-12-20 15:42 喆星高照 阅读(3898) 评论(1) 推荐(2)
摘要: JS中every()和some()的用法 every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数,如果该函数所有一项返回true,则返回true。一旦有一项不满足则返回flase //every满足所有则返回true const checkee=this.cart.every(function 阅读全文
posted @ 2020-08-27 15:57 喆星高照 阅读(66758) 评论(0) 推荐(0)
摘要: 前言在上一篇中,我们深入探讨了 @use 的使用, 也介绍了 @use 在使用深层模块中的变量时具有一定的缺点。所以在本文中,我们将深入解析 @forward 的核心用法。 1. 转发导入@forward 本质是转发模块资源,是用于组织各文件中模块资源的方法。将导入的模块转发导出. 例如: 在这个示 阅读全文
posted @ 2025-05-23 11:00 喆星高照 阅读(56) 评论(0) 推荐(0)
摘要: 前言在上一篇中,我们深入探讨了 Sass 中 @import 语法的局限性,正是因为这些问题,Sass 在 1.80 版本 后逐步弃用 @import,推出了更现代化的 @use 语法作为替代。在本文中,我们将深入解析 @use 的核心用法。 @use 用法为了改进 @import 语法的局限性,S 阅读全文
posted @ 2025-05-23 10:58 喆星高照 阅读(70) 评论(0) 推荐(0)
摘要: 前言最近在更新之前封装的项目架构时,我发现编译过程中频繁出现 @import 弃用警告,警告如下: 该警告提示表示sass中@import已经废弃. 将会在Dart Sass 3.0.0中删除. 通过警告信息中查看更多, 查看官网描述. 官网提示 Sass 在 1.80 版本中正式弃用了 @impo 阅读全文
posted @ 2025-05-23 10:56 喆星高照 阅读(103) 评论(0) 推荐(0)
摘要: 工作中使用组件之间传值在此记录 目录VUE3中的组件通信六种方法介绍与基本使用一、父传子(props)二、 Emits 传值(子组件向父组件传值)三、v-model 双向绑定四、 provide/inject(跨层级组件传值)五、事件总线(mitt 库)第三方库六、 Vuex 或 Pinia(状态管 阅读全文
posted @ 2025-05-09 14:03 喆星高照 阅读(40) 评论(0) 推荐(0)
摘要: Vue3的14种组件通信方式 对于日常使用vue3开发项目的前端小伙伴来说,组件通信方式可以说是必会的基本功,今天带大家一起盘下vue3的通信方式。 我们这里按照组件的关系来划分。总共包含14中组件通信方式。 一、父子通信 props defineEmits $attrs $ref + defineExpose $parent 阅读全文
posted @ 2025-05-09 10:03 喆星高照 阅读(120) 评论(0) 推荐(0)
摘要: Mars3D地图下载与部署指南 在Mars3D中下载地图数据主要涉及离线瓦片数据的获取与部署。以下是具体步骤及方法: 1. 下载XYZ瓦片数据 工具选择:推荐使用专业地图下载工具如水经微图,支持按行政区划、矩形或多边形区域下载地图瓦片数据1。 下载流程: 选择地图类型(如天地图、谷歌地图等)并划定下载区域。 设置下载参数,包括级别 阅读全文
posted @ 2025-05-06 15:46 喆星高照 阅读(151) 评论(0) 推荐(0)
摘要: 一行代码搞定防抖节流:JavaScript新特性解析 防抖(Debounce)和节流(Throttle)是两种前端开发中常用的性能优化技术,尤其在处理高频触发事件如滚动、调整窗口大小、输入等场景中。传统实现这些功能需要编写复杂的函数,但随着JavaScript的发展,我们现在可以通过更简洁的方式实现这些功能。 传统实现方式回顾 在深入新特性之前,让我们 阅读全文
posted @ 2025-04-30 10:21 喆星高照 阅读(155) 评论(0) 推荐(0)
摘要: toRefs 与 toRef 的详解 一、引言在 Vue 3 的响应式系统里,toRefs 和 toRef 是两个实用的工具函数,它们在处理响应式数据时发挥着重要作用。合理运用这两个函数,可以让我们在操作响应式对象和数组时更加灵活,避免一些潜在的数据更新问题。本文将深入探究 toRefs 和 toRef 的功能、使用场景以及它们之间的区 阅读全文
posted @ 2025-04-28 10:25 喆星高照 阅读(123) 评论(0) 推荐(0)
摘要: Vue 自定义指令封装实现防抖 防止按钮暴力点击 本来项目前期没有做按钮防抖功能 快结束时才想起来 然后一个个写太慢了 然后就想着封装一下 vue3:新建directive.js export default { //自定义节流操作 preventReClick: { mounted(el, binding) { el.addEventListen 阅读全文
posted @ 2025-03-07 10:08 喆星高照 阅读(81) 评论(0) 推荐(0)
摘要: javaScript中的 15 种循环遍历 方式一: 原生的 js 循环1.while 循环:While语句包括一个循环条件和一段代码块,只要条件为真,就不断循环执行代码块。 语法: while (条件) { 语句; } // 或者 while (条件) 语句; //举例: 代码语言:javascript var i = 0; while ( 阅读全文
posted @ 2025-03-03 15:33 喆星高照 阅读(523) 评论(0) 推荐(0)