面试深入一、ES6模块化、安装和打包

verano 发布于2019-08-23 13:49 / 2474人阅读

摘要：开发环境已经普及使用浏览器环境却支持不好需要开发环境编译内容很多，重点了解常用语法面试开发环境的使用重点语法的掌握问题模块化如何使用，开发环境如何打包和普通构造函数有何区别的基本使用和原理总结一下其他常用功能模块化的基本语法开发环境电脑有

ES6

开发环境已经普及使用

浏览器环境却支持不好（需要开发环境编译）

内容很多，重点了解常用语法

面试：开发环境的使用 + 重点语法的掌握

问题

ES6模块化如何使用，开发环境如何打包

Class和普通构造函数有何区别

Promise的基本使用和原理

总结一下ES6其他常用功能

模块化的基本语法

//util1.js
export default {
    a: 100
}

//util2.js
export function fn1() {
    alert("fn1");
}
export function fn2() {
    alert("fn2");
}

//index.js
import util1 from "./util1.js"
import { fn1, fn2 } from "./util2.js"
console.log(util1);
fn1();
fn2();

开发环境-babel

 1、电脑有node环境，运行npm init
 
 2、npm install --save-dev babel-core babel-present-es2015 babel-present-latest
 
 3、创建`.babelrc`文件
 
 4、npm install --global babel-cli
 
 5、babel --version
 
 6、创建 ./src/index.js
 
 7、内容：[1,2,3].map(item => item +1)

开发环境-webpack

1、npm install webpack babel-loader --save-dev
//--save -dev保存在开发环境中

2、配置 webpack.config.js

3、配置package.json中的script

4、运行npm start

rollup介绍（vue、react都是通过rollup打包的）

能优化冗余代码，体积更小

1、npm init

2、 npm i rollup rollup-plugin-node-resolve rollup-plugin-babel babel-plugin-external-helpers babel-preset-latest --save-dev

3、配置 .babelrc

4、 rollup.config.js

rollup功能单一，webpack功能强大，学习成本很高

关于JS众多模块化标准

没有模块化

AMD成为标准，require.js（也有CMD）

前端打包工具，是的node.js模块化可以被使用

ES6出现，想统一现在所有模块化标准

node.js积极支持，浏览器尚未统一

问题解答

语法：import export (注意有无default)
环境：babel编译ES6语法，模块化可用webpack和rollup
扩展：说一下自己对模块化统一的期待

云服务器 GPU云服务器深入网站开发和运维 webrtc 打包sdp和ice 栈和队列面试题阿里云堡垒深入网站开发和运维

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99631.html

面试官：自己搭建过vue开发环境吗？

摘要：在搭建过程中，还是会踩很多坑的。如果还不熟悉的话，建议自己搭建一次。开篇原文地址：www.ccode.live/lentoo/list… 前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码...

HelKyle 2019-05-22 15:27 评论0 收藏0
JavaScript - 收藏集 - 掘金

摘要：插件开发前端掘金作者原文地址译者插件是为应用添加全局功能的一种强大而且简单的方式。提供了与使用掌控异步前端掘金教你使用在行代码内优雅的实现文件分片断点续传。 Vue.js 插件开发 - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins译者：jeneser Vue.js插件是为应用添加全局功能的一种强大而且简单的方式。插....

izhuhaodev 2019-08-21 11:44 评论0 收藏0
2017-07-07 前端日报

摘要：前端日报精选了解中的全局对象和全局作用域张鑫旭鑫空间鑫生活子进程你应该知道的一切直出内存泄露问题的追查实践我他喵的到底要怎样才能在生产环境中用上模块化腾讯前端大会大咖说大咖干货，不再错过发布发布中文翻译在使用进行本地开发代码 2017-07-07 前端日报精选了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活Node.js 子进程：你应该知道...

import. 2019-08-20 17:48 评论0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函数式编程前端掘金引言面向对象编程一直以来都是中的主导范式。函数式编程是一种强调减少对程序外部状态产生改变的方式。 JavaScript 函数式编程 - 前端 - 掘金引言面向对象编程一直以来都是JavaScript中的主导范式。JavaScript作为一门多范式编程语言，然而，近几年，函数式编程越来越多得受到开发者的青睐。函数式编程是一种强调减少对程序外部状态产生改变的方式。因此，...

cfanr 2019-08-20 16:33 评论0 收藏0