《给产品经理讲技术》笔记之第一章：Web前端技术

Ajax技术的妙用

• Asynchronous JavaScript And XML（异步JavaScript和XML）
• 用于异步拉取数据并展示在当前页面的技术，这对需要延迟加载数据和触发式加载数据的页面有很大益处
• 主要解决不用刷新网页，就能和后台交互获取数据，并应用于当前网页的问题
• 实现流程
  • 发起网络请求
    • 由浏览器内置能力提供，借助XmlHttpRequest对象，由网页调用，用来连接一个特定地址
  • 无需刷新，可动态操作网页
    • DOM（Document Object Model）

DOM是什么

• 异步加载
• 虚拟DOM

静态网页与动态网页

• 核心区别：后台是否有数据库支撑/网页上展示的内容是否要变化
• 静态网页不需要后台程序干预处理，直接由服务器返回。静态网页，一般不需要维护，因为数据不需要更新
• 动态网页一般需要由程序来处理（ASP、JSP、PHP、Python、Ruby等），并由数据库提供数据支撑

分析URL的结构

• 构成：protocol、hostname、port、path、parameters、query
  • Protocol
    • 协议：定义了数据的封装、打包、拆包和解释的规则
  • Hostname
    • 主