Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）：搭建基本环境 配置环境(1)

JavaScript

• js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

• 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

• Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

• JS常见的dom操作api

• 解释一下事件冒泡和事件捕获

• 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

• 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

• this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

• call，apply，bind

• 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

• 创建对象的多种方式

• 实现继承的多种方式和优缺点

• new 一个对象具体做了什么

• 手写Ajax，XMLHttpRequest

• 变量提升

• 举例说明一个匿名函数的典型用例

• 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

• attribute和property的区别

• document load和document DOMContentLoaded两个事件的区别

• JS代码调试

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

（3）修改端口号

项目默认 使用 8080 端口访问项目，当 8080 被占用时，会自动选择新的端口打开。

可以自定义端口访问，如下定义端口为 4000。

module.exports = {

devServer: {

port: 4000

}

}

重启项目

2、生产环境、开发环境

（1）简介

开发的过程中，一般分为 开发、测试、生产等环境。

不同的环境下，会有不同的变量、属性（比如 端口、ip 地址不同）。

所以需要对不同的环境设置不同的配置文件。

（2）开发环境、生产环境

【参考文档：】

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F

在当前项目的根目录下，创建 两个文件（.env.development、.env.production）。

其中：

.env.development 是开发环境会加载的文件，即 npm run serve 时，会加载 .env.development。

.env.production 是生产环境会加载的文件（打包后的文件），即 npm run build 时，会加载 .env.production。

（3）简单使用

a》给 .env.development 添加一个变量。

命名规则： VUE_APP_ + 变量名 。

b》给 .env.production 添加一个变量。

c》通过 process.env.VUE_APP_URL 获取该变量。

获取规则 process.env.VUE_APP_ + 变量名。

{{proUrl}}

d》重启项目，输出8000 即加载的是 .env.development文件

e》执行 npm run build，用于打包项目，生成 dist 文件。

f》运行 dist。

直接访问 dist 的 index.html 页面 是不会成功的，需要使用服务器启动才能访问。

【全局安装 serve】

npm install -g serve

【执行 dist】

进入 dist 目录，输出 serve

或者 直接 serve -s dist路径，比如 serve -s E:\vue\front\dist

http://localhost:3000

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】