ES6
文章平均质量分 70
前端corner
分享记录前端学习历程
展开
-
babel对ES6模块化代码转换
babel对ES6模块化代码转换1.安装相应工具2.使用babel对代码进行转化3、使用browserify打包工具打包1.安装相应工具这里使用的是vscode这里我在当前目录下打开控制台,输入npm init --yes进行初始化接下来使用npm安装babel-cli, babel-preset-env(一个预设包)和browserity(打包工具)三个工具。babel的作用是将我们写的js文件转换成兼容性较好的js语法文件注意这里是局部安装。输入npm i babel-cli babel-原创 2021-10-27 01:53:50 · 1284 阅读 · 0 评论 -
ES6迭代器遍历元素
ES6迭代器遍历元素遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。下面以对象为例,一步一步推导一下为数据结构添加接口的方法,最后再总结一下。首先创建一个对象let six = { name: "six", member: ['zhuxiaoming', 'wangzha', 'qiuqiu', 'mixian', 'mogutou', 'r原创 2021-10-25 21:48:29 · 191 阅读 · 0 评论 -
for循环绑定事件时var和let的区别
for循环绑定事件时var和let的区别案例需求结构和样式代码使用var使用let总结案例需求鼠标点击三个盒子,盒子变色。结构和样式代码<div class="container"> <h2 class="page-header">点击切换颜色</h2> <div class="item"></div> <div class="item"></div> <div class="原创 2021-10-23 23:05:17 · 287 阅读 · 0 评论