菲洛嘉青春动能素135HA FILLMED® NCTF 135HA LED指示灯的常见故障分析 智微智能 Elkhartlake K075终端,零售产业新选择 天空蓝拓客管理系统详细介绍版 muso公链项目 天使计划 是什么?[秘] 独家揭秘最前沿的家装“黑科技”——掌赋 天博体育欧洲杯特辑,东道主法兰西的失意2016 亚马逊的送货侦察员 学习听起来像挡泥板 Google Comics Factory使ML变得容易 笑着说-男性或女性 Amazon Rekognition中更好的人脸检测 关于Spaun的真相-大脑模拟 两个聊天机器人彼此聊天-有趣又怪异 GANPaint:将AI用于艺术 WCF和WF给予社区 从耳朵到脸 所有神经网络的深层缺陷 蠕虫在尾巴上平衡杆子 Kickstarter上的OpenCV AI套件 TensorFlow-Google的开源AI和计算引擎 众包取代新闻工作者 Google的DeepMind学会玩街机游戏 哑机器人V智能机器人 .NET与.NET 5融为一体 Google的深度学习-语音识别 LInQer将.NET LINQ移植到Javascript 机器人TED演讲-新的图灵测试? GAN的发明者加入苹果 您的智能手机会监视您键入的内容 人工智能帮助改善国际象棋 Zalando Flair NLP库已更新 TensorFlow 1.5包含移动版本 AlphaGo输了一场比赛-比分3-1 虚拟机器学习峰会 Microsoft开源AI调试工具 SharePoint走向移动 F#4.0发出文化变革的信号 克里斯蒂拍卖AI艺术品 人工智能如何区分 Facebook在蒙特利尔的新AI实验室 Mozilla想要您的声音 微软使用极深的神经网络赢得ImageNet 建立AI合作伙伴关系 .NET Core 3-Microsoft几乎回到了起点 神经网络-更好的销售商? Google使用AI查找您的住所 虹膜-适用于Android的Siri证明苹果没有优势 TensorFlow 2提供更快的模型训练 深度学习研究人员将为Google工作
您的位置:首页 >开发 >

Brick-Mozilla做UI Web组件

Mozilla不满足于要开发整个操作系统,更不用说知名的浏览器了,现在他承担了为现代Web应用程序创建UI的任务。但是为什么叫砖头呢?

在创建复杂的UI时,HTML5仍然存在一个大问题-它只是不支持足够的小部件。该问题的解决方案是使用JavaScript使用HTML5中已定义的标签和图形来构建新的小部件。

但是,完成这项工作的标准方法是创建一个Web组件。W3C正在研究一种使用自定义标签,JavaScript和影子DOM扩展HTML的标准方法-因此目前尚未100%标准化。

好消息是,一旦完成了开发自定义组件的艰苦工作,使用它就像使用标准标记一样容易-只要您记得加载使其全部起作用的JavaScript。

因此,例如,如果您想使用翻转盒组件,则要做的只是包括:

<x-flipbox> <div>我是正面。</ div> <div>我是背面。</ div> </ x-flipbox>

并使其从前向后翻转:

// //假设toggleButton和flipBox已被定义为各自的DOM元素。toggleButton.addEventListener(“ click”,function(){flipBox.toggle();});

brick1

Mozilla现在拥有可下载和使用的Web组件库。目前它处于测试版,并且存在一些错误。组件的范围非常大-appbar,日历,datepicker,deck,flipbox,iconbutton,slidebox,滑块,tabbar,toggle,togglegroup和工具提示。

原则上,这些组件可以与任何浏览器一起使用,并且可以在常规HTML页面中使用,但是Brick网站上的所有示例均显示了手机大小的屏幕。

很明显,Mozilla打算将Brick用于FIrefox操作系统的开发应用程序,但这并未明确。实际上,除了基本文档之外,该项目上几乎没有任何信息,这似乎是较早的X-Tag项目的后代。

如果您打算为Firefox OS创建一个应用程序,那么对于UI的使用方式没有太多官方指导-jQuery Mobile,UX构件块或现在的Brick?

Mozilla需要尽快为Firefox OS应用程序提供一个一致的SDK,并停止假装为其开发与开发通用Web应用程序相同。

尽管缺乏沟通,但是Brick看起来不错,尤其是如果您尝试创建Firefox OS应用程序时-可以肯定地将其称为Bricks吗?

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。