javascript prototype tospliced mutation

【趣味JavaScript】利用className原生自定义封装实现快速操作html元素中的class属性,功能包含添加、删除、替换、验证是否存在, 极简方式轻量级!【附代码】

>🚀 个人主页 **极客小俊** >✍🏻 作者简介:web开发者、设计师、技术分享博主 >🐋 希望大家多多支持一下, 我们一起进步!😄 >🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 ![](https://img-blog.csdnimg.cn/bd1d730 ......
轻量 轻量级 JavaScript 趣味 className

JavaScript|ES6语法

## 1 箭头函数 ### 1) 语法 ```javascript const fn = (参数) => { 函数体 } const fn = (x) => x + 1 ``` > 简写 ```javascript const fn = (x) => x + 1 ``` 当`函数体`中只有一行`re ......
语法 JavaScript ES6 ES

【JavaScript】js 处理复制函数实现

```ts const handleCopy = () => { if (!keywordList.value.length) return ElMessage.warning('没有数据'); const text = JSON.stringify(keywordList.value); cons ......
JavaScript 函数

JavaScript|流程控制

## 一. 概念 流程控制就是来控制代码按照一定结构顺序来执行 主要有3种结构 - 顺序 - 条件 - 循环 ## 二. 顺序 顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。 ## 三. 条件 根据不同的条件,执 ......
JavaScript 流程

JavaScript|对象

## 1 类和对象 ### 1) 对象的概念 对象: 一个具体的实体 在现实世界中, 对象随处可见, 一个人, 一个学生, 一个杯子, 一辆汽车, 游戏里的一个英雄... 都是一个对象 ### 2) 对象的组成 如何描述一个对象呢 比如, - 每个人都有**姓名**, **年龄**, **性别**这 ......
JavaScript 对象

JavaScript运算符

# JavaScript|运算符 ## 一. 运算符的分类 **运算符**(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号, 常用的有: - 算数运算符 - 自增自减运算符 - 比较运算符 - 逻辑运算符 - 赋值运算符 ### 1 表达式和返回值 表达式:是由数字 ......
运算符 JavaScript

JavaScript|数据类型

## 一. 什么是数据类型 > 现实 描述不同的数据时, 人们往往会使用不同的类型, 比如: - 姓名: 字符 - 年龄: 数字 - 一个命题的结论: 真假 > 程序 在程序中, 不同类型的数据在存储和传输时占用空间的大小是不同的. 因此, 会存在数据类型的区别 > 变量的数据类型 变量的数据类型就 ......
JavaScript 类型 数据

JavaScript|基础知识

## 一. 简介 ### 1 发展历程 回顾整个JavaScript的发展历程, 实际上就是Web发展的历程 从最开始的拨号上网方式到现在的100M光纤, 4G/5G移动Web的发展 在近20年, 上网的方式发生了翻天复地的变化, 可以说是科技大爆炸. 人们在享受越来越便捷的上网的同时, 对Web产 ......
基础知识 JavaScript 基础 知识

javascript:async/await

#async async关键字用于声明一个函数是异步函数,使用async关键字定义的函数会自动返回一个Promise对象。 函数的返回值会被包装在一个resolved的promise中,例如,下面的函数返回一个结果为1的resolved promise,让我们测试一下: ``` async func ......
javascript async await

JavaScript 模块

JavaScript 模块 一般来讲, 模块是一个独立的JavaScript文件 模块文件可以包含一个类定义、 一组相关的类、 一个实用函数库或者是一些待执行的代码 只要以模块的形式编写代码, 任何JavaScript代码段就可以当做一个模块 JavaScript中并没有定义用以支持模块的语言结构( ......
JavaScript 模块

JavaScript必会基础知识

本手册的目标是快速向您介绍 JavaScript 的基础知识,以便您可以开始编写应用程序。 我不会涵盖 JavaScript 的所有理论和概念,而是只教您该语言最重要的构建块。我们将介绍变量、数据类型、函数、对象、数组和类等内容。您还将学习如何将它们全部混合起来构建一个小而可靠的程序。 我们还将忽略 ......
基础知识 JavaScript 基础 知识

JavaScript 将对象数组按字母顺序排序

> 原文链接:[JavaScript 将对象数组按字母顺序排序](https://fe32.top/articles/jsnb9548/) ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6ca19afd86ba4438aa08a18ba0 ......
数组 JavaScript 字母 顺序 对象

JavaScript-Day01

1、JavaScript:是与网页交互的脚本语言。 2、组成部分:{ ECMAScript,文档对象模型(DOM),浏览器对象模型(BOM)} 2.1 ECMAScript(核心):由ECMA-262定义并提供核心功能。<!-- 宿主环境 --> 1. 基本层面定义:语法、类型、语句、关键、保留字、 ......
JavaScript-Day JavaScript Day 01

你不知道的JavaScript闭包知识

原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484302&idx=1&sn=98d807ced65a85ae25efa7854234d547&chksm=ec7cc0dadb ......
闭包 JavaScript 知识

JavaScript实现合并排序算法详解

JavaScript实现归并排序算法详解 说明 归并排序(Merge Sort)算法,也叫合并排序,是创建在归并操作上的一种有效的排序算法。算法是采用分治法(Divide and Conquer)的一个非常典型的应用,且各层分治递归可以同时进行。归并排序思路简单,速度仅次于快速排序,为稳定排序算法, ......
算法 JavaScript

JavaScript通过最小值与最大值区间生成随机数(默认 min 为 0,max 为 10)

function random(min = 0, max = 10) { if (min <= Number.MAX_SAFE_INTEGER && max <= Number.MAX_SAFE_INTEGER) { return Math.floor(Math.random() * (max - ......
随机数 最大值 区间 JavaScript min

JavaScript校验地图经纬度是否符合规范

function verifylonglat(longitude, latitude) { var longreg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6 ......
经纬度 经纬 JavaScript 地图

javascript Dict中增加key:value , List中增加dict

Dict中增加key:value 如 var data={a:1} ,添加 { b:2 } 方法一 ,直接赋值 data.b=2 方法二 data["c"] = 3 List中增加dict function addServerUrlToJson() { var json_tem = [{"name" ......
javascript value Dict List dict

【13.0】前端基础JavaScript之JS事件案例

# 【13.0】前端基础JavaScript之JS事件案例 # 【一】开关灯示例 ```html Title 变色 ``` # 【二】input框获取/失去焦点 ```html Title ``` # 【三】实时展示当前时间 ## 【1.0】基础版 ```html Title ``` ## 【2.0 ......
前端 JavaScript 案例 事件 基础

JavaScript

JavaScript 是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页可交互。而Java语言也是跨平台的、面向对象的语言,只不过Java是编译语言,是需要编译成字节码文件才能运行的;JavaScript是脚本语言,不需要编译,由浏览器直接解析并执行。JavaScript 和 Java ......
JavaScript

JavaScript(七)ES6

Node环境 安装nvm、npm、nrm nvm:管理多个版本的node环境,使用nvm安装nodejs npm:npm是node的包管理工具,使用nvm安装node后,就可以使用npm命令 nrm:管理npm的镜像源,使用npm命令安装 Babel转码器 可以将es6代码转成es5代码。从而可以在 ......
JavaScript ES6 ES

JavaScript(六)事件处理

常见的 HTML 事件 常见HTML事件 事件描述 onchange HTML 元素已被改变 onclick 用户点击了 HTML 元素 onmouseover 用户把鼠标移动到 HTML 元素上 onmouseout 用户把鼠标移开 HTML 元素 onkeydown 用户按下键盘按键 onloa ......
JavaScript 事件

JavaScript(五)浏览器操作

浏览器对象 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。 navigator:navig ......
JavaScript 浏览器

【12.0】前端基础JavaScript之DOM

# 【12.0】前端基础JavaScript之DOM # 【一】什么是DOM/BOM - 截至目前为止,我们虽然已经学会了js语法,但是还是没办法跟浏览器进行交互 - BOM(Browser Object Model) - 浏览器对象模型 - js代码操作浏览器 - DOM(Docunment Ob ......
前端 JavaScript 基础 12.0 DOM

JavaScript

# JS ## 变量 ```javascript // var let const var: 很少使用,全局作用域 let: 值可以被修改 const: 值不能被修改,而且需要在声明时初始化数值 console.log('hello world') // 这是我的第一个js代码; let bbb / ......
JavaScript

单线程JavaScript为何如此高效

原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484294&idx=1&sn=631260d028b7f5d863fbd8e88a3d71dc&chksm=ec7cc0d2db ......
线程 JavaScript

JavaScript中的module.export

### module JavaScript一直没有模块(module)体系,无法将一个大工程拆分成互相依赖的小文件,再用简单的方法将它们拼装起来。ES6在语言规格的层面上实现了模块功能,成为浏览器和服务器通用的模块解决方案。 ```javascript // ES6 模块 import { stat ......
JavaScript module export

常用的前端JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
前端 JavaScript 常用 方法

【10.0】前端基础之JavaScript进阶

# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典,但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......
前端 JavaScript 基础 10.0 10

JavaScript 数组的 reduce 方法有哪些应用

# JavaScript 数组的 reduce 方法有哪些应用 JavaScript 中的`reduce()`方法可以用于将数组元素汇总为单个值,它接受一个回调函数作为参数,并在每个数组元素上调用该函数,以便将其累加到一个累加器变量中。下面是一些实际应用: 1. 数组求和:使用 reduce()方法 ......
数组 JavaScript 方法 reduce