web前端开发-开篇

web前端开发，以前又叫网页设计，从最开始的纯文本、超链接，再到图片、声音、视频等交互，越来越丰富的应用场景。

1、什么是web？

web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

web是建立在计算机网络之上的一个超文本文档，比如：在计算机A上面建立一个超文本并发布到网络上，然后就通过计算机B去访问并打开，相当于是在线文档。完成一次访问就是完成了整个web访问流程

概念点：

（1）超文本，超文本假设就是一个文档，比如我们常见的txt,jpg,png。与之不同的就是超文本它是在线的，我们只需要知道超文本的地址就可以查看或打开，它是一个集合，可以是一段文字、一张图片、一段声音或者视频，这就是超文本。

（2）计算机网络，就好比在一个很大的广场上，一开始都是陌生人，然后其中有一个人开始大喊（计算机广播）：今天天气不错，在广场内的人只要听到这个声音就能够接收到这个信息（其他计算机收到广播），然后有一些进行反馈（计算机建立通讯）：是不错的，有一些人不反馈。有了反馈，就会进行人与人之间的交流（网络通讯），他们可以是多人交流，也可以是1对1式的交流（通讯协议+加密）

（3）发布，将我想让别人看到的信息发布到公共告示，比如：一段寻人启事，一段广告，别人通过你贴的寻人启事或者广告来联系你

2、web开发三项技术点

HTML、CSS和JavaScript

HTML是一些标签、一些容器、一些可以装东西的袋子或者瓶子

CSS是样式，用于描述标签的样子，比如描述这个瓶子的大小，还可以在瓶子上画一些装饰等等

JavaScript是脚本，用于控制HTML、CSS或者其他操作，在网页设计中，我们可以使用JavaScript脚本添加、删除、修改HTML,也可以添加、删除、修改CSS。

3、web技术的依赖

任何技术都会有前后依赖或者联系，比如小孩依赖父母、草木依赖水土阳光等

web技术的依赖是浏览器或者其他用于承载web技术的软件工具

web与浏览器是互作用的关系，浏览器有很多种（Chrome、Edge、Firefox、Opera、Safari），这就会产生兼容性问题，各大浏览器厂商都会优先实现自己擅长的技术点，导致web技术的兼容日益严峻，后来为了统一技术实现标准，定制规范，然后让各大浏览器去一一实现。

HTML的标准是 HTML5

CSS的标准是 CSS3

JavaScript的标准是 ECMAScript-262