前端面试题整理—Node篇

1、node有哪些特征，与其他服务器端对比

　　特征：单线程、事件驱动、非阻塞I/O

　　node 无法直接渲染静态页面，提供静态服务

　　node 没有根目录的概念

　　node 必须通过路由程序指定文件才能渲染文件

　　node 比其他服务端性能更好，速度更快

2、CommonJS中require/exports和ES6中import/export区别

　　CommonJS模块的重要特性是加载时执行，及脚本代码在require的时候，就会全部执行。一旦出现某个模块被“循环加载”就只输出已经执行的部分，还没有执行的部分是不输出的

　　ES6模块是动态引用，如果使用import从一个模块加载变量，那些变量不会缓存，而是成为一个指向被加载模块的引用,impor/export最终都是编译为require/exports来执行的

3、谈谈对node.js npm webpack的理解

　　ebpack能够把.vue后缀名的文件打包成浏览器能够识别的js，而这个.vue文件装换需要打包器vue-loader；这个vue-loader打包器是可以从npm上面下载，npm下载文件之后；webpack打包文件的时需要node环境去运行

4、使用npm有哪些好处？

　　通过NPM，你可以安装和管理项目的依赖，并且能够指明依赖项的具体版本号，可以通过package.json文件来管理项目信息，配置脚本

5、AMD CMD规范的区别

　　CommonJS和AMD都是JavaScript模块化规范

　　CMD依赖就近，而AMD依赖前置

　　CMD是延迟执行的，而AMD是提前执行的

　　AMD的API默认是一个当多个用，CMD的API严格区分，推崇职责单一

6、如何判断当前脚本运行在浏览器还是node环境中

　　通过判断 Global 对象是否为 window ，如果不为window ，当前脚本没有运行在浏览器中

7、简述同步和异步的区别，如何避免回调地狱

　　同步方法调用一旦开始，调用者必须等到方法调用返回后，才能继续后续的行为

　　异步方法调用一旦开始，方法调用就会立即返回，调用者就可以继续后续的操作。而异步方法通常会在另外一个线程中，整个过程，不会阻碍调用者的工作

　　避免回调地狱：

　　1）Promise

　　2）async/await

　　3）generator

　　4）事件发布/监听模式

8、几种常见模块化规范的简介

　　 CommonJS规范主要用于服务端编程，加载模块是同步的，这并不适合在浏览器环境，因为同步意味着阻塞加载，浏览器资源是异步加载的

　　AMD规范在浏览器环境中异步加载模块，而且可以并行加载多个模块。不过，AMD规范开发成本高，代码的阅读和书写比较困难

　　CMD规范与AMD规范很相似，都用于浏览器编程，依赖就近，延迟执行，可以很容易在Node.js中运行（依赖SPM 打包，模块的加载逻辑偏重）

　　ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案

9、app.use和app.get区别

　　app.use(path,callback)中的callback既可以是router(路由)对象又可以是函数

　　app.get(path,callback)中的callback只能是函数

10、说一下事件循环eventloop

　　1）所有同步任务都在主线程上执行，形成一个执行栈

　　2）当主线程中的执行栈为空时，检查事件队列是否为空，如果为空，则继续检查；如不为空，则执行3

　　3）取出任务队列的首部，加入执行栈

　　4）执行任务

　　5）检查执行栈，如果执行栈为空，则跳回第 2 步；如不为空，则继续检查

11、node怎么跟MongoDB建立连接

　　1）引入mongoose

　　2）使用mongoose.connect()方法连接到MongoDB数据库

　　3）监听连接是否成功

　　4）然后通过node，书写接口，对数据库进行增删改查

12、node 和前端项目怎么解决跨域的

　　通过在node服务器端设置

//解决跨域问题
        app.use(async(ctx, next) => {
            
            //指定服务器端允许进行跨域资源访问的来源域。可以用通配符*表示允许任何域的JavaScript访问资源，但是在响应一个携带身份信息(Credential)的HTTP请求时，必需指定具体的域，不能用通配符
            ctx.set("Access-Control-Allow-Origin", "*");

            //可选。它的值是一个布尔值，表示是否允许客户端跨域请求时携带身份信息(Cookie或者HTTP认证信息)。默认情况下，Cookie不包括在CORS请求之中。当设置成允许请求携带cookie时，需要保证"Access-Control-Allow-Origin"是服务器有的域名，而不能是"*";如果没有设置这个值，浏览器会忽略此次响应。
            ctx.set("Access-Control-Allow-Credentials", true);
            
            //指定服务器允许进行跨域资源访问的请求方法列表，一般用在响应预检请求上
            ctx.set("Access-Control-Allow-Methods", "OPTIONS, GET, PUT, POST, DELETE");
            
            //必需。指定服务器允许进行跨域资源访问的请求头列表，一般用在响应预检请求上
            ctx.set("Access-Control-Allow-Headers", "x-requested-with, accept, origin, content-type");
            // ctx.set("X-Powered-By", ' 3.2.1');
            
            //告诉客户端返回数据的MIME的类型，这只是一个标识信息,并不是真正的数据文件的一部分
            ctx.set("Content-Type", "application/json;charset=utf-8");
            
            //如果不设置mode，直接设置content-type为application/json，则fetch会默认这是跨域模式（mode:'cors'），在跨域POST之前，客户端会先发一条OPTIONS请求来”探探路”，如果服务器允许，再继续POST数据。对于这种OPTIONS请求，需要在服务器配置允许接受OPTIONS请求，这样写就是直接允许了所有的OPTIONS请求，也可以按照需求来判断OPTIONS请求中更详细的信息
            if (ctx.request.method == "OPTIONS") {
                ctx.response.status = 200
            }
            await next();
        });

来源：oschina

链接：https://my.oschina.net/u/4312653/blog/3577454

标签

commonjs

npm

Vue.js

javascript