前些天产品提了个需求 要导出当前页面的数据，对于第一次写导出文件的我无从下手（之前都是后端写好丢给前端的），去网上搜了很多也没找到自己想要的效果。于是我网了一波 找到了一个名为 xlsx-js-style 的包，然后根据这个包，完成了这个棘手的需求（我是前端小白），废话不多说，来上代码。// 首先得先下载这个包
npm i xlsx-js-style
// 然后在自己开发的文件夹里引入
i
作者：Dmitri Pavlutin ECMAScript 模块系统( import 和 export 关键字)默认只能导入 JavaScript 代码。但是，将应用程序的配置保存在一个JSON文件中往往很方便，因此，我们可能想直接将JSON文件导入ES模块中。长期以来，commonjs 模块格式支持导入JSON。好消息是，第三阶段的一个名为JSON模块的新提议，提出了一种将JSON导入到ES模块
转载
2024-04-07 10:30:13
216阅读
语法new Map([iterable])参数:可以是数组或者其他的可迭代对象.null会被当作undefinedMap同Set类似,NaN是相同的,对象和数组是不同的.//对象
var data = {};
var o = {a:1};
data[o] = 222;
console.log(data); // {[object Object]: 1}上例中,因为对象的key为字符串,当为
转载
2024-07-06 05:51:35
84阅读
前面的话 随着JS应用复杂度的不断增加，开发者在程序中使用对象的数量也在持续增长，因此对象使用效率的提升就变得至关重要。ES6通过多种方式来加强对象的使用，通过简单的语法扩展，提供更多操作对象及与对象交互的方法。本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中，对象没有统一的标准，在标准中又使用不同的术语描述对象，ES6规范清晰定义了每一个类别的对象，对象的类别如下
模块化概述在传统前端开发中并没有模块化这样的开发规范，因此传统的开发模式面临着两个主要问题：命名冲突问题（多个JS文件之间如果存在同名的变量，则会发生变量覆盖问题）文件依赖问题（JS文件之间无法实现相互的引用）为了解决上述的问题，我们于是提出了模块化的开发方案。什么是模块化？模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间是相互隔离的，但是可以通过特定的接口公开内部成员，也可以依赖别的
转载
2024-10-17 09:59:26
28阅读
什么叫做结构赋值. ES6 允许我们按照一定模式，从数组和对象中提取值，对变量进行赋值，这就叫做解构赋值。对象的解构赋值格式变量名与属性名相等，则将属性名对应的值赋值
给变量。
let {变量1，变量2} = 对象 （默认情况下：变量名必须与属性名相等）
如果变量名与属性名不相等，则 属性名:变量名 的格式
let {属性名：变量1，变量2} = 对象
转载
2024-03-29 06:40:59
20阅读
文章目录1.数组的解构赋值，按次序排列，位置决定2.对象的解构赋值，没有次序，变量与属性同名即可取值,默认undefined3.字符串的解构赋值4.数值和布尔值的结构赋值5.函数结构赋值,被解构的参数`是`传入的参数`，还是`函数参数默认值6.不能使用圆括号场景,区别声明语句与赋值语句6.1可以使用圆括号7.用途： ES6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值 1
转载
2024-03-21 14:56:16
67阅读
一、es6的语法1、let与var的区别，但是所声明的变量，只在let命令所在的代码块内有效。如下代码：{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正
转载
2024-03-20 17:05:14
21阅读
工欲善其事必先利其器，对前端框架Vue有了一定的了解和熟悉，总结如下：Vue有著名的全家桶系列，包含了： vue-router， vuex， axios， vue-router， webpack， es6 + (less)再加上构建工具vue-cli(
转载
2024-08-28 13:20:16
31阅读
文章目录一、es61.1 前端概述 1.2 js es6 新特性 1.2.1 let和constant 1.2.2解构函数和结构化代码块 1.2.3函数相关  
转载
2024-04-07 14:00:58
130阅读
一、ES6快速入门let和const letES6新增了let命令，用于声明变量。其用法类似var，但是声明的变量只在let命令所在的代码块内有效。 {
let x = 10;
var y = 20;
}
x // ReferenceError: x is not defined
y // 20 View Code 效果如下：var声明变量存在变量提升
转载
2024-04-10 22:20:33
73阅读
一、创建类和对象class 关键字来创建类。new。constructor 1.4. 在类中声明实例方法则使用 方法名（）{ 方法体 } ，并且在各方法之间是不需要使用逗号隔开的。1 //创建类和对象
2 class Test{
3
4 constructor(str){//构造函数
5 this.str = str
转载
2024-04-15 15:35:41
29阅读
前言《React学习笔记》系列，旨在总结自己学习React的过程，也希望能给刚接触React框架的同学带来一点有益的启发。本系列笔记，初步将内容规划为以下几个部分： 一、ES6语法学习 二、环境搭建：Babel + Webpack 三、React简介和JSX语法 四、React组件 五、React数据流 六、受控组件与非受控组件 七、React组件生命周期那好，接下来我们先为学习React做一下知
es6新增结构赋值，结构赋值分为两种 数组解构赋值，对象解构赋值。 数组解构赋值：分别按顺序给数组中的每一项赋值。 如上所示如果c未给赋值，c为undefind。a==1,b==2 那么3并没有被保存到变量中，这时如果想要将剩余值进行保存，可以只用“...”...c 这样的形式，可以将剩余值以数组的形式将其保存到变量c中。另外...可用于复制数组实际项目中有时候我们需
对象解构 对象字面量的语法形式是在一个赋值操作符左边放置一个对象字面量 let node = { type: "Identifier", name: "foo" }; let { type, name } = node; console.log(type); // "Identifier" cons ...
转载
2021-10-15 16:32:00
69阅读
2评论
1.简单对象的结构赋值 2.如何从对象里面取出对象里面的值 如果有相同的key值 用取别名的形式来解决问题 参考课程地址
原创
2022-07-13 21:14:22
92阅读
ES6允许按照一定模式从数组或对象中提取值，然后对变量进行赋值，称为解构。只要等号两边的模式相同，左边的变量就会被赋予对应的值，这种写法属于“模式匹配”。统称起来就叫做“解构赋值”。 ...
转载
2021-05-22 09:53:15
225阅读
2评论
/*解构赋值*/ let book = { name: 'Learn Vue', year: 2020, title: 'Chapter one' } let { name } = book // 这里不需要{...book}也可以 console.log(name); // Learn Vue c
转载
2021-06-01 11:14:00
128阅读
2评论
const nums=[1,3,5,11] let [a,b]=nums const user={name:"howhy",age:22} let {name,age}=user let arr1=[1,3,5] let arr2=[...arr1,2,4,6]
原创
2022-06-27 11:40:48
30阅读
简介开发后端，有时候需要自己写一些界面，网络上也有一些现成框架，多少要知道一些前端知识，不需要精通。(以下内容参考尚硅谷在线教育项目整理)ES6ECMAScript 6.0是 JavaScript 语言的下一代标准，ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 Jscript 和 ActionScript）
