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

76 阅读2分钟

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

关于前端

起源

  • 1989年,关于信息管理的一个建议,存储在任何一台计算机上的信息都是链接的,写一段空间,让信息链接在一起。
  • 上网——互联网Internet,计算机网络诞生于上世纪60年代,标志性通信协议是TCP/IP

架构与变迁

  • HTML、HTTP、URL
  • 浏览器通过HTTP请求获取HTML文档,URL用来定位资源
  • CSS和JS是后来者
  • Web变迁:
  • 只读时代(单向发布,静态制度,CGI)
  • 体验时代(Ajax,动态交互,用户生成内容,单页应用,jQuery)
  • 敏捷时代(模块化,转译,打包,react,Vue)

环境

  • 浏览器两大形态

    形态浏览器
    桌面chrome、edge
    移动安卓浏览器和ios浏览器
  • 服务器:node环境

  • 终端:命令行工具(webpack、babel、Vue CLI等)

  • 跨端:桌面跨端:NW.js\Electron,移动跨端React Native。。。

语言框架和工具

  • HTML结构,css样式,JS动态行为
  • WebAssembly:新的编码方式,让浏览器可以运行C++、c、Rust等语言编译后的wasm文件,这种文件运行速度快,可以实现浏览器端的高性能。
  • 框架:Node、Vue、React、Babel、TS

Web标准

W3C与ECMA

  • World Wide Web Consortium
  • W3C全球457家会员
  • 大部分浏览器厂商都是会员
  • W3C规范制定流程
    • 写文档
    • 找到合适小组并提交
    • 认可后写一个API来实现
    • 描述清楚算法
    • 技术架构组审查
    • 写WPT测试用例
  • ECMA流程
    • 稻草人阶段
    • 正式建议阶段
    • 草案阶段
    • 候选推荐,至少又两个实现
    • 经过测试成为标准
  • W3C:年度大会AC,TPAC,工作组每月会议和各种研讨会
  • ECMA:年度大会GA,TC39每1-2月一次

WHATWG

IETF

思考

web前端在不断演化中已经不再是传统的写网页这么简单,在时间的流逝中,它的深度正在不断发展。

在本节课中老师讲述了web的变迁和标准,联系到three.js、JS后端和RN这些我曾经接触过的与写网页无关的技术,我们要了解前端的技术正在不断变革,向内探索是我们要一直坚持的。