• 网站（http、https）
    1. 客户端(浏览器)
      • URL(统一资源定位)
        1. 协议(://之前的部分)
          • http: 80
          • https: 443
          • file: 本地文件（不是在访问网站）
        2. 地址:
          • 主机（ip或者域名）
            • 127.0.0.1: 本机IP（只有自己电脑可以访问）
            • localhost: 本机域名（只有自己电脑可以访问）
            • 0.0.0.0: 所有主机都可以访问我（windows上浏览器不支持，但是Linux支持）
          • 端口
        3. 路径（地址后，第一个斜杠/开始的部分，包含斜杠/）【路由】(路径分发)
        4. 查询字符串(Query String)(从问号?开始的部分，截止到井号#之前)
           console.log(location);
        5. 页内锚点(hash)id(控制页面滚动，让元素处于视口开始的位置)
        • Location对象
          • host: 地址
          • hostname: 主机名
          • port: 端口
          • protocol: 协议
          • search: 查询字符串
          • hash: 锚点内容
        1. 域(跨域)
          • location.protocol + '//' + location.host 【协议、主机名、端口】
          • location.origin 现代浏览器
    2. 服务器(提供网页[HTML、JSON])
      • 静态文件（CSS、JS、图片、字体）（不经过后端程序处理，直接读取的文件内容）【一类请求】
        • 静态资源URL前缀(示例: /static)【程序配置1】
        • 静态资源目录(示例: D:\web\ziyuan)【程序配置2】
        • 资源相对路径(示例: /hello/test/nihao.png)
          • 对应的URL路径： /static/hello/test/nihao.png
          • 对应的文件绝对路径: D:\web\ziyuan\hello\test\nihao.png
      • 模板
      • 路由（需要后端程序处理的请求，有逻辑）【另一类请求】
        路径规则 --> 函数(视图函数)映射
        • 视图函数：
          • 返回页面（模板渲染、HTML格式）
            模板处理流程: 数据 --经过--> 模板（模子） --渲染--> HTML页面
            模板功能： 利用我们的数据，动态生成HTML页面（本质：字符串替换和拼接）
              - 流程控制（for、if）、函数(筛选器)
  - 减小冗余、资源共用（嵌入: include；继承： extend）
          • 返回数据（API，JSON格式，Ajax请求）
文档更新时间: 2018-12-04 21:41   作者：玖亖伍