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

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

关于前端开发

1.起源、架构、变迁

起源

前端的概念最早来自1989年Tim Berners-Lee的一个建议（论文网页版）

很多人分不清“上网”上的是哪个网？即使在互联网的诞生地也是如此。Web的普及和深入人心由此可见一斑。（一般来说上网指接入Internet，它是地球上相互连接的计算机构成的网络，计算机网络诞生于上个世纪的60年代，标志性通信协议是TCP/IP。）

架构

1989年诞生时，Web由三种技术构成

HTML
HTTP
URL

CSS和Javascript是几年之后才出现的。

变迁

只读时代（1989-2004）

主要技术：HTML/CSS/JavaScript

单向发布
静态只读
链接跳转
刷新页面
表格对齐元素
CGI

体验时代（2005-2010）

主要技术：Ajax/Web API/jQuery

动态交互
社交媒体
用户生成内容（UGC）
单页应用（SPA）
jQuery
YUI

敏捷时代（2010-2022） 主要技术：Fetch/Node.js/Webpack

模块化
组件化
转译（transpiling）
打包（bundling）
React.js
Vue.js

2.前端应用的领域

To Businessb （互联网公司、广告平台等）
To Customer （在线教育、新闻资讯、生活娱乐等平台）
To Developer （面向开发者的平台）

浏览器

Desktop

桌面浏览器包括Chrome、Edge、Firefox、Opera、Safari这五个主流浏览器，但事实上随着谷歌Chromium开源项目的不断攻城掠地，Edge和Opera都已经站到了到了谷歌的阵营，所以事实上只有Chrome、Safari和Firefox三个浏览器。