这是我参与「第四届青训营 」笔记创作活动的的第5天
前言
👀👀以下内容主要介绍了web标准与前端开发的一些相关知识，帮助读者了解什么是web前端和web前端的标准。
01.关于前端开发
🤷🤷很多人分不清“上网”是上的哪个网？上网指接入Internet，它是地球上相互连接的计算机构成的网络。计算机网络诞生于上个世纪的60年代,示志性通信协议是TCP/IP。
1.Web诞生于1989年，至今已有三十多年的历史。
计算机网络诞生于上世纪六十年代，标志性通信协议是TCP/IP。
1989年web诞生时由三种技术构成：HTML\HTTP\URL， CSS和JavaScript是之后几年才出现的。
2.Web技术的变迁：
3.前端应用的领域
To Business 企业
- 字节的火山引擎、公有云等等，表现为一个为企业提供许多种类的服务的网站，规模庞大也很赚钱的一个领域。
To Customer 客户
- 最早期的网页就是一个信息收集分享的作用，现在的直接触达客户的网站，包括电商平台、在线教育、手机端的H5等等，都是ToC的应用。
To Develop 开发者
- 提高Web开发效率的工具，代码编辑器IDE等等。
应用领域之浏览器
关于前端开发的应用领域，接下来再从运营环境角度看—看。
首先，浏览器，包括桌面浏览器和移动浏览器，以及移动App中的WebView，都属于浏览器直接渲染Web应用的范畴;
桌面浏览器包活chrome, edge, Firebox,Oprea, Safari这五个主流浏览器，事实上随着谷歌Chromium开源项目的不断攻城掠地，也随着开源运动的不断属性，浏览器的多样性的正在减少。因为edge和oprea选择加入了谷歌的阵营，事实上只有Chrome、Safari和Firefox三个浏览器。目前，Chrome浏览器的市场份额达到67.55%，具有事实上的垄断地位。
移动浏览器主要是Chrome、Safari，还有国内小程序提供商定制的一些次览器引擎。换句话说，前端不仅要开发在浏览器和WebView中运行的网页，也要开发在小程序运行时上跑的小程序。
应用领域之终端和跨端
命令行/终端
应用领域之服务器：
node.js
express.js
4.语言、框架、工具
前端基础语言三大件
-
HTML：HTML负责结构网页 -
CSS：CSS负责装饰网页 -
JavaScript赋予页面动态和交互能力
框架
框架就是封装了一下常用的方法，实现数据的双向绑定，数据会驱动页面的显示，减少自己操作dom，提升了浏览器性能。
👍👍下面介绍了一下常见的框架
02.Web标准
W3C: World Wide Web Consortium （通常意义上的Web标准）
- 官网：www.w3.org/
- Github：github.com/w3c
- 规范查询：All Standards and Drafts - W3C
- Ecma: Ecma International（ECMAScript标准化规范）
Ecma TC39官网：Home - Ecma International (ecma-international.org)
- TC39：TC39 – Specifying JavaScript.
- Github：Ecma TC39 (github.com)
- Discourse（讨论组）：TC39 - Specifying JavaScript (es.discourse.group)
WHATWG: Web Hypertext Application Technology Working Group
- 官网：Web Hypertext Application Technology Working Group (WHATWG)\
- Github：WHATWG (github.com)\
- 规范查询：Standards — WHATWG\
- IETF: Internet Engineering Task Force
官网：IETF | Internet Engineering Task Force
- Github：Internet Engineering Task Force (IETF) (github.com)
03.总结
🚌🚌作为一名前端学习者，掌握web标准、了解浏览器和网络、及时获取技术的更新都是很重要的。本文讲的学习路线图为前端初学者的学习有一个很好的梳理。
