2024年最全Nginx&Web负载均衡集群搭建，2024年最新2024阿里手淘前端面试题目

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

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

查看nginx的版本

G:\nginx-1.18.0>nginx -v

在命令行中启动nginx服务

.\nginx.exe（或者nginx即可）

start nginx --启动命令

强制停止nginx服务器，如果有未处理的数据，丢弃

nginx -s stop

如果有未处理的数据，等待处理完成之后停止

nginx -s quit

重新加载

nginx -s reload

3.配置文件

=========================================================================

在conf文件夹中找到nginx.conf配置文件，主要由6个部分组成：

main：用于进行nginx全局信息的配置

events：用于nginx工作模式的配置

http：用于进行http协议信息的一些配置

server：用于进行服务器访问信息的配置

location：用于进行访问路由的配置

upstream：用于进行负载均衡的配置

4. nginx支持的负载均衡调度算法

=======================================================================================

4.1、轮询（默认）

---

每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，

能自动剔除。

upstream backserver {

server 192.168.0.14;

server 192.168.0.15;

}

4.2、指定权重

---

指定轮询几率，weight和访问比率成正比，用于后端服务器性能不均的情况。

upstream backserver {

server 192.168.0.14 weight=10;

server 192.168.0.15 weight=10;

}

4.3 IP绑定 ip_hash

---

每个请求按访问ip的hash结果分配，

这样每个访客固定访问一个后端服务器，

可以解决集群部署环境下session共享的问题。

upstream backserver {

ip_hash;

server 192.168.0.14:88;

server 192.168.0.15:80;

}

5.修改Tomcat端口配置文件

===================================================================================

G:\apache-tomcat-8.5.32\conf\server.xml

##注：修改4个配置文件即可

<Connector port=“8081” protocol=“HTTP/1.1”

connectionTimeout=“20000”

redirectPort=“8444” />

6. nginx.conf配置文件

=====================================================================================

#user nobody;

worker_processes 1;

#error_log logs/error.log;

#error_log logs/error.log notice;

#error_log logs/error.log info;

#pid logs/nginx.pid;

events {

worker_connections 1024;

}

http {

include mime.types;

default_type application/octet-stream;

#log_format main '$remote_addr - $remot{e}_{u}ser[$time_local] “$request” ’

'$status $bod{y}_{b}yte{s}_{s}ent"$http_referer" ’

‘“$htt{p}_{u}se{r}_{a}gent""$http_x_forwarded_for”’;

#access_log logs/access.log main;

sendfile on;

#tcp_nopush on;

#keepalive_timeout 0;

keepalive_timeout 65;

#gzip on;

upstream backserver {

server 127.0.0.1:8080;

server 127.0.0.1:8081;

}

server {

listen 80;

server_name localhost;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root html;

index index.html index.htm;

proxy_pass http://backserver;

}

#error_page 404 /404.html;

redirect server error pages to the static page /50x.html

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

proxy the PHP scripts to Apache listening on 127.0.0.1:80

#location ~ .php$ {

proxy_pass http://127.0.0.1;

#}

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

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

基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

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

[外链图片转存中…(img-DoJrFIi0-1715649574787)]

[外链图片转存中…(img-9aoRMl27-1715649574788)]