这是我参与「第四届青训营 」笔记创作活动的第2天,以下内容就是我关于本节课的一些总结
Web的开发历程
Web于1989年诞生，一开始是由三种技术组成，HTML、HTTP、URL,CSS以及JS都是之后才出现的
Web到目前为止经历了三个时代:
- 只读时代 1989-2004(HTML/CSS/JavaScript)
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
- 体验时代 2005-2010(Ajax/Web API/JQuery)
- 动态交互
- 社交媒体
- 用户生产内容(UGC)
- 单页面应用
- Jquery
- YUI
- 敏捷时代(2010-2021)
- 模块化
- 组件化
- 转译
- 打包
- React.js
- Vue.js
关于浏览器
- User Interface:就是浏览器的UI。包含地址栏，前进，后退的按钮
- Brower Engine：安排UI和渲染引擎之间的操作，相当于媒介了
- Rendering Engine：渲染引擎，负责展示渲染内容
- NetWorking：用于网络呼叫，在独立于平台的接口后面给不同的平台使用不同的实现方法
- UI BackEnd： 用于绘制例如组合盒子和窗口的小部件，后端暴露了一个通用接口，没有平台限制，底层使用操作系统用户界面方法
- Javascript Interpreter：用于解析和执行JavaScript的代码
- Data Storage：数据存储层，浏览器本地存储例如cookie这样的数据的地方
- 解析HTML去构建一个DOM树
- CSS文件样式信息和HTML例如display这样的视觉指令将会被用于创建一个render tree
- 将render tree进行布局设置，给予每一个节点具体的坐标
- 遍历节点利用UI backend去画图
DNS(Domain Name System)
起因：互联网上每台主机都有ip，但是为了方便查找和使用，使用了域名系统来进行映射
- 输入域名→访问浏览器缓存,若没有→DNS Cache、主机文件→递归DNS服务器，查看先前访问缓存
→根域名服务器，能够获取到域名顶级后缀的信息→.com顶级域名的数据→授予google名称的服务器,查看其访问记录缓存→递归服务器记录→返回至浏览器
