Web标准与前端开发|青训营笔记

150 阅读2分钟

Web标准与前端开发|青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第5天

关于前端开发

前端开发起源

Web起源于1984年,Tim Berners-Lee 发布了一篇论文,随着这篇论文的发表,随之也代表了 Web 的诞生

前端开发的架构

Web由三种技术构成

  • HTML
  • HTTP
  • URL

前端开发的变迁

  • 只读时代
  • 体验时代
  • 敏捷时代

image.png

前端应用领域

浏览器

image.png

服务器

image.png

跨端和终端

image.png ###前端开发语言 主要的有HTML,CSS,Javascript
第四门新的语言WebAssembly可以将C,C++等语言编译后运行在浏览器里

前端开发框架

image.png

深入理解浏览器

架构

Web浏览器的架构,可以实现为一个进程包含多个线程,也可以实现为很多进程包含少数线程通过IPC通信。如何实现浏览器,并没有统一的标准。Chrome最新的架构:最上层是浏览器进程,负责协调承担各项工作的其他进程,比如实用程序进程、渲染器进程、GPU进程、插件进程等。

渲染器进程对应新开的标签页,每新开一个标签页,就会创建一个新的渲染器进程。不仅如此,Chrome还会尽量给每个站点新开一个渲染器进程,包括iframe中的站点,以实现站点隔离。

  • 浏览器进程:控制浏览器这个应用的chrome(主框架)部分,包括地址栏、书签、前进/后退按钮等,同时也会处理浏览器不可见的高权限任务,如发送网络请求、访问文件。
  • 渲染器进程:负责在标签页中显示网站及处理事件。
  • 插件进程:控制网站用到的所有插件。
  • GPU进程:在独立的进程中处理GPU任务。之所以放到独立的进程,是因为GPU要处理来自多个应用的请求,但要在同一个界面上绘制图形。

HTTP

HTTP 是一种能够获取如 HTML 这样的网络资源的 protocol(通讯协议)。它是在 Web 上进行数据交换的基础,是一种 client-server 协议,也就是说,请求通常是由像浏览器这样的接受方发起的。一个完整的 Web 文档通常是由不同的子文档拼接而成的,像是文本、布局描述、图片、视频、脚本等等。