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

关于前端开发

起源、架构、变迁

起源

Tim Berners-Lee 的建议（Information Management: A Proposal）

上网指接入 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-2021）：
    Fetch/Node.js/Webpack
        • 模块化
        • 组件化
        • 转译（transpiling）
        • 打包（bundling）
        • React.js
        • Vue.js

前端应用领域

能够做什么？

        • To Business
        • To Customer
        • To Developer

浏览器（运行环境）

        • Google Chrome
        • Firefox
        • Microsoft Edge
        • ……

服务器

        • Node.js
        • Express.js
        • koa
        • ……

终端和跨端

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

语言、框架、工具

语言

        • HTML
        • CSS
        • JavaScript
        • WebAssembly
        2019年12月5日发布 WebAssembly ， WebAssembly 是低级的类似汇编的语言， C++ 、 C 、 Rust 等都可以编译成 WebAssembly。