先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
正文
(3)处理流数据,因为流是在 EventEmitter的基础上实现的。
(4)运用观察者模式收发消息的相关应用。
25、如何捕获 EventEmitter的错误事件?
当发布error消息的时候,如果没有注册该事件,应用程序会抛出错误并中断执行。所以要监听error事件,代码如下。
var ie= new IcktEmitter ( );
ie .on('error ', function(err){
conso1e.1og ( ‘接收到错误的信息’,err )
})
ie.emit(’ error’,‘来自ie1的错误消息’);
26、Node. js中的流是什么?
流(Stream)是基于 EventEmitter的数据管理模式,由各种不同的抽象接口组成,主要包括可写、可读、可读写、可转换等类型。
27、使用流有什么好处?
流是非阻塞式数据处理模式,可以提升效率,节省内存,有助于处理管道且可扩展等。
28、流有哪些典型应用?
流在文件读写、网络请求、数据转换、音频、视频等方面有很广泛的应用。
29、如何捕获流的错误事件?
监听error事件,方法与订阅 EventEmitter的error事件相似。
30、有哪些常用 Stream流?分别什么时候使用?
Readable流为可读流,在作为输入数据源时使用;Writable流为可写流,在作为输岀源时使用;Duplex流为可读写流,它作为输岀源被写入,同时又作为输入源被后面的流读出。
Transform流和 Duplex流一样,都是双向流,区别是 Transfrom流只需要实现一个函数 _transfrom( chunk, encoding, callback);而 Duplex流需要分别实现_read(size )函数和_write( chunk, encoding, callback )函数。
31、如何实现一个 Writable流?
实现 Writable流分成3步
(1)引入 Writable模块。
(2)继承 Writable模块。
(3)实现 _write(chunk, encoding, callback )写入函数。
代码如下。
//引入 Writable模块
var Writable= require(‘stream’).Writable;
var Util = require(‘util’);
//继承 Writable模块
function IcktWritable( ) {
Writable. apply(this, arguments ) ;
}
Util.inherits ( IcktWritable, Writable ) ;
//实现 write函数
IcktWritable. prototype. _write = function ( data, encoding, callback ) {
console.log (‘被写入的数据是:’ ,data. toString ( ) )
callback ( )
}
var iw= new IcktWritable ( ) ;
for (var i=0;i< 5 ;i++ ) {
iw. write(‘有课网’+i,'utf8")
}
iw,end(‘学技能就上有课网’ );
32、内置的fs模块架构由哪几部分组成?
fs模块主要由下面几部分组成。
(1) POSIX文件 Wrapper,对应操作系统的原生文件操作。
(2)文件流,fs. createReadStream和 fs.createWriteStrean。
(3)同步文件读写, fs.readFileSync和fs.writeFileSync。
(4)异步文件读写, fs.readFile和fs.writeFile。
33、读写一个文件有多少种方法?
总体来说,有4种方法。
(1) POSIX式底层读写。
(2)流式读写。
(3)同步文件读写。
(4)异步文件读写。
34、如何读取JSON配置文件?
主要有两种方式。第一种是利用 Node. js内置的 require( data.json!)机制,直接得到 Javascript对象;
第二种是读入文件内容,然后用JSON. parse( content)转换成 JavaScript对象。
二者的区别是,对于第一种方式,如果多个模块都加载了同一个JSON文件,那么其中一个改变了 JavaScript对象,其他也跟着改变,这是由 Node.js模块的缓存机制造成的,缓存中只有一个 JavaScript模块对象;
第二种方式则可以随意改变加载后的JavaScript变量,而且各模块互不影响,因为它们都是独立的,存储的是多个 JavaScript对象。
35、fs.watch和 fs.watchFile有什么区别?
二者主要用来监听文件变动,fs.watch利用操作系统原生机制来监听,可能不适用网络文件系统;fs. watchFile则定期检查文件状态变更,适用于网络文件系统,但是与fs.watch相比有些慢,因为它不采用实时机制。
36、为什么需要子进程?
Node. js是异步非阻塞的,这对高并发非常有效。可是我们还有其他一些常用的需求,比如和操作系统 shell命令交互,调用可执行文件,创建子进程,进行阻塞式访问或高CPU计算等,子进程就是为满足这些需求而产生的。顾名思义,子进程就是把 Node. js阻塞的工作交给子进程去做。
37、exec、 execFile、 spawn和fork都是做什么用的?
它们的作用分别如下。
exec可以用操作系统原生的方式执行各种命令,如管道 cat ab. txt | grep hello。
execFile用于执行一个文件。
spawn负责在流式和操作系统之间进行交互。
fork负责在两个 Node. js程序( JavaScript)之间进行交互。
38、如何实现一个简单的命令行交互程序?
实现代码如下。
var cp = require (’ child process );
//执行指令
var child= cp .spawn(‘echo’, ['hello, ‘’] );
// child.stdout是输入流, process. stdout是输出流
//子进程的输出流作为当前程序的输入流,然后重定向到当前程序的控制器输出
child. stdout. pipe(process. stdout)
39、两个 Node. js程序之间如何交互?
通过fork实现父子程序之间的交互。子程序用 process.on、 process. send访问父程序,父程序用 child.on、 child.send访问子程序。
关于 parent. JS的示例代码如下。
var cp = require (’ child_process’ ) ;
var child= cp.fork (‘./child. js’ );
child .on(‘message’, function(msg){
console.1og(‘子程序发送的数据:’,msg )
})
child.send ( ‘来自父程序发送的数据’ )
关于 child .js的示例代码如下。
process .on ( ‘message’ , function(msg){
conso1e.1og ( '父程序发送的数据: ’ , msg )
process.send ( ‘来自子程序发送的数据’ )
40、如何让一个 JavaScript文件变得像 Linux命令一样可执行?
具体步骤如下。
(1)在文件头部加入#!/ bin/sh
如 icketang40.js
#!/bin/sh
echo’有课网— 技能学习就上有课网;
(2)用 chmod命令把名为 icketang40的 JavaScript文件改为可执行文件。
chmod + x icketang40.js
(3)进入文件目录,在命令行输入 icketang40.js就相当于执行 node icketang40.js
$ ./icketang40.js
执行结果。
41、子进程和进程的 stdin、 stdout、 stderror是样的吗?
概念都是一样的。stdin、 stdout、 stderror分别是输入、输出、错误。三者都是流。区别是在父进程里,子进程的 stdout是输入流, stdin是输出流。
42、async都有哪些常用方法?分别怎么用?
async是一个 JavaScript类库,它的目的是解决 JavaScript中异常流程难以控制的问题。async不仅在 Node. js里适用,还可以用在浏览器中。其常用方法和用法如下。
具体代码如下所示。
var async = require('async ');
var date = Date .now ( );
(1) async. parallel:并行执行完多个函数后,调用结束函数。不用等到前一个函数。执行完再执行下一个函数。
async .parallel ( [
function ( callback ) {
setTimeout (function () {
console. log(‘process one’, Date. now ( ) - date)
callback(null, ‘msg one’)
},2000)
},
function ( callback ){
setTimeout ( function () {
console. log(‘process tow’, Date .now ( ) - date )
callback ( null, ‘msg tow’ )
},1000)
}
], function(err, result){
console. log(err, result, 'done ')
})
(2) async.series:串行执行完多个函数后,调用结束函数。前面一个函数执行完之后,就会立即执行下一个函数。
async .series ( [
function ( callback ) {
setTimeout ( function () {
console. log ( 'process one ', Date. now ( ) - date )
callback ( null, ’ msg one’ )
},2000 )
},
function ( callback ) {
setTimeout ( function () {
console. log ( ‘process tow’, Date. now ( ) - date )
callback ( null, 'msg tow ’ )
},1000 )
}
] , function (err, result ) {
console. log(err, result, ‘done’)
})
(3) async. waterfall:依次执行多个函数,前一个函数的执行结果作为后一个函数执行时的参数。
async .waterfall ( [
function ( callback ) {
setTimeout ( function () {
console. log('process one, Date. now()- date)
callback(null, ‘msg one’)
},2000)
},
function(argl, callback){
setTimeout (function(){
console. log('process tow, Date. now ( ) - date, argl )
callback(null, ‘msg tow’)
},1000)
}
] , function(err, result){
console. log(err, result, 'done ')
})
43、express项目的目录大致是什么结构的?
首先,执行安装 express的指令:npm install express-generator-g。
然后,通过 express指令创建项目:express icketang。
创建的项目目录结构如下。
-
./app.js 应用核心配置文件(入口文件)
-
./bin 存放启动项目的脚本文件
-
./ package.json 存储项目的信息及模块依赖
-
./public 静态文件(css、js、img等)
-
./routes 路由文件(MVC中的 contro1ler)
-
./views 页面文件(jade模板)
44、express常用函数有哪些?
常用函数有以下几个
-
express .Router—路由组件
-
app.get—路由定向。
-
app. configure——配置。
-
app.set一设定参数。
-
app.use——使用中间件。
45、express中如何获取路由的参数?
执行的命令如下
/users/:name
使用 req.params.name来获取;使用req.body.username来获得表单传入参数 username;express的路由支持常用通配符有?、+、*、( )。
46、express response有哪些常用方法?
常用方法有以下几个。
-
res. download( ),弹出文件下载。
-
res.end ( ),结束响应。
-
res.json( ),返回json。
-
res.jsonp( ),返回 jsonp。
-
res .redirect ( ),重定向请求。
-
res .render ( ),渲染模板。
-
res.send ( ),返回多种形式数据。
-
res.sendFile ( ),返回文件。
-
res.sendStatus( ),返回状态。
47、mongodb有哪些常用优化措施?
常用优化措施如下。
(1)优化预读。
(2)禁用NUMA。
(3)不要记录访问时间等。
48、Redis的主要特点是什么?
主要特点如下。
(1) Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可以再次加载和使用。
(2) Redis不仅支持简单的键-值类型的数据,同时还提供list、set、zset、hash等数据结构的存储。
(3) Redis支持数据的备份,即主-从模式的数据备份。
49、Nginx和 Apache有什么区别?
Nginx是轻量级的,同样的Web服务在 nginx中会占用更少的内存和资源。Nginx抗并发,处理请求的方式是异步非阻塞的,负载能力比 Apache高很多,而 Apache则是阻塞型的。
在高并发下 Nginx能保持低资源、低消耗、高性能,并且处理静态文件比 Apache好。
Nginx的设计高度模块化,编写模块相对简单,配置简洁。作为负載均衡服务器,支持7层负载均衡,是一个反向代理服务器。
对象篇
模块化编程-自研模块加载器
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
ge/format,png)
模块化编程-自研模块加载器
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-gfbfsXPK-1713641833235)]
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!