“Web标准与前端开发”学习笔记|青训营

34 阅读2分钟

01.关于前端开发

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

Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything. -- Tim Berners-Lee

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

1989年诞生时,Web由三种技术构成(三驾马车)(CSS和JS是几年之后才出现的):

  • HTML
  • HTTP
  • URL

变迁(老师自己总结的):

  • 只读时代 1989-2004
    • HTML/ CSS/ JS
    • 单向发布
    • 静态只读
    • 链接跳转
    • 刷新页面
    • 表格对齐元素
    • CGI
  • 体验时代 2005-2010
    • Ajax/ Web API/ jQuery
    • 动态交互
    • 社交媒体
    • 用户生成内容UGC
    • 单页应用SPA
    • jQuery
    • YUI
  • 敏捷时代 2010-2021 (🍎发布iPhone)
    • Fetch/ Node.js/ Webpack
    • 模块化
    • 组件化
    • 转译 transpilling
    • 打包 bundling
    • React.js
    • Vue.js

前端应用的领域

  • To Business
    • 企业、银行、互联网公司
    • 云平台、广告平台
    • 网站的形式,仪表盘提供服务等等
    • 赚钱
  • To Customer
    • 最早的网页在老百姓之间实现信息共享
    • 直接触达终端客户
    • 规模也很大
  • To Developer
    • 代码编辑器等等

前端应用的领域之浏览器

  • desktop
  • mobile:android or apple

前端应用的领域之终端和跨端

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

02.关于Web标准

标准组织

  • W3C: World Wide Web Consortium
    • 目前在全球有457家会员,其中北航总部中国区会员47家
  • Ecma: Ecma International
    • Ecma的Associate Member会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等
  • WHATWG: Web Hypertext Application Technology Working Group
  • IETF: Internet Engineering Task Force