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

关于前端开发

1.起源、架构、变迁

起源

1. 只读时代HTML/CSS/JavaScript

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

2. 体验时代Ajax/Web API/jQuery

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

3. 敏捷时代Fetch/Node.js/Webpack

   • 模块化
   • 组件化
   • 转译
   • 打包
   • React.js
   • Vue.js

2.前端应用的领域

• 浏览器

  • 包括桌面浏览器和移动浏览器，以及移动APP中的WebView，都属于浏览器直接渲染Web应用的范畴。

• 终端和跨端

  • 命令行/终端

    • Webpack CLI
    • Babel CLI
    • Vue CLI
    • React CLI

  • 跨端

    • 桌面跨端：Electron、NW.js
    • 移动跨端：React Native、Flutter

3.语言、框架、工具

学习任何一门语言/框架都应先去了解一下它的作者。

我们学习前端开发，一定离不开前端代码运行的环境，即：

• 浏览器：可通过文章“深入了解现代浏览器”，去了解浏览器的工作原理（解释在地址栏输入URL之后进行回车都会发生什么）
• 网络：理解HTTP，HTTP的请求和响应的过程以及概念。
• 服务器：包括本地文件系统和文件操作、网络和管道API、套接口、子进程等等。

4.前端学习路线图

roadmap.sh/frontend

其中灰色的是可按随意的顺序进行学习

关于Web标准

1.Web标准组织

• W3C
• Ecma
• WHATWG
• IETF

2.W3C和Ecma的情况

3.W3C规范规定流程

W3C规范的生命周期：

• WD：工作草案
• CR：候选推荐
• PR：提议推荐
• REC：推荐标准，即W3C的标准的最终形态，不是强制性标准

4.Ecma TC39规范制定流程

不再详细描述