关于 Web 标准

已于 2022-03-02 23:41:47 修改
阅读量301 收藏
点赞数
分类专栏： 2021字节青训营学习笔记 文章标签： 前端
于 2022-03-02 23:38:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huaqi_/article/details/123243266
版权

关于 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_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web标准:关于web标准的一些初学的知识
12-10
Web标准使您能通过最少的工作，生成可被最广大受众访问的Web站点。Web标准的承诺是：只需设计页面一次，即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如，在按照标准生成以后，旨在在MicrosoftInternetExplorer中以某种方式显示的页可在其他浏览器（如，MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari）中以相同的方式显示，而无需完成任何额外的工作。　　Web标准的一个额外好处是—使Web站点更易于为残疾人士访问。这是一个范围广泛的受众群体，包括视力衰退的中年人士，刚刚在滑雪时跌断胳膊的人士，以及完全失明的人
ECMAScript功能：ECMAScript功能速查表
02-05
ECMAScript功能或备忘单 请点击 :star: 如果您喜欢这个项目。 拉取请求受到高度赞赏。 跟随我获取技术更新。 下载PDF / Epub格式 您可以从“上的最新运行中下载此存储库的PDF和Epub版本。 如何执行范例 npm install npx babel-node es2020/bigint // Try other examples too 什么是ECMAScript？ ECMAScript是用作JavaScript基础的脚本语言。 ECMAScript由ECMA国际标准组织在ECMA-262和ECMA-402规范中标准化。 关于ECMAScript功能的每个建议都经历以下成熟阶段
Web标准:关于DOCTYPE
01-19
DOCTYPE不可怕，但把它拿走，会让你怕了又怕。 最近在蓝色理想转悠，发现很多朋友提出有关DIV CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTYPE都是一项必需的元素。它会影响代码验证，并决定了浏览器最终如何显示你的web文档。为了避免DOCTYPE的问题重复出现，我根据手头的资料整理了这篇文档，以备自己及有兴趣的朋友参
Python网络爬虫基础
qq_52421831的博客
08-08 2015
python爬虫技术
如何在 JavaScript 中格式化日期？
kalman2019的博客
12-22 1734
如何将 Date 对象格式化为字符串？
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）。
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删除该目录
我国首个 JS 语言提案在 ECMA 进入 Stage 3
淘系技术
04-13 6075
近期，在 ECMA 标准化组织的 TC39 技术委员会上，阿里巴巴前端标准化小组与淘系技术提出的 JavaScript 标准提案《Error Cause》进入了 Stage 3，将开始在 ...
网页设计关于WEB标准的相关问题汇总
01-19
怎样才是符合web标准? 简单说就是不用HTML table来设计页面，改用XHTML CSS来实现。 怎样是代码校验? 代码校验就是检查你制作好的页面是否完全符合web标准。通常可以到W3C的网站去校验。 什么是DocType,有什么用? ...
压感Android Webview,您不能错过的 Safari 10.0 新特性
weixin_29967445的博客
05-26 179
Web APIs支持IndexedDBSafari 10.0 对IndexedDB的HTML5本地存储方式实现完整支持W3C标准。通过该API，开发者可以在Web应用的客户端实现离线存储，或者缓存可观数量的结构化数据。编程化实现剪切和拷贝功能通过Javascript操作(如下)document.execCommand('cut') //剪切document.execCommand('copy')...
Web标准与W3C标准
WXY19990803的博客
05-14 2112
Web标准与W3C标准 一、Web 标准组成 Web 标准不是一个标准，是由 W3C 与其他标准化组织指定的一系列标准的集合，主要包括结构、表现和行为三个方面。 结构标准：用于对网页元素进行整理与分类，主要由 HTML 标签组成。 表现标准：用于设置网页元素的版式、颜色、大小等外观样式，主要指 CSS 样式表。 行为标准：指网页模型的定义及交互的编写。主要是有js、dom组成。 Web 标准一般是将该三部分独立分开（.html、.js、.css），使其更具有模块化。但一般产生行为时，就会有结构或者表现的变
25+web技术站点，事半功倍，总有一个值得got
成长的程序世界，一起成长
04-03 730
收集一些有用的网站，为自己用，也分享一下，仅此而已。 25+web技术站点，总有一个你值得拥有！！！
js文件可以直接运行吗,javascript文件怎么打开
wenangou的博客
11-13 210
JavaScript是现今非常流行的编程语言之一，在编程语言排行榜上也是数一数二的存在，如果你现在去搜编程语言榜单，你会发现，JavaScript现在是在第一名的位置。在经过了这么些年的发展，JavaScript已经在软件行业里占据了一壁江山。
什么是web标准？
wjn
05-27 3615
简介 Web 标准也称网页标准，它由一系列标准组成，这些标准大部分由 W3C 负责制订，也有一些标准由其他标准组织制定的 Web标准的构成 主要包含三部分 结构（Structure）：结构用于对网页元素进行整理和分类 HTML 表现（Presentation）：表现用于设置网页元素的版式、颜色、大小等外观样式 CSS 行为（Behavior）：网页模型的定义及交互的编写，JavaScript 为什么要有Web标准 对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 Web
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 365
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 522
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
最新发布
liyrbtqe_66w的博客
06-12 247
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
vue3如何定义一个组件
Java程序员专栏
06-09 552
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
有哪些关于web测试的团体标准文件
07-15
4. WCAG（Web Content Accessibility Guidelines）标准文件：WCAG是W3C发布的一系列关于Web内容无障碍的指南。WCAG标准文件详细说明了如何使Web内容对于残障人士更易访问，包括视觉、听觉、认知和操作等方面。 除了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值