- 2024-11-17package.json中“type“: “module“是什么含义，es6和commonjs的区别以及require和import使用场景
"type":"module"是Node.js中package.json文件的一个字段，用于指示该项目的模块系统类型。它决定了项目中的.js文件应被视为ECMAScript模块(ESM)还是CommonJS模块(CJS)。含义和作用："type":"module"：项目中的.js文件将默认被视为ECMAScript模块(ESM/ES6)。
- 2024-11-17ES6 Set和Map数据结构用法详解
文章目录前言Set数据结构创建Set添加元素删除元素删除所有数据获取set的大小（类似于数组的长度）检查是否包含某个元素四种遍历set的方法1.for...of循环2.forEach方法3.转换为数组后使用for循环4.keys(),values(),entries()集合运算方法Map数据结构创建Map添加元素(设
- 2024-11-144.3 ES6 Class 类
4.3ES6Class类分类 ES6教程概述在ES6中，class(类)作为对象的模板被引入，可以通过class关键字定义类。class的本质是function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。基础用法类定义类表达式可以为匿名或命名。//匿名类l
- 2024-11-13ES6 的20 个新特性的详细介绍（完整版）
ES6的20个新特性的详细介绍以及相关知识拓展：目录一.块级作用域二.箭头函数三.类（Class）四.模板字符串五.解构赋值六.默认参数七.扩展运算符八.剩余参数九.Promise十.模块化十一.Symbol十二.Iterators十三.Generators十四.Map数据结构十五.Set
- 2024-11-13ES6常见语法详解
原文链接：ES6常见语法详解–每天进步一点点0.什么是ES6ES的全称是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。ES6实际上是一个泛指，泛指ES2015及后续的版本。1.let、const、var的区别let是es6中新增的语法let只对当前区块定义有效：
- 2024-11-08【前端知识】JS模块规范
JS模块规范概述CommonJS规范代码示例AMD规范代码示例ES6Module规范代码示例IIFE规范代码示例全局变量代码示例CommonJS模块和ES6模块有什么区别？1.语法和声明方式2.动态和静态导入3.循环依赖4.默认导出和命名导出5.文件扩展名6.环境和应用7.工具和构
- 2024-11-08【前端知识】es6基础语法介绍
ES6基础语法介绍概述1.变量声明：let和const2.模板字符串3.解构赋值4.箭头函数5.默认参数值6.类（Classes）7.模块8.扩展运算符（SpreadOperator）9.对象字面量增强10.符号（Symbols）11.迭代器（Iterators）和生成器（Generators）12.承诺（Promises）基本数据类型1.字符串（String
- 2024-11-08ES6代理和反射新特性，详细讲解
代理与反射es6新增了代理和反射特性，这两个特性为开发者提供了拦截并向基本操作嵌入额外行为的能力。代理基础<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatib
- 2024-11-07es6，for....of是异步的嘛? 如何实现循环中异步实现
for...of循环本身不是异步的，它是同步执行的。这意味着for...of循环会按顺序依次执行每一项，直到循环结束。如果循环中的操作是异步的（例如，async函数或者Promise），则这些异步操作会并发执行，但for...of本身不会等待这些操作完成，除非你显式地处理它们。让我们通过一个例子来说明
- 2024-11-06es6 flat 将数组降维方法
flat()是JavaScript中的一个数组方法，用于将嵌套的数组“拉平”成一个新数组。该方法会递归地“降维”数组，直到指定的深度。语法：arr.flat(depth);depth：可选，表示嵌套数组的“深度”。默认为1。传入一个更大的值，数组会被拉平更多层级。如果传入Infinity，则会将所有嵌套的数
- 2024-11-03JS-ES6标准
JS-ES6标准箭头函数更简洁的语法：箭头函数允许你不使用function关键字来定义函数。隐式的return：如果箭头函数的函数体只有一个表达式，那么这个表达式的值会被隐式返回，不需要return关键字。不绑定自己的this：箭头函数不会创建自己的this上下文，this值由外围最近一层非箭头函数决定
- 2024-11-03es6 语法学习 - 解释器模式
es6语法学习-解释器模式一、基本概念解释器设计模式（InterpreterPattern）是一种行为型设计模式，它用于将一种特定的语言或表达式转换为对象，并通过解释器来解释和执行这些对象。二、优点扩展性好：由于语法由很多类表示，因此容易改变及扩展语言。灵活性高：可以根据不同的规
- 2024-10-31ES6 Class
1.setter&getter//ES6ClassclassPersonCl{constructor(fullName,birthYear){this.fullName=fullName;this.birthYear=birthYear;}//类里面的方法可以直接写在里面//下面的方法都是实例方法，所有构造函数创建的实例都可以调用它们calcAge
- 2024-10-28webpack打包js代码(ES6->ES5)和vue文件
为什么需要babel？Babel命令行使用Babel插件的使用Babel的预设presetbabel-loaderbabel-preset编写App.vue代码App.vue的打包过程@vue/compiler-sfcresolve模块解析确实文件还是文件夹extensions和alias配置
- 2024-10-22ES6中的Set数据结构的常用方法和使用场景
ES6中的Set数据结构Set是ES6中新增的数据结构，用于存储不重复的值，允许存储任何类型的唯一值。Set的核心特点是值唯一性，类似数学中的集合。常用方法1.add(value)添加值到Set中，如果值已存在则不会添加。constset=newSet();set.add(1);//Set{1}2.delete(v
- 2024-10-21ES6-模块化
介绍模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。模块化的好处防止命名冲突代码复用高维护性ES6之前的模块化规范有CommonJS=>NodeJS、BrowserifyAMD=>requireJSCMD=>seaJSES6模块化语法模块功能主要由两个命令构成：export和im
- 2024-10-21ES6-Class
class类ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。知识点：
- 2024-10-20ES6-变量、常量（let、const)
变量声明//声明变量leta;letb,c,d;lete=100;letf=521,g='iloveyou',h=[];//1.变量不能重复声明//letstar='罗志祥';//letstar='小猪';//2.块儿级作用域全局,函数,eval//ifelsewhilefor//{//letgirl='周扬青';
- 2024-10-20ES6-2
简化对象写法//ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。//这样的书写更加简洁letname='尚硅谷';letchange=function(){console.log('我们可以改变你!!');}constschool={
- 2024-10-15利用pdf.js在线展示PDF文档
在Web项目中，经常需要在浏览器端展示PDF文档，本文通过一个简单的小例子，简述pdf.js的简单使用，仅供学习分享使用，如有不足之处，还请指正。pdf.js下载pdf.js是一个通用的、基于web标准的、用于解析和呈现pdf的平台。用户可以通过pdf.js的官方网站，进行下载，如下图所示： 关于下载页
- 2024-10-10JS高级-ES6之类与继承实现
在本章节中，我们会通过class类的继承做法extends来实现继承，相对于过往在原型链章节所学的各种继承方式，便利程度有着飞跃性的提升类继承的关键因素super关键词是如何使用的？Babel工具是如何将ES6的类继承转为ES5的旧写法？阅读这类转化过的源码，我们需要注意哪些技巧？在该篇章中，都
- 2024-10-10JS高级-ES6之模板字符串与剩余参数
在本章节中，我们学习新的字符串拼接方式：标签模板字符串，动态效果与自由使用程度得到进一步提升函数的默认参数更好的解决方案，以及结合解构的进阶使用方式剩余参数的进一步说明，箭头函数的补充，以及展开语法对数据的处理细节是怎么样的，深拷贝还是浅拷贝，都会得到说明一、字符
- 2024-10-05ES6中扩展运算符...与Set结合使用
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><
- 2024-09-28ES6箭头函数的使用
使用箭头函数的目的：引入箭头函数目的是更加更加简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更加简洁使用场景：箭头函数更加适用于哪些本来需要匿名函数的地方 定义语法：constfn=()=>{}使用方式一：括号里面加形参//箭头函数constfn=(x)=>