环境要求
Visual Studio Code、Node.、prettier 程序、 Web浏览器、VS Code 插件：prettier
基础知识--网页、网站、Web 服务器和搜索引擎的区别
网页（Web page）
由html编写的文档，能够显示在浏览器上，常被叫做page（页面）。
网站（Website）
由许多网页组合在一起的集合，其中的网页常常以各种方式相互连接，通常称为site（站点）。
网站是共享唯一域名的相互链接的网页的集合。给定网站的每个网页都提供了明确的链接——大多数时候都是可点击文本的形式——允许用户从一个网页跳转到另一个网页。网站主页一般显示homepage或者home。
Web服务器（Web server）
一个在互联网上托管网站的计算机。
Web服务器是一台托管一个或多个网站的计算机。所有的网页和他们的支持文件在那台计算机上都可用。当用户尝试加载网页时，Web服务器会将其托管的网页文件发送到用户的浏览器。
搜索引擎（Search engine）
帮助查找其他网页的网络服务，如Google，Bing，通常通过Web浏览器或通过网页访问搜索引擎。
搜索引擎是一个特定类型的网站，用以帮助用户在其他网站中寻找网页，浏览器是一个接收并显示网页的软件。（浏览器是软件，搜索引擎是服务）
Web工作原理、流程
- 浏览器从存储资源的 Web 服务器中请求你想要访问的资源（例如，一个网页、一些数据、或图片或视频）。这些请求（以及产生的响应）是通过一种名为 HTTP（超文本传输协议）的技术来实现的，它使用动词语言（如 GET）来描述应该进行的操作。
- 如果请求成功，Web 服务器会将包含所需资源的 HTTP 响应发送回 Web 浏览器。
- 在某些情况下，请求的资源将触发更多 HTTP 请求，这将导致更多响应。例如：
-
- 当网站加载时，最初会请求网站的首页主索引 HTML 文件。
- 当浏览器接收到该文件后会尝试解析，这个过程中可能找到发出更多请求的指令。如上所述，这些指令可能是用于嵌入的文件，例如图片、样式信息、脚本等。
- 当所有资源请求完成后，Web 浏览器将按照要求解析和渲染它们，然后再将结果显示给用户。
网站结构
my-firstsite文件夹：网站文件夹，网站根目录
index.html:主页内容，用户第一次访问网站时候看到的文字和图片。images文件夹：包含网站上使用的图片s文件夹：为内容提供样式的 css 代码scripts文件夹：包含所有用于向网站添加交互功能的 JavaScript 代码
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My test page</title>
</head>
<body>
<img src="images/1.jpg" alt="测试图片" />
</body>
</html>
通用的文件路径规则
- 引用与html 文件同级的文件，直接使用文件名。image.jpg
- 引用子目录中的文件，在路径前面写上目录名和斜杠。subdirectory/image.jpg
- 引用的文件在 html 的上级，需要加上两个点。../image.jpg
- 以上方法可以随意组合
终端
cd-------------------移动目录结构
mkdir----------------建立目录
touch----------------创建文件（修改他们的原数据）
cp-------------------复制文件
mv-------------------移动文件
rm-------------------删除文件或目录
curl-----------------下载在特定的url找到的文件
grep-----------------在较大的文件体中寻找特定的片段
less,cat-------------主页查看文件的内容
awk,tr,sed-----------操作和转换文本流（例如将html文件中的<div>
的所有实例改为<article>安装 prettier 程序：保存代码之后，自动规范化代码，使得代码变得更美观具有可读性的一个程序
npm install --global prettier
扫一扫
602
到【灌水乐园】发言
