前言💁♂️ 相信大家或多或少都接触过拥有庞大 if else 的项目代码吧，多重嵌套的 if else 在维护的时候真的让人很恼火😡，有时候一个 bug 排查下来，严重感觉身体被掏空😿。 本文并未有消灭或歧视 if else的意思，if else 的好用都知道，这里只是在某些特定场景为大家额 阅读全文
every()与some()方法都是JS中数组的迭代方法。 every()是对数组中每一项运行给定函数，如果该函数所有一项返回true,则返回true。一旦有一项不满足则返回flase //every满足所有则返回true const checkee=this.cart.every(function 阅读全文
在 ECMAScript 2021（ES12）中，JavaScript 引入了新的逻辑赋值操作符 &&= 和 ??=。这些操作符将逻辑运算符与赋值运算符相结合，提供了更加简洁、直观的赋值方式。 虽然已经进入标准比较久了，但是我在实际开发中见到的还比较少，今天我们一起来学习下。 逻辑与赋值操作符 && 阅读全文
echarts大屏适配以及图标配置项里面的文字适配。 1-创建js文件，并复制下面的函数 (function flexible (window, document) { var docEl = document.documentElement var dpr = window.devicePixel 阅读全文
1、作用： Vue官方文档的解释是： 如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。 通俗的说，就是为了解决跨域问题。 2、用法： 阅读全文
reduce()方法用于将数组简化为单一值，通过遍历数组并应用提供的函数。它可以用于求和、乘积、计算对象属性的总和、数组去重和转换数组结构等。初始值的设置会影响reduce的起始索引。不提供初始值时，从索引1开始执行；提供初始值则从索引0开始。 一、 定义和用法reduce() 方法将数组缩减为单个 阅读全文
vue实现录音并转文字功能，包括PC端，手机端和企业微信自建应用端不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。 原理浏览器实现录音并转文字最快捷的方法是通过Web Speech API来实现，这是浏览器内置示例的api方法，可以直接调用，无需引入任何依赖包， 阅读全文
巴黎奥运会正如火如荼地进行，本文来使用 CSS 来画一个奥运五环。奥运五环是相互连接的，因此在视觉上会产生重叠效果，这也是实现五环最有挑战性的部分。接下来，将利用 CSS 的伪元素，巧妙地实现环环相扣的效果！ 根据五环的位置特点，可以将中间的黑色环设置为 HTML 的父元素，而将其他颜色的环设置为子 阅读全文
简介： new Map(): 在JavaScript中，new Map()用于创建一个新的 Map 对象。Map 对象是一种键值对的集合，其中的键是唯一的，值可以重复。 new Set(): 在JavaScript中， new Set() 是用来创建一个新的 Set 对象的语法。Set 对象是一种集 阅读全文
效果 封装loading加载（也可以直接使用，封装为了方便多次调用） 组件定义：loadDiy.js import { Loading } from "element-ui"; export const servicesLoading = (node,str,lock) => { return Lo 阅读全文
插槽(slot)插槽在vue中是一种很常见的写法，让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式 一共有三种分类：默认插槽、具名插槽、作用域插槽，下面一一根据案例改造说明 1 基本案例首先编写一个基本的案例，三个组件展示不同的数据类型 页面进行展示 现在要改需求，美食的列表只 阅读全文
1、watch是什么？ watch:是vue中常用的侦听器（监听器），用来监听数据的变化 2、watch的使用方式如下 watch: { 这里写你在data中定义的变量名或别处方法名: { handler(数据改变后新的值, 数据改变之前旧的值) { 这里写你拿到变化值后的逻辑 } } } 3、wa 阅读全文
