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

67 阅读2分钟

关于前端开发

起源、架构、变迁

最早诞生于1989年,由HTML HTTP URL三种技术构成。CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。

只读时代(1989-2004)

  • HTML\css\JavaScript(架构)

    单向发布 静态只读 链接跳转 刷新页面 表格对齐元素 CGI

体验时代(2005-2010)

  • Ajax\Web\jQuery(架构)

    动态交互 社交媒体 用户生成内容(UGC) 单页应用(SPA) jQuery YUI

敏捷时代(2010-2021)

  • Fetch\Node.js\Webpack(架构)

    模块化 组件化 转译(transpiling) 打包(bundling) React.js vue.js

应用领域

  • To Business(面向公司)
  • To Customer(面向用户)
  • To Developer(面型开发者)

语言、框架、工具

语言

  • HTML、CSS、JavaScript
  • WebAssembly

框架、工具

  • node.js
  • koa
  • React
  • vue
  • Typescript
  • git
  • babel
  • webpack
  • esbuild

Web标准

标准组织

  • W3C: World Wide Web Consortium
  • Ecma: Ecma International
  • WHATWG: Web Hypertext ApplicationTechnology Working Group
  • IETF: Internet Engineering Task Force

W3C规范制定流程

  • Explainer demo (演示Demo)
  • Find the right community/group (找到合适的组织)
  • Web IDL for APIs link(API 链接的 Web IDL)
  • Step-by-step algorithms(逐步算法)
  • GitHub, Markdown, respec, bikeshed,etc(上传GitHub, Markdown, respec, bikeshed,etc等)
  • Get an early review w3ctag/design-reviews(获得w3ctag的评估)
  • Write web-platform-tests (WPT) tests(编写测试)

Web标准与前端开发的区别:

  1. web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上。

  2. 移动端主要以webkit内核为主,对于HTML5等新技术支持的更好;而web前端由于很多场景下要求兼容IE等老版本浏览器,有些情况下限制了新技术的使用。

  3. 页面的适配性上,移动端页面的适配难度更高一些。

  4. 页面的性能上,web端的性能比移动端稳定。

总结

Web标准与前端开发,使我对Web的标准有了更加清晰和深刻的理解。