关于 Web 标准

已于 2022-03-02 23:41:47 修改
阅读量325 收藏
点赞数
分类专栏： 2021字节青训营学习笔记 文章标签： 前端
于 2022-03-02 23:38:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huaqi_/article/details/123243266
版权
本文介绍了Web标准的重要组织如W3C、Ecma TC39和WHATWG，详细阐述了它们的规范制定流程，并探讨了如何参与标准会议。同时，讨论了成为标准组织会员对公司和个人的益处，推荐了相关书籍，并给出了前端开发学习路径的建议。
摘要由CSDN通过智能技术生成

关于 Web 标准

目录

了解 Web 标准组织

与前端关系密切的标准组织

  • W3C
    • 全称：World Wide Web Consortium
    • Github
    • 规范查询（TR:technique report）
    • 主要 Web 相关标准
      • DOM
      • CSS
      • Web Audio API
      • Web Storage
      • Web RTC
      • WebAssembly JavaScript Interface
  • Ecma （注：其并不是什么组织名称的缩写）
    • 全称：Ecam International
    • TC39
    • Github
    • Discourse
    • 主要 Web 相关标准
      • ECMAScript Language Specification (ECMA-262)
      • ECMAScript Internationalization API Specificaition (ECMA-402)
  • WHATWG
    • 全称：Web Hypertext Application Technology Working Group
    • Github
    • 规范查询
    • 主要 Web 相关标准
      • HTML
      • Fetch
      • Enchoding
  • IETF

W3C 规范制定流程

  1. Explainer
  2. Find the right community/group
  3. Web IDL for APIs
  4. Step-by-step algorithms
  5. GitHub,Markdown,respec,bikeshed,etc
  6. Get an early review w3ctag/design-reviews
  7. Write web-platform-tests(WPT) tests

Ecma TC39 规范制定流程

  1. Championing a proposal at TC39
  2. How to write a good explainer
  3. Presenting a Proposal to TC39
  4. Reading a proposal draft
  5. Stage 3 Proposal Reveiews
  6. How to experiment with a proposal before Stage4
  7. Implementing and shipping TC39 proposal

如何参与 – 关注会议

W3C 会议

  • 年度大会
    • AC
      • 全称：Advisory Committee
    • TPAC
      • 全称：Technical Plenary and Advisory Committe
  • 工作组会议
    • 每月会议
    • 各种研讨会

Ecam 会议

  • 年度大会
    • GA
      • 全称：General Assembly
  • TC39 会议
    • 每 1-2 月

课后问答

公司作为标准组织会员有何好处

  • 公司在实践中，会产生公司内部小返回的标准，作为会员参加会议，可以了解到相关信息
  • 在会议中，亦可以将自己的标准推广出去
  • 作为会员公司的员工，对标准的了解会更进一步，有利于公司氛围的提高

书籍推荐

  • 红宝书（偏向于实践）
    • 重点放在前半部分
    • 后半部分具体场景,具体参考
  • 犀牛书（偏向于理论）

node.js 在大厂的应用方向

  • 2B 层面
    • 作为 BFF （back-end and front-end）中间层，将接口再封装一层，用于不同的前端场景
  • 2D 层面
    • 公司私有工具、库的生成与使用

是否应吃透 JS 才去学习 React、Vue 框架

  • 框架作为更高一层的抽象，可以先去学习框架
  • 针对具体业务，带着问题学习 JS 原理
  • JS 原理学习与框架学习相辅相成

前端开发工程师学习 WebAssembly

  • 随着计算量的提高，前端的性能亦需要提升，前端开发需要了解 WebAssembly
  • 前端开发工程师亦需要学习底层原理，提高对前端的理解
