写点什么

Mozilla Brick:一个 Web 组件 Polyfill 库

  • 2013-08-30
  • 本文字数:875 字

    阅读完需:约 3 分钟

Web 组件是一个 W3C 规范,它旨在使 Web 开发人员能够定义具有非常丰富的视觉效果和高可交互性且易于组合的小组件。 Brick 库提供了新的自定义 HTML 标签,从而抽象了用户常用接口模式。在浏览器本身支持类似标签之前,开发人员可以使用 Brick。

Brick 基于 Mozilla 的 X-Tag polyfill 库,因此,要运行依赖任何 Brick 标签的代码,开发人员需要先将 window.onload 替换为 x-tags 库的“DOMComponentsLoaded”事件:

复制代码
document.addEventListener('DOMComponentsLoaded', function(){  
// 在这里添加可运行代码...
});

在写作本文的时候,Brick 包含 13 个不同的标签(“bricks”),它们中的大部分都完全相互独立,甚至可以分别下载,而不是一起打包下载:

  1. “导航栏(Appbar)”
  2. “日历(Calendar)”
  3. “日期选择器(Datepicker)”
  4. “面板(Deck)”
  5. “翻转框(Flipbox)”
  6. “图标按钮(Iconbutton)”
  7. “布局(Layout)”
  8. “滚动框(Slidebox)”
  9. “滚动条(Slider)”
  10. “选项卡(Tabbar)”
  11. “开关(Toggle)”
  12. “开关组(Togglegroup)”
  13. “提示框(Tooltip)”

下面是日历标签的样子:

复制代码
<x-calendar></x-calendar>

Google 非常信任 Web 组件,它也正在开发一个名为 Polymer 的 Web 组件 polyfill 库,该库试图在现有的浏览器基本结构上充分利用“影子 DOM(Shadow DOM)”、“自定义元素(Custom Elements)”和“模型驱动视图(Model Driven Vies)”等未来技术。

值得一提的是,虽然在过去的一年里 Web 组件的发展势头看上去很好,但是 Web 组件规范变化很快,还有许多方面不确定。几周前,来自 Google 的 Dimitri Glazkov 在 W3C 邮件列表中提议,从规范中删除元素。关于这一点,他们一致认为, 已拟定的元素语法不够好,在实现标准化之前,应该把这个问题留给各实现库来探索,正如来自 Apollo Group 的 Brian Kardell 所说:

像 x-tags 和 polymer 这样的项目,甚至是像 Ember 和 Angular 这样的项目,要给他们机会,让他们带头提出那些问题并帮忙给出具有潜在竞争力的答案——在我看来,没有必要急于在这一点上进行高层次的标准化。

查看英文原文: Mozilla Brick: A Polyfill Library for Web Components

2013-08-30 03:071919
用户头像

发布了 256 篇内容, 共 85.5 次阅读, 收获喜欢 12 次。

关注

评论

发布
暂无评论
发现更多内容

大厂工程师如何给SpringBoot封装响应数据和异常处理?

Java-fenn

Java

C++ 20 协程 Coroutine之剖析

Java-fenn

Java

阿里前端常见面试题(附答案)

loveX001

前端 前端javascript

LeetCode-1002. 查找常用字符(Golang)

bug菌

9月日更 Leet Code 9月月更

GreatSQL vs MySQL性能测试来了,速围观~

Java-fenn

Java java;

22个每个程序员都应该知道的 Git 命令

Java-fenn

Java

SpringBoot 源码 | prepareEnvironment 方法解析

Java-fenn

Java

弱隔离级别 & 事务并发问题

Java-fenn

Java

太赞了,使用应用魔方 AppCube,我没有写一行代码就开发出了一款投票微信小程序

wljslmz

微信小程序 低代码开发 AppCube 9月月更

库调多了,都忘了最基础的概念-《单例模式VS状态码》

知识浅谈

volatile 单例模式 9月月更

字节架构师:来说说 Kafka 的消费者客户端详解,你都搞懂了吗?

Java快了!

Kafk

知道这些坑,你还敢乱把单体架构拆成分布式吗

Java-fenn

Java

详解容灾架构中的数据复制技术

Java-fenn

Java

Java 多线程:锁

Java-fenn

Java

k8s中几个基本概念的理解

Java-fenn

Java

分布式锁有哪些实现方案各自有什么优缺点?

想要飞的猪

分布式锁 redis分布式锁 zookeeper分布式锁

Plasticine: 面向并行模式的可重配架构

俞凡

架构 网络

全到哭!从面试到架构,阿里大佬用五部分就把高并发编程讲清楚了

Java全栈架构师

Java 程序员 面试 程序人生 高并发

LeetCode-1370. 上升下降字符串(Java)

bug菌

9月日更 Leet Code 9月月更

C++最佳实践 | 6. 性能

Java-fenn

Java

开箱即用,40 个 SpringBoot 常用注解!

Java-fenn

TAP 基于 Knative 的 云原生运行时

Java-fenn

Java

HTTPS TLS 1.2

懒时小窝

https HTTP

Java进阶(十五)Java中设置session的详细解释

No Silver Bullet

Java session Cookie 9月月更

【全网最全】你绝对没见过的,Alibaba内部的18份Java技术体系教程

程序知音

Java JVM 阿里 程序员面试 后端技术

什么是X态传播?

Java-fenn

Java

SAP 电商云 Spartacus UI 同 SAP Customer Data Cloud 的集成

汪子熙

typescript SAP Hybris Spartacus 9月月更

设计模式之工厂方法模式--更加符合开闭原则的工厂模式

Java-fenn

Java

Fast.Framework ORM 于中秋节后 正式开源

Java-fenn

Java

九个写 TypeScript 的坏习惯,看看你有没有?

Java-fenn

Java

Netty系列教程(二)Netty架构设计剖析

Java-fenn

Java

Mozilla Brick:一个Web组件Polyfill库_JavaScript_Dio Synodinos_InfoQ精选文章