let s = Symbol();
alert(typeof(s)); // Symbol函数可以接受一个字符串作为参数,表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。 let s1 = Symbol('foo');
let s2 = Symbol('bar'); // s1 //
转载
2024-06-17 22:18:29
23阅读
组件(很重要很重要)一.组件 组件可以看作是一些可复用的ui模块
小到一个标签 : <div>哈哈哈</div>大到一个页面 : <div><div><div><div><div></div></div></div></div></div>
eslint检查代码风格是好的,不过 有些换行报错 空格报错 还有在代码中有 console也是报错 这有些烦人为了把这些烦人的报错给禁止掉我们可以在package.json文件中 找到(或者在.eslintrc.js中找到rules)"eslintConfig": {
"root": true,
"env": {
"no
前期准备由于 vite 在开发态是基于 ESM 进行模块化开发, 而 ESM 的浏览器兼容版本有限,如下图。 esm-兼容
所以,如果你打算使用 vite 作为构建工具去开发,你至少要有一个合适版本的浏览器。如果你和我一样,Chrome 版本的浏览器比较低,但是又不想升级,想留着偶尔方便自测和定位浏览器兼容问题,那我推荐你安装一个Chromium。这样你就可以一个电脑里面拥有两个 Ch
一.ECMAScript6,即 ES6,是 ECMAScript 的第六次修订,于 2015年完成,也称 ES2015;ES6 是继 ES5 之后的一次改进,相对于 ES5 更加简洁,提高了开发效率.二.ES6新增的方法:1.新增声明命令 :let 和 const 在 ES6 中通常用 let 和 const 来声明,let 表示变量、const 表示常量.特点:let 和 const 都是块级作
转载
2024-09-03 11:42:50
3235阅读
一、参考资料ES6 | Guns快速开发平台
原创
2022-07-28 06:09:58
4428阅读
一、Es61.1、ES6的概述ECMAScript的快速发展: 编程语言JavaScript是ECMAScript的实现和扩展 。ECMAScript是由ECMA(一个类似W3C的标准组织)参与进行标准化的语法规范。ECMAScript定义了:[语言语法] – 语法解析规则、关键字、语句、声明、运算符等。[类型]– 布尔型、数字、字符串、对象等。[原型和继承]内建对象和函数的[标准库] – [JS
转载
2024-04-01 11:43:55
76阅读
replaceAll()
replaceAll()可以一次性直接替换所有匹配的内容语法 注意事项 如果searchValue是一个不带有g修饰符的正则表达式,replaceAll( )会报错,与repluce()不同类数组对象的属性名必须为数值型或字符串型的数字,要将一个类数组对象转换为一个真正的数组,必须具备以下条件:
1、该类数组对象必须具有length属性,用于
转载
2024-04-24 10:02:23
190阅读
A JavaScript Proxy allows you to intercept operations performed on objects, arrays, or functions like property lookup, assignment, invocation, propert
转载
2017-01-11 21:48:00
392阅读
2评论
原创
2021-07-15 16:04:56
383阅读
1、结合扩展运算符使用。通过扩展运算符,在调用函数的时候,把一个数组展开,然后作为这个函数的参数//结合扩展运算符使用
function foo(a,b,c){
console.log(a); //1
console.log(b); //3
console.log(c);
转载
2024-04-29 23:16:43
94阅读
字符串的扩展字符的 Unicode 表示法codePointAt()
String.fromCodePoint())字符串的遍历器接口normalize()includes(), startsWith(), endsWith()repeat()padStart(),padEnd()
matchAll())ES6 加强了对 Unicode 的支持,并且扩展了字符串对象。1.字符的 Unicode 表
转载
2024-05-29 16:48:22
95阅读
ES6整理1. ES6允许按照一定模式从数组和对象中提取值再对变量赋值,称之为解构。这种新模式会映射出正在解构的数据结构,只有那些与模式匹配的数据才会被提取出来。 注:解构数据与构造数据截然相反,不是构造一个新的对象或数组,而是逐个拆分现有的对象或是数组来提取所需要的数据。2. Map是ES6提供的一种数据字典结构。字典就是用来存储不重复的Hash结构。不同于集合的事字典使用健值对的形式存储数据。
转载
2024-04-18 13:39:42
71阅读
一、为什么使用Iterator 我们知道,在ES6中新增了很多的特性,包括Map,Set等新的数据结构,算上数组和对象已经有四种数据集合了,就像数组可以使用forEach,对象可以使用for...in.. 进行遍历一样,是不是随着Map和Set的出现也应该给这两种集合一个遍历方法呢?如果这样的话js的方法对象就太多了,既然这四种集合都是需要遍历的
转载
2024-04-12 14:26:55
98阅读
虽然现在很多浏览器已经支持ES6,但是还是有一些浏览器不兼容,所以我们在使用ES6语法时,还是要搭建一下环境。一 搭建ES6开发环境 建立工程目录: 我们首先建立一个工程目录,并且在根目录下建立两个文件夹:src和dist src:书写ES6代码的文件夹
转载
2024-04-01 09:24:38
75阅读
0 ES6基本语法 ES标准中不包含 DOM 和 BOM的定义,只涵盖基本数据类型、关键字、语句、运算符、内建对象、内建函数等通用语法。 本部分只学习前端开发中ES6的必要知识,方便后面项目开发中对代码的理解。 1 let声明变量 与我们的JavaScript中var声明变量有什么区别? <1>作用 ...
转载
2021-09-08 15:31:00
650阅读
2评论
作者 | Jeskson来源 | 达达前...
转载
2019-12-01 00:53:00
10000+阅读
2评论
作者 | Jeskson 来源 | 达达前端小酒馆 ES Class 类和面向对象: 面向对象,即万物皆对象,面向对象是我们做开发一种的方式,开发思维,面向对象的思维中万物皆对象,以人作为例子,它的特性有哪些。比如有姓名,性别,出生年月,身高等,还有人的行为,为吃饭,睡觉。特性和行为组合起来就成为人
转载
2019-12-01 00:52:00
248阅读
2评论
ES6基础-变量的解构赋值
原创
2021-07-25 18:20:51
334阅读
字符串1、replaceAll(),相比于replace,会一次性替换所有的匹配。2、includes(),返回布尔值,表示是否找到了参数字符串。3、repeat(),方法返回一个新的字符串,表示将原字符串重复n次。4、模板字符串数值1、Number.isFinite()是用来检查一个数值是否为有限的,即不是Infinity,2、Number.isNaN()是用来检查一个值是否为NaN3、Math
转载
2024-03-19 16:33:08
122阅读