huaqi_
关注
专栏目录
ecma402：ECMA 402的状态，过程和文件
02-18
ECMAScript国际化API规范 这个回购 该存储库包含ECMA-402（ECMAScript:registered:国际化API规范）当前草案的来源。 处理该源代码以获得人类可读的版本，您可以查看。 目前的提案 提案遵循，并在进行跟踪。 有关测试状态，建议书的文档和浏览器实施的信息可以在找到。 如何贡献 有关为该标准提交提案的最新信息，请参见捐款”。 ECMA-402由ECMA-402任务组根据TC39开发。 该工作组达成共识，并向TC39提出了建议。 任务组每月举行一次电话会议。 欢迎遵循中程序的社区成员参加月度会议。 请参阅。 请同时在邮件列表中申请会员资格。 制定规范 克隆后，请执行npm install设置您的环境。 然后，您可以执行npm run build来构建规范，或者执行npm run watch来设置连续构建。 结果将显示在out目录中，您可以使用npm run clean删除该目录
【整理】JavaScript起源 → ECMAScript标准 → NodeJS语法
world_universe的博客
09-20 140
JavaScript是怎么来的，与ECMAScript、JScript、ActionScript、JAVA是什么关系？ECMAScript是什么标准？NodeJS用的又是什么语法？本文言简意赅、认真撰写
40、浏览器API（小实验）：动手整理全部API
所学所思
02-14 1360
今天我们来讲讲浏览器API。浏览器的API数目繁多，我们在之前的课程中，已经一起学习了其中几个比较有体系的部分：比如之前讲到过的DOM和CSSOM等等。但是，如果你留意过，会发现我们讲到的API仍然是标准中非常小的一部分。这里，我们不可能把课程变成一本厚厚的API参考手册，所以这一节课，我设计了一个实验，我们一起来给API分分类。我们按照每个API所在的标准来分类。所以，我们用代码来反射浏览器环境中全局对象的属性，然后我们用JavaScript的filter方法来逐步过滤掉已知的属性。接下来，我们整理API
Intl.js：适用于JavaScript的ECMAScript国际化API（ECMA-402）的兼容性实现-保留
02-22
:warning: 由于原始作者和维护者的其他承诺，Intl.js。 如果您想进行改进，请分叉。 Intl.js 2012年12月，ECMA International发布了第一版Standard ECMA-402，即ECMAScript Internationalization API 。 该规范提供了将过期的本地化方法引入ECMAScript实现的框架。 所有现代浏览器均已实现此API。 Intl.js填补了旧版浏览器中该API的可用性的空白。 它将提供规范所描述的框架，以便开发人员可以在支持原生API的环境中使用本机API， Intl.js对于遗留或不受支持的环境则可以使用Intl.js 入门 Intl.js和FT Polyfill服务 Intl.js polyfill最近被添加到，该由“团队领导的贡献者社区开发和维护。 它可以通过cdn.polyfill.io域获得，该域通过cdn.poly
ecma402-angularjs:适用于ECMA402的AngularJS过滤器
05-24
ecma402-angularjs ECMA402的AngularJS门面 该项目为AngularJS开发人员提供支持，以利用功能，但具有熟悉的AngularJS构造。 发牌 该项目已获得。 安装 Bower发行版安装： $ bower install ecma402-angularjs 手动主安装： $ git clone git://github.com/ibm-js/ecma402-angularjs.git 然后使用bower安装依赖项（如果愿意，可以从github手动安装）： $ cd ecma402-angularjs $ bower install 文献资料 有关更多完整的用法说明文件，请参见。 概述 ECMA402层上的该外观设计为由指令或作为过滤器调用。 指令和过滤器均利用，即使用命名前缀来防止命名冲突。 这个前缀是a9n （一ngular-I18 N）。
Web标准
热门推荐
JiuMeilove的博客
09-01 2万+
Web 标准     Web 标准也称网页标准，它由一系列标准组成，这些标准大部分由 W3C 负责制订，也有一些标准由其他标准组织制定的，如 ECMA 的 ECMAScript 标准等。 狭义的 Web 标准是指网页设计的 DIV+CSS 化，广义的 Web 标准是指网页设计要符合 W3C 和 ECMA 规范。 Java Script 负责开发网页的交互效果。 W3C 是 World Wide Web Consortium 的缩写，中文译为“万维网联盟”，是一个 We
什么是web标准？
wjn
05-27 3999
简介 Web 标准也称网页标准，它由一系列标准组成，这些标准大部分由 W3C 负责制订，也有一些标准由其他标准组织制定的 Web标准的构成 主要包含三部分 结构（Structure）：结构用于对网页元素进行整理和分类 HTML 表现（Presentation）：表现用于设置网页元素的版式、颜色、大小等外观样式 CSS 行为（Behavior）：网页模型的定义及交互的编写，JavaScript 为什么要有Web标准 对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 Web
认识web和web标准
a1999tyj的博客
10-26 1635
Web（World Wide Web）即全球广域网，也称为万维网。我们常说的Web端就是网页端。
Web标准与W3C标准
WXY19990803的博客
05-14 2246
Web标准与W3C标准 一、Web 标准组成 Web 标准不是一个标准，是由 W3C 与其他标准化组织指定的一系列标准的集合，主要包括结构、表现和行为三个方面。 结构标准：用于对网页元素进行整理与分类，主要由 HTML 标签组成。 表现标准：用于设置网页元素的版式、颜色、大小等外观样式，主要指 CSS 样式表。 行为标准：指网页模型的定义及交互的编写。主要是有js、dom组成。 Web 标准一般是将该三部分独立分开（.html、.js、.css），使其更具有模块化。但一般产生行为时，就会有结构或者表现的变
前端基础 Web网页标准
运维派大星
03-21 2871
Web 标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。 为什么需要web标准： 遵循web标准除了可以让不同的开发人员写出页面更标准、更统一以外，还有以下优点： 1、让web的发展前景更广阔 2、内容能被更广泛的设备访问 3、更容易被搜索引擎搜索 4、降低网站流量费用 5、使网站更易于维护 6、提高页面的浏览速度 Web标准的构成 主要包括结构（struture）、表现（Presentation）、和行为（Behavior）三
网页设计关于WEB标准的相关问题汇总
09-27
例如，《网站重构--用web标准进行设计》一书提供了关于Web标准概念和实践的深入见解，而Eric Meyer的《CSS权威指南》系列则是学习CSS的绝佳资源。 至于CSS布局与表格布局的难度比较，这很大程度上取决于个人的学习...
Web标准:关于web标准的一些初学的知识
12-10
Web标准使您能通过最少的工作，生成可被最广大受众访问的Web站点。Web标准的承诺是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，旨在在...
论web标准的网页制作和符合web标准的网站UI
12-11
所幸，我的瑞典籍的Project Leader是一个很有经验的人，他告诉了我很多关于web标准国内并不了解的东西，我这几年技术方面的成长离不开他的支持和引导，感谢Andreas Liljefilt！在这里，我把它们告诉大家，也希望能有...
我国首个 JS 语言提案在 ECMA 进入 Stage 3
淘系技术
04-13 6112
近期，在 ECMA 标准化组织的 TC39 技术委员会上，阿里巴巴前端标准化小组与淘系技术提出的 JavaScript 标准提案《Error Cause》进入了 Stage 3，将开始在 ...
ECMAScript 2015官方文档翻译（二）
理想三旬
06-22 1826
ECMAScript 2015 语言规范 1 Scope（范围） 　　本标准定义了ECMAScript 2015通用编程语言。 2 Conformance（一致性） 　　一个符合ECMAScript标准的实现必须提供和支持所有该规范中描述的类型、值,对象,性质,功能,程序语法和语义。 　　符合标准的ECMAScript实现必须解释符合Unicode标准,5.1.0或更高版本和ISO/IEC 10646的源文
一些常用的react hooks以及各自的作用
最新发布
weixin_48602044的博客
11-01 296
关于react hooks的一些知识与应用
做一个能适配「手机」的网站需要注意什么
illidri的博客
11-01 262
像现在主流会采用 H5 响应式布局，仅涉及前端的开发工作，代码量少，效果佳，是一种性价比比较高的选择，如果题主有意要进行网站建站，特别是想要手机浏览也有一定效果，可以选择这种~当然还有一种类似的方式叫自适应布局，俗称 AWD（AdaptiveWebDesign），同样是检测视口分辨率，判断不同尺寸和分辨率是什么设备，从而返回不同布局页面。最根本的区别在于，响应式页面的代码量少，但质量要求高，根据不同分辨率自动调整排版，而自适应页面需要根据不同设备准备不同的页面，这样前期的开发工作就大了很多。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值