前端开发的起源、架构、变迁

前端组成

• HTML
• HTTP
• URL
• CSS
• JavaScrip。

前端发展时代

• 只读时代（1989-2004）

  • HTML\css\JavaScript（架构）

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

• 体验时代（2005-2010）

  • Ajax\Web\jQuery（架构）

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

• 敏捷时代（2010-2021）

  • Fetch\Node.js\Webpack（架构）

    • 模块化
    • 组件化
    • 转译(transpiling)
    • 打包(bundling)
    • React.js
    • vue.js

前端的应用领域

• To Business（面向公司）
• To Customer（面向用户）
• To Developer（面型开发者）

前端比较前沿的语言、框架、工具

• 语言

  • HTML、CSS、JavaScript
  • WebAssembly

• 框架、工具

  • node.js
  • koa
  • React
  • vue
  • Typescript
  • git
  • babel
  • webpack
  • esbuild

关于Web标准

标准组织

• W3C: World Wide Web Consortium
• Ecma: Ecma International
• WHATWG: Web Hypertext ApplicationTechnology Working Group
• IETF: Internet Engineering Task Force

W3C

• 官网: www.w3.org
• Github: github.eom/w3c
• 规范查询： www.w3.org/TR

Ecma TC39

• 官网: https:.//www.ecma-international.org
• TC39: tc39.es
• Github: qithub.com/tc39
• Discourse: es.discourse.group

WHATWG

• 官网: whatwg.org/
• Github: github.com/whatwg
• 规范查询: spec.whatwg.org/

IETF

• 官网: www.ietf.org/
• Github: github.com/ietf

不同浏览器有不同的实现方式和支持度。在开发过程中，你需要测试并确保你的应用在多种浏览器和设备上能正常运行。这要求你对Web标准和浏览器的行为有较深入的了解，并且能够处理兼容性问题。