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

80 阅读2分钟

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

关于前端开发:起源、架构、变迁

很多人分不清"上网”是上的哪个 网?即使在互联网的诞生地也是如 此。Web的普及和深入人心由此可 见一斑。

上网指接入Internet,它是地球上 相互连接的计算机构成的网络。计 算机网络诞生于上个世纪的60年代, 标志性通信协议是TCP/IP

image.png

不同的时代

  1. 1989年诞生时,Web由三种技术组成:

    1. HTML
    2. HTTP
    3. URL
  2. CSS和JavaScript是几年后才出现的。

  • 只读时代 1989-2004

    • HTML CSS JavaScript
    • 单向发布
    • 静态只读
    • 链接跳转
    • 刷新页面
    • 表格对齐元素
    • CGI
  • 体验时代 2005-2010

    • 动态交互
    • 社交媒体
    • 用户生成内容
    • 单页应用
    • jQuery
    • YUI
  • 敏捷时代

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

前端应用的领域

image.png

  • To Business
  • To Customer
  • To Developer

Business

企业级应用

在互联网公司内部,各种应用几乎都是web平台。

Customer

消费者

所有的互联网门户网站,互联网平台,在线教育其实全都是基于web开发的,这个规模其实是非常庞大的,而且这个是非常重视用户体验的。

Developer

开发者

开发者开发给自己用,自产自销,用来提升开发效率,提升产品品质。一般就是一些开发者工具,有平台,有框架。从模块化,打包,编译,测试,到部署,调试,可以说覆盖了整个开发生产的全部流程。

前端应用之浏览器

image.png

前端应用之服务器

image.png

前端应用的终端与跨端

image.png

语言,框架,工具

语言:前端三件套:HTML,CSS,Javascript;c;c++;java;Rust等。

架构:node.js,koa,ts,webpack,vue,git,esbuild等。

工具:vscode,idea等。

关于Web标准

image.png