小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
【详细+超基础】前端之旅
软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Node.js、Vue、小程序开发（uniapp）以及各种UI组件库、前端框架的学习。
Web基础与开发工具
Web
web（World Wide Web）即全球广域网，WWW (Web) 是World Wide Web的缩写，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 web包括：web服务器和web客户端两部分
三大构建要素
统一资源定位符（URL）：解决网上资源在何处的问题
资源访问方式（HTTP）：解决用什么方式访问资源的问题
超链接：提供在资源之间自由访问的手段
URL的基本结构
通信协议：// 服务器名称[:通信端口号]/目录结构/文件名
- 通信协议：Web的通信协议一般为HTTP(或HTTPS)
- 服务器名：域名或IP地址
- 端口号：可选，默认为80（HTTP）或443（HTTPS）
HTTP
http是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。简单地说，HTTP就是专门为Web设计的协议。
HTTP协议特点：
- 无状态：第一次请求完成后，服务器不会记住客户的状态。第二次请求时，服务器需要重新读取客户的信息。
- 基于请求和应答的模式：浏览器向服务器发送请求，服务器根据浏览器的请求作出不同的应答。
HTTPS: HTTP的安全版，HTTP下加入SSL层
《图解HTTP》这本书中曾提过HTTPS是身披SSL外壳的HTTP。HTTPS是一种通过计算机网络进行安全通信的传输协议，经由HTTP进行通信，利用SSL/TLS建立全信道，加密数据包。HTTPS使用的主要目的是提供对网站服务器的身份认证，同时保护交换数据的隐私与完整性。
超链接
超链接是指当鼠标单机一些文字、图片或者其他网页元素时，浏览器会根据其指示载入一个新的页面或者跳转到页面的其他位置，超级链接除了可链接文本之外，还可以链接各种各样的多媒体，如声音、图像动画等，通过他们可享受丰富多彩的多媒体世界。 建立超链接所使用的HTML标记为<a></a> 超链接最重要的两个要素；超链接指向的目标的地址设置为超链接的网页元素。 基本的超链接结构为
<a href=URL>网页元素</a>
网页三大元素
对于网页来说，有三大基本元素。那就是大家所熟悉的 HTML、CSS和JavaScript，对于这三者来说，主要描述如下：
html：网页的基本结构css：网页的展现效果javascript：网页的功能行为
