先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新
如果你需要这些资料，可以添加V获取：vip1024c （备注前端）
正文
我们可以理解为：
ServerName： 是对外看的，也就是域名给别人用的。
DocumentRoot：ServerName 其实指向的就是 DocumentRoot 路径，相当于 ServerName = DocumentRoot。
Drectory：能管理这个路径的访问权限，
DirectoryIndex：设置这个路径默认要展示文件。
多站点虚拟主机的含义
多站点虚拟主机: 是指在一台物理意义上的电脑（服务器）中,配置多个网站站点，并都可以对外提供“web访问服务”，外界看起来就是有多个站点(或多个服务器)的样子！每个站点，也就是类似一个主机，这就是虚拟主机。
配置多站点虚拟主机
配置多站点虚拟主机可以分两步:
1、在apache的主配置文件(httpd.conf) ，引入多站点的配置文件(虚拟主机配置文件)，在 httpd.conf 搜索 “httpd-vhosts.conf”，打开注释：
Virtual hosts
Include /private/etc/apache2/extra/httpd-vhosts.conf
httpd.conf 中还有一个文件 “mod_vhost_alias.so” ，这个文件专门解决多次或者重复配置的站点，也就是可以写一个站点模板，里面都是自适应填充站点内容找到对应文件，这个可以单独去了解一下，这里我就不打开了，但是推荐使用这个。
#LoadModule vhost_alias_module libexec/apache2/mod_vhost_alias.so
2、在虚拟主机配置文件 (httpd-vhosts.conf)中，再挨个网站进行配置(每个网站一段配置)，我们找到 httpd-vhosts.conf 文件打开，我们把里面的所有东西都注释掉，自己来配置。
Virtual Hosts
Required modules: mod_log_config
If you want to maintain multiple domains/hostnames on your
machine you can setup VirtualHost containers for them. Most configurations
use only name-based virtual hosts so the server doesn’t need to worry about
IP addresses. This is indicated by the asterisks in the directives below.
Please see the documentation at
URL:http://httpd.apache.org/docs/2.4/vhosts/
for further details before you try to setup virtual hosts.
You may use the command line option ‘-S’ to verify your virtual host
configuration.
VirtualHost example:
Almost any Apache directive may go into a VirtualHost container.
The first VirtualHost section is used for all requests that do not
match a ServerName or ServerAlias in any block.
ServerAdmin webmaster@dummy-host.example.com
DocumentRoot “/usr/docs/dummy-host.example.com”
ServerName dummy-host.example.com
ServerAlias www.dummy-host.example.com
ErrorLog “/private/var/log/apache2/dummy-host.example.com-error_log”
CustomLog “/private/var/log/apache2/dummy-host.example.com-access_log” common
ServerAdmin webmaster@dummy-host2.example.com
DocumentRoot “/usr/docs/dummy-host2.example.com”
ServerName dummy-host2.example.com
ErrorLog “/private/var/log/apache2/dummy-host2.example.com-error_log”
CustomLog “/private/var/log/apache2/dummy-host2.example.com-access_log” common
自定义多个站点配置格式：
默认都是 80 端口，如果你的端口不是可以进行修改
站点1:（第一个站点，被称为默认站点）
域名
ServerName localhost
域名根目录
DocumentRoot “/Users/dengzemiao/Sites”
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
运行所有人访问
Require all granted
域名根目录默认显示文件
DirectoryIndex index.html index.php
我在 httpd-vhosts.conf 里面配置了三个站点：
Virtual Hosts
Required modules: mod_log_config
If you want to maintain multiple domains/hostnames on your
machine you can setup VirtualHost containers for them. Most configurations
use only name-based virtual hosts so the server doesn’t need to worry about
IP addresses. This is indicated by the asterisks in the directives below.
Please see the documentation at
URL:http://httpd.apache.org/docs/2.4/vhosts/
for further details before you try to setup virtual hosts.
You may use the command line option ‘-S’ to verify your virtual host
configuration.
VirtualHost example:
Almost any Apache directive may go into a VirtualHost container.
The first VirtualHost section is used for all requests that do not
match a ServerName or ServerAlias in any block.
ServerAdmin webmaster@dummy-host.example.com
DocumentRoot “/usr/docs/dummy-host.example.com”
ServerName dummy-host.example.com
ServerAlias www.dummy-host.example.com
ErrorLog “/private/var/log/apache2/dummy-host.example.com-error_log”
CustomLog “/private/var/log/apache2/dummy-host.example.com-access_log” common
ServerAdmin webmaster@dummy-host2.example.com
DocumentRoot “/usr/docs/dummy-host2.example.com”
ServerName dummy-host2.example.com
ErrorLog “/private/var/log/apache2/dummy-host2.example.com-error_log”
CustomLog “/private/var/log/apache2/dummy-host2.example.com-access_log” common
自定义多个站点配置
默认都是 80 端口，如果你的端口不是可以进行修改
站点1:（第一个站点，被称为默认站点）(一般都会配置一个 localhost 方便访问主目录)
域名
ServerName localhost
域名根目录
DocumentRoot “/Users/dengzemiao/Sites”
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
运行所有人访问
Require all granted
域名根目录默认显示文件
DirectoryIndex index.html index.php
站点2:
域名
ServerName www.dzm.com
错误日志
ErrorLog “/Users/dengzemiao/Sites/dzm/error.log”
成功日志
CustomLog “/Users/dengzemiao/Sites/dzm/access.log” combined
域名根目录
DocumentRoot “/Users/dengzemiao/Sites/dzm”
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
运行所有人访问
Require all granted
域名根目录默认显示文件
DirectoryIndex index.html index.php
站点3:
域名
ServerName www.xyq.com
错误日志
ErrorLog “/Users/dengzemiao/Sites/xyq/error.log”
成功日志
CustomLog “/Users/dengzemiao/Sites/xyq/access.log” combined
域名根目录
DocumentRoot “/Users/dengzemiao/Sites/xyq”
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
运行所有人访问
Require all granted
域名根目录默认显示文件
DirectoryIndex index.html index.php
然后保存重启 Apache 但是配置好之后还是不会生效的，我们还需要去做域名解析，也就是修改本地 hosts 文件，打开路径找到 hosts 文件
/private/etc
将 hosts 文件拷贝到桌面在编辑，编辑好之后保存在拖进去覆盖
然后重启 Apache 服务器，输入配置的站点，就打开成功了。
注意：上面每个站点的目录都是在 /Users/dengzemiao/Sites 这个文件夹下面，这个文件夹是在 Apache 服务器配置文件里面我们之前配置好的根目录文件夹，我在这个根目录下面新建每一个文件夹我都可以设置成一个新的站点 重点注意：我在MAC上将这个新站点目录不指向这个根目录下，而是指定到随意一个桌面文件夹下，会打不开站点，无法生效。
自定义多个站点配置
默认都是 80 端口，如果你的端口不是可以进行修改
站点1:（第一个站点，被称为默认站点）(一般都会配置一个 localhost 方便访问主目录)
域名
ServerName localhost
域名根目录
DocumentRoot “/Users/dengzemiao/Desktop/Project/php/Sites”
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
最后
文章到这里就结束了，如果觉得对你有帮助可以点个赞哦
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！ iao/Desktop/Project/php/Sites"
域名根目录权限
运行列出目录(正式服务器需要去掉 Indexes)
Options Indexes FollowSymLinks
运行权限覆盖
AllowOverride All
最后
文章到这里就结束了，如果觉得对你有帮助可以点个赞哦
[外链图片转存中…(img-7bmjLGIa-1713332202902)]
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端） [外链图片转存中…(img-D2b4I5sG-1713332202903)]
一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
文章来源
发表评论