Java-Web入门该了解什么？（入门篇）

本文适合想入门Web的朋友，后期将会推出深入篇，技能篇，综合应用篇。

Web基本概念和常识

Web（网）应用：

        网站（广义PC、手机app）

浏览器（Browser）/用户代理（User Agent）/Web客户端（Web Client）

        主流浏览器：IE、Edge、Chrome、Firefox、腾讯浏览器、360浏览器……

Web服务器（Web Server）/HTTP服务器（HTTP Server）

        Apache、Tomcat、Netty、Nginx、Httpd

资源（可以暂时理解为一组文件）：

         所谓开发Web应用，就是开发一组资源（表现为一组文件）

关于URL：

        每个资源都需要在网络中存在一个唯一的标识，

        每个资源都有一个唯一的URL，俗称“网址”。

        URI：Unique Resource Identifier(唯一资源定位符)

        URL：Unique Resource Location(唯一资源定位符)

        在浏览器中输入了一个URL

1. 根据URL，去Server获取唯一的资源
2. 浏览器分析该资源，可以让浏览器访问更多的资源
3. 浏览按照一定的规则整合这些资源
4. 渲染（展示）这些资源

        最终在浏览器中看到了网页的效果。

URL基本格式：

• 网络上电脑（主机）很多，如何确定唯一的主机via ip（domain）-->  192.168.1.3 / 127.0.0.1                                                                                                              / www.baidu.com
• 主机上还有很多程序（进程），如何确定唯一的程序via port  -->  :3306   :998    :80
• 怎么确定是具体哪个资源via资源路径（path）-->  /login

结合起来就是（举例）：http://www.baidu.com:80/s（80可省略，因为：80就是http协议的默认端口）

静态和动态：

静态资源：提前把内容写好，直接输出

动态资源：根据运行时条件，生成内容

HTTP：

 Hyper（超级）Text（文本）Transfer（传输）Protocol（协议）

HTML、CSS、JS（JavaScript）三剑客：

        三种资源类型，三个都是文本资源，文本格式不同

• HTML：提供文本的内容和框架，哪些是标题，哪些是段落

       举例： 

<h1>XXX<h1>
<p>xxx<p>

• CSS：样式、排版

        举例：

p {
    color:blue;
}

• JS（脚本语言）：做一些动态（是发生在浏览器上的动态）内容

var x = 1;
var y = 2;
var z = add(x, y);

        作为后端，只需将资源内容通过网络传递浏览器即可，这些格式之所以生效，是因为浏览器认识这些格式。

        以上我们窥到到Web的大概面目。