ES6模块化如何使用，开发环境如何打包？1.模块化的基本语法/* export 语法 */
// 默认导出
export default {
a: '我是默认导出的',
}
// 单独导出
export function fn1() {
console.log('我是函数1')
}
export function fn2() {
console.log('我是函数2')
}/* imp
一、很多同学疑问既然es6已经出来的了，为很莫写完es6语法还要把他转换成es5，这不是脱裤子放屁吗？ ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。 &nbs
文章目录Promise1、简介1.1 概述1.2 promise特点2、Promise的状态3、Promise实例化4、Promise的原型方法4.1 Promise.prototype.then((onResolved,onRejected) => {})4.2 Promise.prototype.catch(onRejected)4.3 Promise.prototype.fina
目录生成器函数的声明与调用生成器里面的yield函数生成器函数参数生成器函数实例——异步编程生成器其实就是一个特殊的函数，其作用主要体现在异步编程。在此之前，我们实现异步编程采用的是纯回调函数（一层套一层 回调地狱）。首先我们来认识一下生成器函数：生成器函数的声明与调用生成器函数与普通函数有所不同，它需要在 函数名与function 之间添加个 * 号。如：function * gen(){
1. Node 是 JavaScript 的服务器运行环境（runtime）。它对 ES6 的支持度更高。除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。 使用下面的命令，可以查看 Node 已经实现的 ES6 特性。--v8-options 2. Babel 是一个广泛使用的 ES6 转码器，可以将 ES6
1.什么是生成器生成器就是通过构造函数Generator创建出来的对象，生成器即是一个迭代器，同时又是一个可迭代的对象创建生成器只需要把函数变成Generator函数```javascript
function* test(){
}
const generator = test(); //next symbol
console.log(generator) // 迭代器### 生成的内
转载
2024-09-30 23:45:58
77阅读
文章目录一、概述1.2 构造函数二、静态成员 & 实例成员2.1 实例成员2.2 静态成员三、原型3.1对象原型3.2 原型的 constructor构造函数3.3 原型链3.4 原型对象的应用3.5 总结四、继承2.1 call方法2.2 利用父构造函数实现继承2.3 class 类的本质 一、概述在典型的OOP的语言中（如Java），都存在类的概念，类就是对象的模板，对象就是类的实例
转载
2024-02-08 07:37:21
46阅读
简要步骤1.新建项目，并在命令行初始化项目 npm init -y
2.安装版本对应的webpack,webpack-dev-server,webpack-cli包（热更新）
"webpack": "^3.8.1",
"webpack-cli": "^3.0.0",
"webpack-dev-server": "^2.9.3"
3.新增并配置webpack.confi
转载
2024-09-26 13:44:24
312阅读
ES6提出了两个新的声明变量的命令：let 和 const 1. 建议不再使用var，而使用let 和const 。优先使用const。//bad
var a = 1, b =2 , c = 3;
// good
const [a,b,c] = [1,2,3];2.静态字符串一律使用单引号或反引号，不建议使用双引号。动态字符使用反引号。//bad
const a = "foobar";
c
英文 | https://www.javascripttutorial.net翻译 | 杨小爱在本教程中，我们将学习了解JavaScript符号原始类型以及如何有效地使用Symbol。创建SymbolES6 添加了 Symbol 作为新的原始类型。与数字、布尔值、空值、未定义和字符串等其他基本类型不同，symbol类型没有文字形式。要创建Symbol，我们可以使用全局 Symbol() 函数，如本
commonjs模块化解决方案commonjs导入导出需要底层解析器如webpack的支持，无法直接使用下面的格式导入导出CommonJS的导出语法：module.exports={...}CommonJs中使用module.exports导出变量及函数，也可以导出任意类型的值，看如下案例// 导出一个对象
module.exports = {
name: "蛙人",
age: 2
<template>
<div class="wrapper">
<h3>
ES6是什么</h3>
<div>
1
ES6是什么
ES6是新一
代的
JS语言标准，对分
JS语言核心内容做了升级优化，规范了
JS使用标准，新增
了
JS原生方法，使得
JS使用更加规范，更加优雅，更适合大型应用的开
关键字（var、let和const）
var 是函数作用域
let 和 const 是块级作用域
什么是块级作用域
花括号{}内部为块级作用域
函数作用域是函数里的内容
var和let用来声明变量
const用来声明常量，并且必须赋值，赋值后声明的的数据(值类型)不能修改
// let
var a = 1;
let b = 2;
es6是ECMAScript的第6个版本，在2015年发布。也有人将ECMAScript之后的版本统称为es6。比起之前的语法，es6有很多新语法，让开发者在操作数据和函数的时候，功能既多，操作又简便。数组新增的方法some - 判断数组中是否至少有一个元素是满足指定条件的，返回布尔值
every - 判断数组中是否所有元素都满足指定的条件，返回布尔值
find - 查找数组中第一个满足指定条件的
转载
2024-09-04 13:08:15
34阅读
1.使用Babel转码 全局安装 npm install -g babel-cli 布局安装 npm install -g babel-cli --save-dev Babel的配置文件是.babelrc，
原创
2022-09-22 16:06:18
339阅读
webpack这货还是挺火的,目前前端不管是react和vue都用这个打包,还是挺好用的，本文刚开始写的是webpack2，但后来发现webpack3可以无伤升级就升级了下，据说webpack3相对于2的生成的代码运行速度更快！在家里装了个最新版本的nodejs8.4.0，附带的npm是5.3.0的，有的时候install的时候会爆Cannot read property ‘0’ of unde
一、将es6转成es5的操作需要通过gulp-babel插件完成npm install -g babel-cli
npm install --save-dev babel-preset-es2015
npm init -y
3） 项目目录创建文件根目录下创建一个index.js,代码：
let =45；
和新建自定义文件：.babelrc 代码：
{
转载
2024-05-10 18:48:34
1877阅读
ES6说明 ECMAScript6新的javascript标准变量的声明var
let
01let与var基本一致，用作变量声明
02let在一对括号{}中形成局部作用域
03let声明的变量不会变量提升
04let不能重复声明变量（同一作用域）
const
01与let一致（局部，不提升，不能重复声明）
02声明必须赋值
03赋值不能修改
转载
2024-08-05 22:26:34
75阅读
单例模式单例模式可以保证系统中，应用该模式的类一个类只有一个实例。在JS中的单例 模式，就相当于给一个类中假如一个静态方法，然后使它返回这个类的实例化对象，他返回的这个实例化对象就是唯一的，通过这个单例模式我们就可以在其他js文件中不引用其他js获取到其中的方法，也可以用侦听来得到我们需要的数据。举例如下，使用单例模式使用get相当于常量，ES6中是没有常量的。get和set可以参考我之前的set
如何使用ES6开发Three.js项目（二）之前写过一篇文章如何使用ES6开发Three.js项目（一），这次再完善一下，并把代码放在GitHub上了。three.js-es6-webpack基于ES6开发的three.js演示项目项目目录：public : 打包后文件夹src : 项目文件
assets : 项目资源文件夹,图片视频等
mapb.jpgcss :
ind
