Node-基础(1)，前端面试算法题

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

ECMAScript的语法都可以在Node环境中使用

JS弊端

====

文件依赖不明确

---

例如：我们在使用jQuery插件前，需要先引入jQuery，这样jQuery插件才能正常使用。假设，现在a.js 依赖于 b.js, 而b.js又依赖于c.js，而c.js又依赖于d.js，那么我们使用a.js时，需要按顺序引入d.js、c.js、b.js，最后才能引入a.js来使用。JS没有提供js文件间依赖关系整理的能力。

文件间命名冲突

---

例如：同一个html中，引入了a.js和b.js，而这两个js文件一旦被引入，就处于同一个全局作用域下，如果a.js的全局作用域下中定义了变量c，b.js的全局作用域下中也定义了变量c，则变量c产生命名冲突，会因为a.js和b.js引入顺序的不同而产生不同的结果。

Node模块

======

在Node中，将每一个js文件定义成一个模块，模块内部定义的成员在默认情况下，外部无法得到。

Node模块可以解决JS的两大弊端。

1、解决js文件间依赖不明确

Node提供了require方法，模块中可以使用该方法引入其他模块的对外暴露的内容。

Node提供了exports对象，模块中可以将需要对外暴露的属性和方法绑定到该对象。

2、解决不同js的命名冲突问题

不同js文件间的命名冲突问题本质是，它们内部的变量，函数被引入到了同一个全局作用域下。

如果不同js文件的内部代码被封装到一个函数作用域下，这样就不存在js文件间因为变量命名相同，而产生冲突的问题。

而Node模块中的代码就是被封装到了一个函数作用域中

Node模块深入理解

==========

Node将每一个js文件当成一个模块，其实是将每一个js文件看出一个独立的作用域，完成独立的功能。而实现模块的方式就是将js文件内部的代码封装到一个函数中。

证明Node对js文件做了函数封装

---

1、每个函数中都有一个arguments对象，用来保存外部调用函数时传递的参数，而arguments对象有一个属性callee，可以反指向arguments对象所对应的函数对象。

封装函数解析

---

function (exports, require, module, __filename, __dirname)

该函数有五个形参：

exports ：指向一个对象，该对象保存该模块对外暴露的属性和函数

require ：指向一个函数，该函数用来引入其他模块的exports对象

module ：指向一个对象，该对象就是模块本身，该对象有一个属性exports用来指向该模块对外暴                   露的属性和函数，和形参exports指向的是同一个对象，即exports = module.exports

__filename：当前模块文件的路径

__dirname：当前模块文件所在文件夹的路径

require函数的形参和返回值

---

require函数的形参是需要引入的模块路径，即js文件的路径。

该路径可以是绝对路径，也可以是相对路径。

如果是相对路径的话，必须使用 . 或 … 开头。

require函数的返回值是被引入模块的module.exports对象。

exports和module.exports的区别

---

Node模块中exports和module.exports的使用区别

我们需要知道 exports 默认指向 module.exports指向的对象，即 exports = module.exports

所以默认情况下，我们既可以使用exports来添加当前模块需要对外暴露的成员，也可以使用module.exports来做。

但是 exports不能采用 {a:…, b:…} 对象整体赋值的方式，因为这样会改变exports的指向，导致exports不能再指向module.exports指向的对象。

而require方法返回值就是module.exports，即

function require(…) {

…

return module.exports

}

所以module.exports既可以采用单个成员赋值方式，也可以采用对象赋值方式

Node模块分类

========

Node模块可以分为系统模块、第三方模块、自定义模块

系统模块就是Node.js自带的模块

第三方模块就是从npm上下载的第三方开发的模块

自定义模块就是自己开发的模块

不同模块的引入区别

---

系统模块，第三方模块使用require引入时，直接使用模块标识即可。

自定义模块使用require引入时，还需使用模块路径。

系统模块

====

fs模块

---

fs模块就是file system模块，是Node.js提供的读写文件的模块。

// 引入fs模块

const fs = require(‘fs’);

// fs模块读取文件内容

fs.readFile(‘文件路径/文件名称’ [, ‘文件编码’], callback)

// fs模块写入文件内容

fs.writeFile(‘文件路径/文件名称’, ‘写入的数据’, callback)

当 Node.js 执行 I/O 操作时（例如从网络读取、访问数据库或文件系统），Node.js 会在响应返回时恢复操作，而不是阻塞线程并浪费 CPU 循环等待。

所以fs模块readFile/writeFile会将操作交给回调函数执行。而readFile/writeFile的回调函数的第一个形参都是用来接收err信息的，即IO操作失败的信息，如果IO操作成功，则第一个形参值为null.

path模块

---

由于Node.js是一个跨平台的JS运行环境，所以Node.js在使用路径时，会面临不同操作系统的路径使用的路径分隔符不同的问题。

Node.js提供了path模块来解决跨平台带来的路径拼接时分隔符使用问题。

// 引入path模块

const path = require(‘path’);

// 利用path模块的join方法拼接路径

var str = path.join(‘路径’, ‘路径’, …);

由于Node中的相对路径的相对参照物是不确定的，所以Node中使用路径时，建议使用绝对路径。

Node的相对路径可能是相对于当前所在文件的路径

// tool.js

console.log(‘tool required’)

// module.js

require(‘./tool’);

Node的相对路径也可能是相对于文件被执行时命令所在路径

// module.js

const fs = require(‘fs’);

fs.readFile(‘./a.txt’, ‘utf-8’, function (err, doc) {

if (!err) {

console.log(doc);

} else {

console.log(err)

}

});

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

模式**

[外链图片转存中…(img-o2i4q4on-1713706569927)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-i4Il4Acv-1713706569927)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-CT2yzCn1-1713706569927)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！