前端开发中常用的工具函数

1. 数组相关1.1 判断数组是否为空/** * @description 判断数组是否为空 * @param {Array} arr - 待判断的数组 * @returns {Boolean} - 返回布尔值,true表示数组为空,false表示数组不为空 */ function isArrayEmpty(arr) { return !Array.isArray(arr) || ar

- 阅读全文 -

JavaScript常用函数大全

1. 字符串函数1.1. charAt()返回指定位置的字符。const str = 'hello'; console.log(str.charAt(0)); // 'h'1.2. concat()连接两个或多个字符串。const str1 = 'hello'; const str2 = 'world'; console.log(str1.concat(' ', str2)); // 'hello

- 阅读全文 -

JavaScript中类的详细讲解

什么是类?在JavaScript中,类是一种特殊的函数。类可以有属性和方法,就像对象一样。但是,与对象不同的是,类可以用于创建多个对象。如何定义一个类?在JavaScript中,可以使用class关键字来定义一个类。下面是一个简单的类的例子:class Person { constructor(name, age) { this.name = name; this.age =

- 阅读全文 -

前端项目中的拖拽排序实现

在前端项目中,拖拽排序是一个常见的需求。本文将详细讲解如何实现拖拽排序。实现步骤首先,需要给每个可拖拽的元素添加一个 draggable 属性,值为 true,表示该元素可以被拖拽。接着,需要监听每个可拖拽元素的 dragstart 事件,该事件在拖拽开始时触发。在该事件的回调函数中,需要设置拖拽数据,可以使用 event.dataTransfer.setData() 方法。然后,需要监听每个可拖

- 阅读全文 -

ES5规范详解

ES5是ECMAScript的第五个版本,于2009年发布。它引入了许多新的语言特性和API,使得JavaScript更加强大和灵活。以下是ES5规范的一些详细讲解:变量声明ES5引入了两个新的变量声明关键字:let和const。let关键字用于声明块级作用域的变量,而const关键字用于声明常量。函数ES5中的函数有一些新的特性,包括函数绑定、默认参数和rest参数。函数绑定可以用来绑定函数的上

- 阅读全文 -

JavaScript中async/await的详细讲解

什么是async/awaitasync/await是ES2017中引入的新特性,用于简化异步操作的代码。async/await是基于Promise实现的,它使得异步代码看起来像同步代码,更易于理解和维护。async/await的使用async/await的使用需要两个关键字:async和await。async用于修饰函数,表示该函数是异步函数;await用于等待一个Promise对象的执行结果。下

- 阅读全文 -

js中箭头函数的详细讲解

什么是箭头函数箭头函数是ES6中新增的一种函数形式,它可以更简洁地定义函数。箭头函数的语法如下:

- 阅读全文 -

ES6中Promise的详细讲解

什么是Promise?Promise是一种异步编程的解决方案,它可以让我们更加优雅地处理异步操作。Promise有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。当Promise处于pending状态时,我们可以注册回调函数来处理Promise的结果。当Promise状态变为fulfilled或rejected时,Promise会调用相应的回调函数。P

- 阅读全文 -

Js任意时间戳转换任意时间格式

function formatChinaTime(timestamp, format) { const date = new Date(timestamp); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = d

- 阅读全文 -

uni-app接口封装

// config/index.js module.exports = { baseURL: process.env.NODE_ENV === 'production' ? 'http://yszk.depin.vip/index.php' : '/' }// utils/request.js import { baseURL } from '@/config/index.js'

- 阅读全文 -