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

68 阅读2分钟

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

关于前端开发

起源、架构、变迁

  • Web上网:指接入Internet,它是地球上相互连接的计算机组成的网络。计算机网络诞生于上世纪60年代,标志性通信协议是TCP/IP
  • 1989年web诞生时由三种技术构成:HTML、HTTP、URL,随后几年CSS与JavaSript也出现了
  • 三大时代的变迁
只读时代--1989~2004体验时代--2005~2010敏捷时代--2010~2021
HTML/ CSS/ JavaScriptAjax/ Web API/ jQueryFetch/ Node.js/ Webpack
单向发展动态交互模块化
静态只读社交媒体组件化
链接跳转用户生成内容(UGC)转译(transpiling)
刷新页面单页应用(SPA)打包(bundling)
表格对齐元素jQueryReact.js
CGIYUIVue.js

前端应用的领域

  • 工作对象
  1. 为大企业建造内网
  2. 给一般的互联网用户浏览
  3. 给开发者提供便利,提高开发效率,比如vscode
  • 浏览器

桌面浏览器:

最火的五个为Chrome、Edge、Firefox、Opera、Safari,但目前Chrome浏览器的占额高达67.55%

移动浏览器:

主要是Chrome、Safari

  • 服务器
  1. node.js框架
  2. Express.js框架
  3. koa框架
  • 终端与跨端
  1. 命令行/终端:Webpack CLI、Babel CLI、Vue CLI、React CLI
  2. 桌面跨端:Electron、NW.js
  3. 移动跨端:React Native、Flutter

语言、框架、工具

  1. 语言:HTML、CSS、JavaScript
  2. 框架:node.js、koa、react、vue
  3. 工具:git、babel、webpack

关于Web标准

了解Web标准组织

  1. W3C(World Wide Web Consortium)

官网:www.w3.org Github:github.com/w3c

  1. Ecma TC39(Ecma International)

官网:www.ecma-international.org Github:github.com/tc39

  1. WHATWG(Web Hypertext Application Technology Working Group)

官网:whatwg.org/ Github:github.com/whatwg

  1. IETF(Internet Engineering Task Force)

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

W3C及Ecma会员

  1. W3C目前在全球有457家会员,其中中国区有47家
  2. Ecm的AM会员目前有十八家,中国有五家,分别为字节跳动、华为、腾讯、360、阿里巴巴