Js中splice()和slice()的区别

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基本请求用例

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

- 阅读全文 -

Js随机二选一(可拓展)

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

- 阅读全文 -

Js数组写法

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

- 阅读全文 -

Vue3和Vue2有什么区别

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

- 阅读全文 -

带你了解Pinia和Vuex两个状态管理模式

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

- 阅读全文 -

JS预解析

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

- 阅读全文 -

原生Js中的onLoad事件

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

- 阅读全文 -

JS函数

函数:就是封装了一段可以被重复执行调用的代码块。目的:就是让大量函数能够重复使用。一、声明函数:1.利用函数关键字自定义函数(命名函数)function 函数名(){ //函数体 }2.函数表达式(匿名函数)var 变量名 = function(){ //函数体 }二、调用函数:函数名();三、arguments对象中储存了传递的所有实参。

- 阅读全文 -