网站底部版权信息代码,在线设计平台推荐,免费建站网站一区黄在线国产,重庆小程序制作node 环境搭建快速安装国内镜像npm i -g nrmnrm use taobao简单介绍 ES6let constlet 不可以被重复声明#xff0c;而 var 可以箭头函数等效匿名函数没有 argumentsthis 指向了函数所在的上下文环境函数的返回值let a () {}; console.log(a); // undefined, 误认为返回的…node 环境搭建快速安装国内镜像npm i -g nrmnrm use taobao简单介绍 ES6let constlet 不可以被重复声明而 var 可以箭头函数等效匿名函数没有 argumentsthis 指向了函数所在的上下文环境函数的返回值let a () {}; console.log(a); // undefined, 误认为返回的是表达式let b () ({});console.log(b); // {}剩余参数function fn(a,...re){ console.log(re) };fn(1,2,3) // [2,3]解构赋值let human { id: 0 };let { id: id1} human;console.log(id1); // 0, 已经把 id 给了 id1类是个语法糖看起来更像 OOP用法class Animal{constructor(a, b){ // 传递参数this.a a;this.b b;}add(){return console.log(this.a this.b)}}let a new Animal(1,2)console.log(a) // {a: 1,b: 2}a.add() // 3继承class Human extends Animal{constructor(name){super(3,4) // 执行父类的构造函数this.name name}}let hu new Human()console.log(hu.a) // 3简单介绍 commonJSES6模块化规范commonJS: require() / module.exports {}ES6: import {} from / export {}工作流程包管理器,管理安装项目依赖npm ( install, update, remove, analyse )任务流工具Grunt, gulp ( 两者无法支持模块化开发 ), webpack ( 模块打包代码检查等 )Babel 简单介绍可以把很多不是 JS 的文件自动编成 JSbabel-core: 核心库类似一个裸机只有操作系统需要装软件才能发挥大作用plugins: 插件各种各样的插件例如es2015-arrow-functions 编译箭头函数presets: 预设会把很多插件打包到一起例如react/latest.babelrc: 配置文件填写 plugins 和 presetswebpack 简单介绍安装 $ npm i -D webpack项目结构|-dist // 打包生成文件存放|-src|- app.js // 入口文件代码// webpack.config.jsconst path require(path)module.exports {entry: ‘./src/app.js’, // 项目入口文件output: {filename: main.js // 打包后的文件path: path.resolve(__dirname, dist/assets)// 打包保存到哪里绝对路径publicPath: /assets/ // 未知}}执行$ webpack
