随笔分类 - ES6
1
摘要:1 安装工具babel-cli babel-preset-env browserify(webpack) .babelrc配置 { presets":["babel-preset-env"] 2 npx babel src/js -d dist/js 3 打包 npx browserify dist
阅读全文
摘要:NPM和模块化结合使用 前提是要先安装node.js 如果在vscode的终端中一直不成功的话,可以在cmd里,以管理员身份来安装jquery: 使用方法: //修改背景颜色为粉色 // ES6引入jquery写法 import $ from 'jquery';// 类似于node.js:const
阅读全文
摘要:模块化 模块化是指将一个大的程序文件 ,拆分成许多小的文件,然后将小文件组合起来。 模块化的好处 模块化的优势有以下几点: 1.防止命名冲突 2.代码复用 3.高维护性 export是暴露的意思 引入js文件然后打印 htm: <script type="module"> import * as m
阅读全文
摘要:Object.assign 对象的合并 <script> // Object.assign 对象的合并 const config1={ host:'localhost', port:3306, name:'root', pass:'root', test:'test' } const config2
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> class Phone{ // 构造方法 constructor(brand,price){ this.brand
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> function Phone(brand,price){ this.brand = brand this.pric
阅读全文
摘要:<script> //ES5 //手机类 // function Phone(brand,price){ // this.brand = brand; // this.price = price; // } // Phone.phoneName = '手机'; // //添加方法 // Phone.
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> class Shouji{ // 构造方法 名字不能修改 constructor(brand,price){ th
阅读全文
摘要:介绍 ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键的范围不限于字符串,各种类型的值(包括对象) 都可以当作键。Map 也实现了 iterator 接口,所以可以使用[扩展运算符]和 [for...of...] 进行遍历。Map的属性和方法: 1.size 返回Map的元
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>set集合实践</title> </head> <body> <div id="ad"> </div> <div></div> <script> let arr
阅读全文
摘要:set方法可以去重数组 // 声明一个set let e = new Set() let ess = new Set(['张三','李四','王五','李四']) console.log(ess); 寻找元素个数 console.log(ess.size); 添加新的元素 ess.add('赵六')
阅读全文
摘要:调用then方法 then方法返回结果是Promise对象,对象状态由回调函数的执行结果决定 如果回调函数中返回的结果是非promise类型的属性,状态为成功,返回值为对象的成功 then方法是可以只指定一个回调的 <script> // 创建Promise对象 const p =new Promi
阅读全文
摘要:复制可用 // 接口地址:http://poetry.apiopen.top/sentences (随机获取一句诗词) // 新建一个Promise对象 const Pro = new Promise((resolve, reject) => { // 1.创建对象 const xhr = new
阅读全文
摘要:// 1.引入fs模块 const fs = require('fs') // 2.调用方法读取文件 fs.readFile('./ES6/CCTV.md',(err,data)=>{ // 如果失败,则抛出错误 if(err) throw err; // 如果没有出错,则输入内容 console.
阅读全文
摘要:介绍 Promise是ES6引入的异步编程的新解决方案,语法上Promise是一个构造函数, 用来封装一步操作并可以获取其成功或失败的结果。 1.Promise构造函数:Promise(excutor){ } 2.Promise.Prototype.then方法 3.Promise.prototyp
阅读全文
摘要:介绍 生成器函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同 function * gen{ yiwld '一只没有耳朵'; yiwld'一只没有尾巴' } 生成器函数其实就是一个特殊的函数 异步编程 之前的都是纯回调函数进行异步 创建这个函数的方法 function * gen(
阅读全文
摘要:介绍 迭代器(iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。 任何数据结构只要部署iterator借口,就可以完成遍历操作。 1.ES6创造了一种新的遍历命令for...of循环,ierator接口主要供for...of消费 2.原生具备iterator借口的数据(可用for
阅读全文
摘要:介绍 ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是javascript语言的第期中数据类型,是一种类似于字符串的数据类型 Symbol特点 1.Symbol的值是唯一的,用来解决命名冲突的问题 2.Symbol值不能与其他数据进行运算 3.Symbol定义的对象属性不能使用
阅读全文
摘要:介绍 扩展运算符能将[数组]转换位逗号分隔的[参数序列] 声明一个数组 const boby =['张倩','李旺','赵茜'] 声明一个函数 function chuan(){ console.log(arguments); } chuan(...boby) 应用 1.数组的合并 const ku
阅读全文
摘要:一.为什么学习ES6 ES6法人版本变动内容最多,具有里程碑意义 ES6加入许多新的语法特性,编程实现更简单、高效 ES6是前端发展趋势,就业必备技能 1.变量声明以及声明特性 1.变量不能重复 ES5可以重复声明变量但是ES6不能 2.块级作用域 { let aer = '双击打' } conso
阅读全文
1