2021年11月17日
ES6的模块化（import引入）
摘要： 先做个前提，新建三个模块JS文件m1,m2,m3，其中m1.js 为分别暴露，m2.js 为统一暴露，m3.js 为默认暴露。接下来进行文件的import引入 1.通用的引入方式，这种方式适合任何暴露方式的引入 1 import * as m1 from './modulesJs/m1.js' 2 阅读全文
posted @ 2021-11-17 15:27 没有童话的鱼 阅读(1166) 评论(0) 推荐(0) 编辑
ES6的模块化（export导出）
摘要： ES6 Module把一个文件当作一个模块，每个模块有自己的独立作用域，那如何把每个模块联系起来呢？核心点就是模块的导入（import）与导出（export）。 模块化的好处： 防止命名冲突 代码复用 高维护性 暴露也就是导出（export）有三种方式：1.分别暴露 2.统一暴露 3.默认暴露 分别 阅读全文
posted @ 2021-11-17 14:57 没有童话的鱼 阅读(1204) 评论(0) 推荐(2) 编辑
2021年11月16日
ES6 class类的创建与继承
摘要： 1 //#region ES5和ES6类对象的声明对比 2 //ES5类对象的写法是 3 // function Phone(brand, price) { 4 // this.brand = brand 5 // this.price = price 6 // } 7 // 给Phone添加一个方 阅读全文
posted @ 2021-11-16 20:18 没有童话的鱼 阅读(151) 评论(0) 推荐(0) 编辑
ES6 Set与Map
摘要： let set=new Set(); Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。 add(value)：添加某个值，返回 Set 结构本身。 delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。 has(value 阅读全文
posted @ 2021-11-16 14:13 没有童话的鱼 阅读(5) 评论(0) 推荐(0) 编辑
2021年11月15日
Promise封装AJAX
摘要： 1 // // 创建对象 2 // const xhr = new XMLHttpRequest(); 3 // // 初始化访问方式和地址 4 // xhr.open('get', 'https://api.apiopen.top/getJoke'); 5 // //发送访问请求 6 // xhr 阅读全文
posted @ 2021-11-15 17:47 没有童话的鱼 阅读(144) 评论(0) 推荐(0) 编辑
迭代器Iterator
摘要： // 我的需求是遍历出data中的persons数据，这个时候可以考虑迭代器 // 迭代器原理： // （1）创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。 // （2）第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。 // （3） 阅读全文
posted @ 2021-11-15 15:47 没有童话的鱼 阅读(23) 评论(0) 推荐(0) 编辑
...扩展运算符
摘要： // ...扩展运算符，可以合并数组，合并对象 //1.合并对象 const RNG = { top: 'letme', ap: 'xiaohu', jug: 'mlxg', ad: 'uzi', sup: 'xiaoming' } //console.log(...RNG); // Uncaugh 阅读全文
posted @ 2021-11-15 14:45 没有童话的鱼 阅读(92) 评论(0) 推荐(0) 编辑
2021年11月12日
解构赋值和模板字符串（反引号 ` `）
摘要： 一. 解构赋值 ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。 1.数组的解构 1 //先定义一个数组 2 const ARRAY = ['大', '中', '小'] 3 //声明三个变量，da,zhong,xiao,三个变量的值分别对应的是数组中对应位置的值 4 l 阅读全文
posted @ 2021-11-12 11:22 没有童话的鱼 阅读(97) 评论(0) 推荐(0) 编辑
2021年11月9日
记录一下let，const，var的区别
摘要： 之前一直没注意这三个的区别，不懂就是不懂，记录一下 var是ES5提出的，let和const是ES6提出的。 const声明的是常量，必须赋值1）一旦声明必须赋值,不能使用null占位。2）声明后不能再修改3）如果声明的是复合类型数据，可以修改其属性 let和var声明的是变量，声明之后可以更改，声 阅读全文
posted @ 2021-11-09 15:28 没有童话的鱼 阅读(125) 评论(0) 推荐(0) 编辑
重拾旧笔，好久不见
摘要： 使用弹性盒子模型实现圣杯布局 1 <div class="father"> 2 <div class="left">1</div> 3 <div class="center1">2</div> 4 <div class="center2">3</div> 5 <div class="right">4 阅读全文
posted @ 2021-11-09 15:23 没有童话的鱼 阅读(29) 评论(0) 推荐(0) 编辑