一、什么是 web 应用

  • 是指运行在网络上，以浏览器作为操作客户端的应用程序，又被称为 B/S（Browser/Server，浏览器-服务器）模式应用。
  • 简单说，在浏览器上浏览的网站就是web应用，如淘宝，网易，新浪等

二、认识网页

网页的组成——

  • 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。

网站的组成——

  • 网站由若干个网页组成。

三、浏览器

浏览器种类

  1. 浏览器是网页显示、运行的平台
  2. 常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera

浏览器内核

  1. 什么是浏览器内核？
  • 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，“排版引擎“、”解释引擎” 不过我们一般习惯将之称为“浏览器内核”。
  1. 浏览器内核的作用
  • 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面.

浏览器内核分类

  • IE：Trident（三叉戟）
  • firefox：Gecko（壁虎）
  • safari：webkit（引擎）
  • Google Chrome/Opera：Blink（闪烁）

四、web标准

  1. 什么是web标准？
  • Web 标准也称网页标准，它由一系列标准组成，这些标准大部分由 W3C 负责制订，也有一些标准由其他标准组织制定的，如 ECMA 的 ECMAScript 标准等。
  • W3C 是 World Wide Web Consortium 的缩写，中文译为“万维网联盟”，是一个Web标准化组织。
  • 在符合标准的网页设计中，css 与 html、javascript 并列称为网页前端设计的3中基本语言。即网页的三个主要组成部分：结构，表现，行为，其中：
    (1)html 负责构建网页的基本结构;
    (2)CSS 负责设计网页的表现效果;
    (3)JavaScript 负责开发网页的交互效果。
  1. 为什么要遵循web标准？
  • 浏览器内核不同，网页代码的错乱、网页页面显示偏差；
  • 简洁的说，建立网站标准的目的就是:
    (1)简化HTML代码，降低网站建设的成本；
    (2)保证网站在长期互联网环境中能有效；
    (3)加强网站的兼容性，能适应不同的网络设备和网络终端。
    (4)网页的加载速度会明显提升
    (5)降低网站流量费用
    (6)让Web的发展前景更广阔

五、VSCode编辑器安装

  1. VSCode下载：https://code.visualstudio.com/
  2. VSCode安装
  3. 汉化插件：Chinese