Fish's Blog

1、单行If-Else语句你可能熟悉这样的常规if-else语句：if (10 < 100) { console.log("True"); } else { console.log("False"); }输出True但是，你知道吗，你可以通过使用三元运算符，以更短，更简洁的方式编写上面的代码？10 <100 ? console.log(&

- 阅读全文 -

splice()方法const arr = [1, 2, 3, 4, 5] const newArr = arr.splice(0,3) // 截取索引值0-3位的值 console.log('newArr:' + newArr) console.log('arr:' + arr) // 控制台输出结果 // newArr:[1, 2, 3] // arr:[4, 5]控制台打印出 arr 的结果

- 阅读全文 -

axios中文官网地址GET 请求axios.get('接口url', { params: { 携带参数 }, headers: { 'content-type': 'application/x-www-form-urlencoded', 'Authorization': this.$sto

- 阅读全文 -

今天晚饭时在犹豫吃什么随手写的一个抽签函数，有选择恐惧症的小伙伴可以直接复制到控制台使用。 function randomRange(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let result = randomRange(0, 1000); if (result % 2) { con

- 阅读全文 -

HTML代码<nav> <a class="nav-link" href="index.php">首页</a> <a class="nav-link" href="shop.php">商城</a> <a class="n

- 阅读全文 -

JavaScript中的Array对象与其他编程语言中的数组一样，可以将多个项目的集合存储在单个变量名下，并具有用于执行常见数组操作的成员。 声明数组有两种不同的方式可以声明数组。使用new Array通过new Array，我们可以指定希望存在于数组中的元素，如下所示：const fruits = new Array('Apple', 'Banana'); console.log(fruits

- 阅读全文 -

区别生命周期的变化 整体来看，变化不大，只是名字大部分需要 + on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直接调用，如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多

- 阅读全文 -

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式，那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器（实际项目中千万不要即用Vuex又

- 阅读全文 -

1.JS引擎运行JS分为两步预解析代码执行(1) 预解析：JS引擎会把JS里面的所有var和function提升到当前作用域的最前面(2) 代码执行：按照代码书写的顺序从上往下执行2.预解析分为变量预解析(变量提升)和函数预解析(函数提升)(1) 变量提升：就是把所有的变量声明提升到当前的作用域最前面，不提升赋值操作(2) 函数提升：就是把所有的函数声明提升到当前的作用域最前面，不调用函数

- 阅读全文 -

document.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); // DOM 完全加载以及解析 });

- 阅读全文 -