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

笔记创作天数

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

一、起源、架构、变迁

起源

1989年Tim Berners-Lee在欧洲一个物理研究机构上提出一个建议:Suppose all the information stored oncomputers everywhere were linkedSuppose I could program my computerto create a space in which everythingcould be linked to everything.意思是，假设存储在各地计算机上的所有信息都是链接的，那么我可以对我的计算机进行编程，以创建一个空间，在这个空间中，一切都可以链接到一切。这一建议后被公认为Web技术的起源:

架构 1989年Web诞生时，Web有三种技术构成：HTML超文本标记语言、http超文本传输协议，url统一资源定位器。Web构成的基本原理是浏览器通过HTTP请求来获取服务器上存储的HTML文档，浏览器获取成功后把HTML文档解析出来后显示到电脑屏幕上。CSS和JavaScript是在几年之后才出现的。

变迁

变迁分为三个时代：

1. 只读时代
2. 体验时代
3. 敏捷时代

二、前端应用的领域

分类

前端应用领域可分为三个：

• 企业： 银行或各企业内部有自己的一些平台
• 客户： 生活中一些常见的生活娱乐平台
• 开发者： 一些Web框架、技术和软件提升开发效率

浏览器

• Desktop： Google chrome、Edge、firefox、Opera、safari等浏览器
• Mobile: 安卓和苹果

服务器

• node.js
• express.js
• koa

终端和跨端

• 命令行/终端： Webpack CLI、Babel CLI、Vue CLI、React CLI
• 桌面跨端： Electron、NW.js
• 移动跨端 React Native、Flutter

三、语言、框架

语言

HTML、CSS和JavaScript是前端开发必须掌握的三门语言。Html负责结构页面，CSS为页面提供装饰，JavaScript赋予页面动态的交互能力。 框架

• node.js
• koa
• React
• vue
• ts
• git
• BABEL
• webpack
• esbuild