JavaScript - 文章分类 - 梁飞宇

JS总结之实用好用的一些符号

摘要：1. 按位取反运算符：~ 对返回值进行按位取反（所有正整数的按位取反是其本身+1的负数，所有负整数的按位取反是其本身+1的绝对值，零的按位取反是 -1。其中，按位取反也会对返回值进行强制转换，将字符串5转化为数字5，然后再按位取反。false被转化为0，true会被转化为1。）总之一句话：返回值会阅读全文

posted @ 2024-09-27 18:57 梁飞宇阅读(68) 评论(0) 推荐(0) 编辑

JS总结之数组中常用的技巧

摘要：1. push（） push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 var a = [🍎,🍏,🍉] a.push(🍉) console.log(a); //[🍎,🍏,🍉,🍉] 2. pop（） pop() 方法用于删除数组的最后一个元素并返回。 var a = 阅读全文

posted @ 2024-09-27 17:58 梁飞宇阅读(20) 评论(0) 推荐(0) 编辑

JS总结之判断数组对象中某个值是否重复

摘要：在JavaScript中，可以使用Set对象来检查数组中是否有重复值。Set对象只会保存唯一的值。值数组如果你要检查的数组是一个值的集合，并且你想知道这些值是否有重复，可以使用以下代码： function hasDuplicates(array) { return new Set(array). 阅读全文

posted @ 2024-09-27 14:44 梁飞宇阅读(671) 评论(0) 推荐(0) 编辑

JS总结之Array遍历到满足条件的结果后跳出循环

摘要：直接使用forEach会遍历所有的数据，无法通过break或continue跳出，所以可以使用Array.some()或Array.every()来实现。 Array.some() Array.some() 遍历整个数组，直到某条判断返回true，则结束遍历并跳出，整个遍历的结果也为true； Ar 阅读全文

posted @ 2024-09-27 14:33 梁飞宇阅读(4) 评论(0) 推荐(0) 编辑

JS总结之判断字符串中是否包含某个字符串

摘要：⏰ 方法一: indexOf() (推荐) var str = '123' console.log(str.indexOf("3")!= -1) //true indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回-1。存在返回1。 ⏰ 阅读全文

posted @ 2024-08-13 13:34 梁飞宇阅读(1) 评论(0) 推荐(0) 编辑

JS学习之箭头函数与普通函数的区别

摘要：一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函阅读全文

posted @ 2024-08-01 10:21 梁飞宇阅读(16) 评论(0) 推荐(0) 编辑

JS学习之Object.freeze和Object.seal的区别

摘要：Object.freeze() 官方MDN对Object.freeze()的说明，如下： Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修阅读全文

posted @ 2024-02-01 13:49 梁飞宇阅读(406) 评论(0) 推荐(0) 编辑

JS学习之拓展运算符和剩余运算符

摘要：JavaScript 使用三个点（...）来表示 rest（剩余运算符）和 spread（扩展运算符），但是这两个运算符是不一样的。两者的区别 JavaScript扩展运算符和剩余运算符都是在ES6中引入的新特性，它们的主要作用是使操作符号更加灵活，让开发人员可以更方便地处理数组和对象。扩展运算阅读全文

posted @ 2024-01-30 10:18 梁飞宇阅读(363) 评论(0) 推荐(0) 编辑

JS学习之async/await详解

摘要：一、概述： async的作用是定义这个函数是异步： async 放在函数前的一个关键字，再函数内 return 1、return "1"、return new Promise(),外部打印这个函数都是获取到的是一个promise对象，通过函数.then获取到return的值。个人理解：使用asyn 阅读全文

posted @ 2024-01-29 23:59 梁飞宇阅读(166) 评论(0) 推荐(0) 编辑

JS学习之JavaScript模块化规范进化论

摘要：前言 JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模块功能（因为该功能是在 ES2015 版本引入的，所以在下文中将之称为 ES6 module）阅读全文

posted @ 2024-01-29 22:11 梁飞宇阅读(50) 评论(0) 推荐(0) 编辑

JS学习之Promise 对象

摘要：一、什么是Promise？我们用Promise来解决什么问题？介绍从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。你也可以理解为是“委托”对象，是一个专一处理异步处理类。打个比方：想象一下，你准备面试某个公司的前端工程师。你走进面试会场，当面试马上要开始时你发现简历忘带了，这时你怎么阅读全文

posted @ 2024-01-29 21:42 梁飞宇阅读(94) 评论(0) 推荐(0) 编辑

JS学习之伪数组和数组的区别

摘要：伪数组伪数组是一个对象(Object)，而真实的数组是一个数组(Array) 拥有length属性，且必须是number类型,其它属性（索引）为字符串不具有数组所具有的方法,forEach()等,不过有Object的方法伪数组长度不可变,真数组长度可以变可以通过for in遍历 var fa 阅读全文

posted @ 2024-01-29 13:28 梁飞宇阅读(12) 评论(0) 推荐(0) 编辑

JS学习之Array.from() 五个超好用的用途

摘要：任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from：允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。在本文中，我将描述5个阅读全文

posted @ 2024-01-29 13:13 梁飞宇阅读(1735) 评论(0) 推荐(0) 编辑

JS学习之扩展运算符的作用及使用场景

摘要：扩展操作符 … 是ES6中引入的，将可迭代对象展开到其单独的元素中，所谓的可迭代对象就是任何能用for of循环进行遍历的对象，例如：数组（数组常用方法）、字符串、Map （悟透Map）、Set （Set 如何使用？）、DOM节点等。 1. 拷贝数组对象使用扩展符拷贝数组是ES6中常用的操作： c 阅读全文

posted @ 2024-01-29 12:29 梁飞宇阅读(19) 评论(0) 推荐(0) 编辑

JS学习之了解Set

摘要：在许多情况下，需要比较多个列表，获取它们有或没有交集、差集等等，在 Javascript 有一个数据类型可以很好的实现这些需求，那就是 Set 。 Set对象就像一个数组，但是仅包含唯一项。Set对象是值的集合，可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一阅读全文

posted @ 2024-01-29 11:47 梁飞宇阅读(11) 评论(0) 推荐(0) 编辑

JS学习之了解Map

摘要：什么是映射 Javascript 的对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键，这给使用带来了很大的限制。为了解决这个问题，ECMAScript 6 引入了 Map 数据结构。它类似于对象，也是键值对的集合，但是"键"的范围不仅仅局限于字符串，而是各种类阅读全文

posted @ 2024-01-29 11:43 梁飞宇阅读(8) 评论(0) 推荐(0) 编辑

JS学习之数组操作常用的10个方法

摘要：1. Array.map() 使用.map() 方法，可以创建一个基于原始数组的修订版数组。.map() 方法接受一个函数，该函数遍历数组中的所有项并进行相应的修改。当需要更新数组中的所有项并将其存储到一个新数组中时，.map() 方法就可以派上用场了。例如有一个文章列表的数组，如下： cons 阅读全文

posted @ 2024-01-29 11:34 梁飞宇阅读(143) 评论(0) 推荐(0) 编辑

JS学习之递归和常见的几种递归算法

摘要：递归的概念递归是一种用于解决计算机问题的技术，方法是创建一个调用自身的函数，直到程序达到预期的结果。 ❗️注释：就是函数自己调用自己本身，或者在自己函数调用的下级函数中调用自己。如何读取递归函数乍一看，递归函数并不直观或易于理解。以下步骤将帮助您更快地阅读和理解递归函数：始终先确定函数的基本阅读全文

posted @ 2024-01-29 09:49 梁飞宇阅读(36) 评论(0) 推荐(0) 编辑

JS学习之模块导入导出

摘要：首先要知道export，import 是什么我们知道，JS 模块导入导出，使用 import , export 这两个关键字 export 用于对外输出本模块 import 用于导入模块也就是说使用 export 导出一个模块之后，其它文件就可以使用 import 导入相应的模块了下面我们具体阅读全文

posted @ 2024-01-26 10:50 梁飞宇阅读(30) 评论(0) 推荐(0) 编辑

JavaScript ：web页面生命周期与Dom生命周期

摘要：页面生命周期 HTML页面的生命周期有以下三个重要事件： DOMContentLoaded — 浏览器已经完全加载了HTML，DOM树已经构建完毕，但是像是和样式表等外部资源可能并没有下载完毕。用途: DOMContentLoaded - DOM加载完毕，所以js可以访问所有DOM节点，初始化界阅读全文

posted @ 2023-03-10 14:38 梁飞宇阅读(256) 评论(0) 推荐(0) 编辑

梁飞宇

文章分类 - 前端 / 行为-JavaScript / JavaScript