前端开发是什么
前端开发是创建Web页面或app等前端界面呈现给用户的过程
前端开发可以做什么
PC、移动app、小程序、游戏、客户端
互联网运行过程
程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端,最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。
服务器(Server)
一种特殊的计算机,也包括处理器,硬盘,内存,系统总线等,但是在处理能力,稳定性,可靠性,安全性等方面要求较高,必须24小时不间断工作
作用:用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。
客户端(Clinet)
普通用户使用的终端,比如浏览器,app
浏览器
功能:主要用于发送HTTP请求到服务器,接受服务器发回的HTTP请求,渲染HTML页面。
主流浏览器及内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE/Edge | Trident | IE内核 |
| FireFox | Gecko | Firefox内核 |
| Safari | Webkit | |
| Chrome | Webkit→Blink | 统称为Chromium或Chrome内核 |
| Oprea | Presto→Webkit→Blink |
HTTP协议
客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。
HTTP请求(request)
在浏览器输入网址,或点击网址链接,浏览器根据网址向对应的服务器发送请求,HTTP页面解析过程中,会发出多个http请求,包含网页的图片,视频,音频等文件请求。
HTTP响应(response)
服务器根据请求响应一个HTML文件,将HTML传输给客户端,在浏览器中进行HTML网页的渲染。
HTML
纯文本格式:只保留文本,不保留格式,常见后缀如.txt等。
富文本格式:可以保存文本的样式、图片,如word文档等
HTML:超文本标记语言,是制作网页的一种标记语言。
超文本:可以链接到图片、音视频等。
标记:特殊的书写规范,是写给浏览器的一种语法格式,结合普通的文字信息,实现特殊的语义或显示内容,在编辑器中可以编辑和查看,在浏览器中不显示。
HTML的语义化
给普通的文字添加不同的语义,能够让网站的结构划分更清晰
- 方便代码的阅读和维护
- 便于浏览器更好的解析网站内容
- 有利于seo搜索引擎优化,提高网站搜索排名
HTML元素
从开始标签到结束标签的所有内容,包含开始标签,元素内容,结束标签。
元素内容
可以是纯文本,也可以是其他HTML元素,这种元素内容包含其他HTML元素,称为嵌套。
HTML元素的特性
1.对空格,换行,缩进形成的空白不敏感,有无空白对在浏览器中加载的效果没有影响。
2.空白折叠现象,元素内容如果是文本,所有文字之间如果有空格,换行,缩进等空白字符,在浏览器加载时,连接在一起的空白会折叠成一个空格显示。