2024年Web前端最新如何在Ubuntu 18版本上安装Apache Web服务器(2)，2024年阿里Web前端面试题精选

数据结构与算法

这一块在笔试、面试的代码题中考核较多，其中常考的数据结构主要有：数组、链表、队列、栈、Set、Map、哈希表等，不同数据结构有不同的方法以及储存原理，这些算是技术岗的必备知识。算法部分主要分为两大块，排序算法与一些其他算法题。

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

排序算法根据考频高低主要有：快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种，这类考核点要么是算法的时间、空间复杂度、稳定度，要么是直接手写代码，故在理解算法原理的同时，对JS语言版的排序算法代码也要加强记忆。

• 二叉树层序遍历
• B 树的特性，B 树和 B+树的区别
• 尾递归
• 如何写一个大数阶乘？递归的方法会出现什么问题？
• 把多维数组变成一维数组的方法
• 知道的排序算法 说一下冒泡快排的原理
• Heap 排序方法的原理？复杂度？
• 几种常见的排序算法，手写
• 数组的去重，尽可能写出多个方法
• 如果有一个大的数组，都是整型，怎么找出最大的前 10 个数
• 知道数据结构里面的常见的数据结构
• 找出数组中第 k 大的数组出现多少次，比如数组【1，2， 4，4，3，5】第二大的数字是 4，出现两次，所以返回 2
• 合并两个有序数组
• 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）

在测试Apache之前，需要修改防火墙设置以允许外部访问默认Web端口。 假定您按照先决条件中的说明操作，则应该配置UFW防火墙，以配置对您的服务器的访问限制。

在安装期间，Apache向UFW注册自己以提供一些应用程序配置文件，可用于启用或禁用通过防火墙访问Apache。

输入以下内容列出ufw应用程序配置文件：

sudo ufw app list

您将看到应用程序配置文件的列表：

OutputAvailable applications:

Apache

Apache Full

Apache Secure

OpenSSH

正如你所看到的，有三个配置文件可用于Apache：

Apache ：此配置文件仅打开端口80（正常，未加密的网络流量）

Apache Full ：此配置文件可打开端口80（正常，未加密的网络流量）和端口443（TLS / SSL加密流量）

Apache Secure ：此配置文件仅打开端口443（TLS / SSL加密流量）

建议您启用最严格的配置文件，该配置文件仍将允许您配置的流量。 由于我们尚未在本指南中为我们的服务器配置SSL，因此我们只需要允许端口80上的流量：

sudo ufw allow ‘Apache’

您可以输入以下内容来验证更改：

sudo ufw status

您应该在显示的输出中看到允许的HTTP通信量：

To Action From

---

OpenSSH ALLOW Anywhere

Apache ALLOW Anywhere

OpenSSH (v6) ALLOW Anywhere (v6)

Apache (v6) ALLOW Anywhere (v6)

如您所见，配置文件已被激活以允许访问Web服务器。

第3步 - 检查您的Web服务器

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

在安装过程结束时，Ubuntu 18.04启动Apache。 Web服务器应该已经启动并正在运行。

请检查systemd init系统以确保服务正在运行，方法是键入以下命令：

sudo systemctl status apache2

正如你从这个输出中可以看到的那样，服务似乎已经成功启动。 然而，测试这个最好的方法是从Apache请求一个页面。

您可以访问默认的Apache着陆页，以确认软件通过您的IP地址正常运行。 如果您不知道服务器的IP地址，可以通过命令行获得几种不同的方式。

尝试在服务器的命令提示符处输入以下内容：

hostname -I

你会找回几个用空格分隔的地址。 你可以尝试在你的网页浏览器中查看它们是否工作。

另一种方法是输入此信息，该信息应该为您提供从互联网上的其他位置看到的公共IP地址：

curl -4 icanhazip.com

当您拥有服务器的IP地址时，请将其输入到浏览器的地址栏中：

http://your_server_ip

您应该看到默认的Ubuntu 18.04 Apache网页：

Apache默认页面

此页面表示Apache正常工作。 它还包含有关重要Apache文件和目录位置的一些基本信息。

第4步 - 管理Apache进程

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

现在您已经启动并运行了Web服务器，让我们回顾一些基本的管理命令。

要停止您的Web服务器，请键入：

sudo systemctl stop apache2

停止时要启动Web服务器，请输入：

sudo systemctl start apache2

要停止并再次启动服务，请键入：

sudo systemctl restart apache2

如果您只是简单地进行配置更改，Apache通常可以重新加载而不会丢失连接。 为此，请使用以下命令：

sudo systemctl reload apache2

默认情况下，Apache被配置为在服务器引导时自动启动。 如果这不是您想要的，请键入以下命令禁用此行为：

sudo systemctl disable apache2

要重新启用该服务以在启动时启动，请键入：

sudo systemctl enable apache2

Apache现在应该在服务器再次启动时自动启动。

第5步 - 设置虚拟主机，这里了解了解就可以，配置很容易出问题！

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

在使用Apache Web服务器时，可以使用虚拟主机 （类似于Nginx中的服务器模块）来封装配置详细信息，并从一台服务器托管多个域。 我们将建立一个名为example.com的域名，但您应该将其替换为您自己的域名 。

Ubuntu 18.04上的Apache有一个默认启用的服务器模块，它被配置为从/var/www/html目录中提供文档。 虽然这适用于单个站点，但如果您托管多个站点，它可能会变得很笨重。 我们不必修改/var/www/html ，而是在/var/www为我们的example.com网站创建一个目录结构，并将/var/www/html保留为默认目录，如果客户端请求没有匹配任何其他网站。

按如下所示为example.com创建目录，使用-p标志创建任何必需的父目录：

sudo mkdir -p /var/www/example.com/html

接下来，用$USER环境变量分配目录的所有权：

sudo chown -R $USER:$USER /var/www/example.com/html

如果你还没有修改你的非unmask值，你的web根目录的权限应该是正确的，但是你可以通过输入：

sudo chmod -R 755 /var/www/example.com

接下来，使用nano或您最喜欢的编辑器创建一个index.html页面示例：

nano /var/www/example.com/html/index.html

在里面，添加下面的示例HTML：

/var/www/example.com/html/index.html

添加一下内容：

Success! The example.com server block is working!

完成后保存(ctrl+o),并关闭(ctrl+x)文件。

为了使Apache能够提供此内容，需要使用正确的指令创建虚拟主机文件。 我们不要直接修改/etc/apache2/sites-available/000-default.conf的默认配置文件，而是在/etc/apache2/sites-available/ example.com .conf创建一个新文件：

sudo nano /etc/apache2/sites-available/example.com.conf

粘贴到以下配置块中，该块类似于默认值，但已更新为我们的新目录和域名：

/etc/apache2/sites-available/example.com.conf

<VirtualHost *:80>

ServerAdmin admin@example.com

ServerName example.com

ServerAlias www.example.com

DocumentRoot /var/www/example.com/html

ErrorLog ${APACHE_LOG_DIR}/error.log

CustomLog ${APACHE_LOG_DIR}/access.log combined

请注意，我们已将DocumentRoot更新为我们的新目录， ServerAdmin更新为example.com网站管理员可以访问的电子邮件。 我们还添加了两个指令： ServerName ，它建立应与此虚拟主机定义匹配的基本域;以及ServerAlias ，它定义应与其基本名称匹配的其他名称。

完成后保存并关闭文件。

让我们使用a2ensite工具启用该文件：

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

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

[外链图片转存中…(img-ijonNTDH-1715460530661)]

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-GQDdj1Tm-1715460530662)]

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