随笔分类 -  es6

es6
模块化的构建工具
摘要：1.requirejs 核心是支持amd风格的模块化运行代码 2.Browserify 目标是让运行在服务器端的符合commonjs代码运行在浏览器端 3.babel 定位是Transformer，即语法转换器，他承担将es6,jsx转化成es5语法的核心功能 4.systemjs 兼容各种模块化规 阅读全文
posted @ 2020-11-01 15:42 waitklove 阅读(166) 评论(0) 推荐(0)
webpack搭建前端开发环境
摘要：webpack的版本已经是来到了4.0，口号是无配置就可以使用webpack,当然是使用一些基本的功能 1.安装以下webpack的一些必须npm包 npm install webpack npm install webpack-cli npm init -y 初始化环境，这样就给你生成了一个pac 阅读全文
posted @ 2019-10-23 21:41 waitklove 阅读(362) 评论(0) 推荐(0)
es6 generator函数的异步编程
摘要：es6 generator函数，我们都知道asycn和await是generator函数的语法糖，那么genertaor怎么样才能实现asycn和await的功能呢？ 1.thunk函数 将函数替换成一个只接受回调函数作为参数的单参数函数 2.generator异步编程的示例 使用while去让上面 阅读全文
posted @ 2019-05-21 20:53 waitklove 阅读(715) 评论(0) 推荐(0)
es6 async和await
摘要：es7 async和await ,作为genertor函数语法糖，在使用上比generator函数方便的，Generator 函数就是一个封装的异步任务，或者说是异步任务的容器。异步操作需要暂停的地方，都用yield语句注明. generator将异步的流程标记的很简洁，但是流程执行却并不方便，所有 阅读全文
posted @ 2019-05-18 15:59 waitklove 阅读(6716) 评论(0) 推荐(1)
js防抖和节流优化浏览器滚动条滚动到最下面时加载更多数据
摘要：防抖和节流，主要是用来防止过于平凡的执行某个操作，如浏览器窗口变化执行某个操作，监听某个input输入框keyup变化，瀑布流布局时Y轴滚动，图片加载。 js函数的防抖 经过一段事件才执行某个操作，如果时间内又执行了该操作则延长时间重新开始计算 /* 输入快的话会出现输出结果多次重复 */ 使用防抖 阅读全文
posted @ 2019-05-14 20:34 waitklove 阅读(2722) 评论(0) 推荐(1)
es5继承和es6类和继承
摘要：es6新增关键字class，代表类，其实相当于代替了es5的构造函数 通过构造函数可以创建一个对象实例，那么通过class也可以创建一个对象实列 es5中继承的方式 1原型链继承 2.构造函数继承 3.组合继承，融合了上面两种方式 /* 组合继承，既能达到对父类属性的继承，也能继承父类原型上的方法 阅读全文
posted @ 2019-05-11 16:58 waitklove 阅读(4058) 评论(1) 推荐(1)
js跨域请求
摘要：js 跨域 为什么会出现跨域。浏览器有同源策略，所谓同源是指：域名、协议、端口相同。网上有很多介绍跨域的介绍，这里不做详细解析 解决跨域请求的方式有很多种： 当我们正常去请求一个跨域的接口是会出现错误，如下代码 1. jsonp的方式，原生的利用script标签 src 可以请求到任何资源, jqu 阅读全文
posted @ 2019-05-06 21:29 waitklove 阅读(8840) 评论(0) 推荐(1)
js函数式编程
摘要：js 函数式编程 定义把函数作为第一类对象是函数式编程的第一步，函数式编程是一种编码风格，他通过书写函数式代码来解决问题（而不是一系列执行步骤，就像 就像那种更主流的命令式编程），函数式编程可以让代码更容易测试、扩展、及模块化 1.函数是javascript中的一等公民，（主要是的某个变量可以等于一 阅读全文
posted @ 2019-04-27 17:52 waitklove 阅读(718) 评论(0) 推荐(0)
js原型链
摘要：js 原型链，其实就是对象，方法的一些关系，首先要明确一点，对象实例是没有prototype,函数才有prototype 废话不多说我们一些console一下都是写什么东西 function 最终又到Object,不得不说一切都对象 总结一下 重点重点，实例对象没有prototype， 最终Obje 阅读全文
posted @ 2019-04-24 00:09 waitklove 阅读(283) 评论(0) 推荐(0)
es6 字符串的扩展和数值的扩展
摘要：es6字符串的扩展 1. es6新增的一些方法 1.1 includes 判断是否包括在内，返回一个 true or false 1.2 statsWith 判断是否以什么开头，返回一个 true or false 1.3 endWith 判断是否以什么结尾，返回一个 true or false 1 阅读全文
posted @ 2019-04-18 20:33 waitklove 阅读(287) 评论(0) 推荐(0)
es6 generator函数
摘要：es6 新增了Generator函数，一种异步编程的解决方案 回顾一下，es6 提供了新的遍历方法，for of ，适用于各种数据集合，统一了遍历操作，原生支持for of 集合的数据集合有。数组，字符串 一部分的类数组，map,set。而对象是不适合与 for of 遍历的，因为原生没有实现Ite 阅读全文
posted @ 2019-04-06 18:26 waitklove 阅读(499) 评论(0) 推荐(0)
es6 for of 循环
摘要：es6 新增了 for of 循环，只要继承了Iterator 接口的数据集合都可以使用 for of 去循环 for of 循环，统一数据集合的循环方法，解决了forEach循环的不能使用break contain ,遍历时，循环能够按某种方式排序 js 集合中能默认使用for of 有，数组，类 阅读全文
posted @ 2019-04-02 21:28 waitklove 阅读(1237) 评论(0) 推荐(0)
es6 proxy代理
摘要：es6 新增构造函数 Proxy Proxy 构造函数，可以使用new 去创建，可以往里面插入两个参数，都是对象 上面代理拦截的操作handler 是个空对象所有不产生任何影响，target 代表时需要代理的哪个对象 Proxy 一共可以代理拦截对象的13种操作 1. get 当读取对象属性时触发 阅读全文
posted @ 2019-03-31 22:01 waitklove 阅读(444) 评论(0) 推荐(0)
es6 Symbol类型
摘要：es6 新增了一个原始类型Symbol,代表独一无二的数据 javascript 原来有6中基本类型， Boolean ,String ,Object,Number, null , undefined (typeof null 是等于object) Symbol表示独一无二的值，所有创建的不同Sym 阅读全文
posted @ 2019-03-27 22:19 waitklove 阅读(436) 评论(0) 推荐(0)
es6的let,const
摘要：1.es6 新增的let const 命令 let用来定义一个局部变量，故名思意就是只在当前代码块可用 1.1 let 声明的变量不存在变量提升（var 声明的变量存在变量提升）且代码块内 暂时性死区 且不允许重复声明 列子 function fn2() { let aa = 3 let aa = 阅读全文
posted @ 2019-03-25 19:47 waitklove 阅读(175) 评论(0) 推荐(0)