主页 > 云储存 > > 正文

百度云_二级域名怎么注册_怎么申请

来源:胜利云 发布时间:2021-09-25 23:56 标签:注册百度怎么申请二级域名
浏览:

比方说,你想开发一个新的web应用程序。技术概念中的一个重要步骤是选择UI库。除了SAPUI5之外,还有大量优秀的UI框架和技术,因此保持一个概述是相当复杂的。

但是几乎所有这些框架都存在概念上的不足,特别是当您想要开发封装的、可重用的元素时。只需查看SAPUI5列表框控件的HTML标记的一部分:

正如您所看到的,控件的所有单个元素都是公开的。此行为导致以下问题:

此外,SAPUI5列表框仅在SAPUI5应用程序中可重用。创建应用程序时,例如。角度.js,不可能集成SAPUI5库的单个控件。相反,您至少需要包含核心框架才能使用其控件。实际的问题是,几乎所有的UI框架都使用不同的方法来开发和实现控件。他们不使用组件的通用标准。这意味着,大数据如何分析,它们不能协同工作。

这就是Web组件的用武之地。下图说明了这项新技术的作用。

层"Web组件"提供了真正封装的、可重用的构建块。它是框架和应用程序的新基础。

足够的理论!我们来看看代码。Web组件由这四种技术组成(尽管每种技术都可以单独使用):

我将在本文中向您展示如何创建一个简单的Web组件。你所需要的只是一个文本编辑器,一个网络服务器和谷歌浏览器。首先,在您的web服务器根目录或项目目录中使用以下标记创建一个新的HTML站点。

当您在Chrome中查看此站点时,您将看到一个简单的链接。现在,我们的目标是开发一个自定义按钮元素,它在内部使用一个"a"元素。结果附在帖子中。

HTML导入类似于Web组件的打包机制。当你想在你的HTML站点中使用一个Web组件时,只需导入它!创建HTML文件"custom-按钮.html"并从你的索引.html. 将此代码放在"head"部分的末尾。

我们将在"custom"中实现与组件相关的标记和编码-按钮.html"

当然,我们想为我们的元素呈现一些HTML和样式。为此,我们将标记和CSS放入新的HTML模板元素中。重要的是要知道,当页面被加载时,这个标签中的内容不会被呈现。应用程序本身需要通过JavaScript执行一些额外的步骤。切换到"自定义-按钮.html"并添加以下标记:

我们还想创建自己的自定义HTML标记和元素。此外,我们还需要生命周期回调之类的东西,这样我们就可以在元素的不同状态下执行编码。""自定义元素"为我们提供了这些特性。以下回调当前可用(请参阅MDN):

让我们在索引.html(在"a"元素下面)并添加一些属性:

定义自定义元素时,必须始终在控件名称中使用连字符!之后,我们需要一点JavaScript来描述我们的元素并注册它。你的"习惯"-按钮.html将以下代码粘贴在"模板"部分下。

这是创建和注册自定义元素的一种可能方法。您可以用不同的方式创建新元素的原型。但我想,这个很清楚。此外,物联网应用技术,还可以将自定义元素基于本地元素,如"a"。换句话说,您可以从本机控件继承。这样的元素具有不同的标记语法,看起来像。

Shadow DOM是将JavaScript、CSS和模板封装到Web组件中的关键。通过这种技术,我们可以将特定于组件的代码与页面的其余部分分离开来。让我们看看,它是如何工作的。这是自定义元素的createdCallback方法的实现。当你打开门的时候索引.html在浏览器中,检查自定义元素的标记,您应该会看到这样的内容:

„shadow root"部分证明,我们的控件的实现是封装的。

因为我们的自定义元素只不过是一个普通的HTMLElement,我们可以将其视为一个普通元素。因此,您可以添加eventlisteners、查询它等等

重要的是要理解,Web组件可以是"无视图"的,所以它只包含逻辑。这个概念应该为所有webdynpro开发人员所熟知(model/viewless WD组件)。Web组件背后的理念是为各种用例创建元素。

再见SAPUI5,您好Web组件?不,这有几个原因。

在我看来,用云服务器,Web组件将在未来的Web开发中发挥重要作用。目前,我建议只观察这项技术。当浏览器支持变得更好,像Polymer这样的项目越来越多,现在是时候从Web组件开始了。

来源:

WebComponents.org网站–讨论和发展web组件最佳实践的地方

web组件–Mozilla开发人员网络

谷歌I/O 2015–聚合物和现代web API:在谷歌规模生产

嗨,迈克尔,

我使用的是Chrome版本43.0.2357.130M

我将两个html文件提取到同一个目录并打开索引.html用chrome,但没有按钮。我使用您首先指定的简单页面创建了一个index1.html,物联网企业,它以相同的方式呈现给索引.html指的是习俗-按钮.html

所以我抄了索引.html到index2.html并替换为

含海关内容-按钮.html. 没有其他变化。

而且它工作正常(好吧,我得到了标准链接和按钮)

我缺少一些真正基本的东西。或者它只是不断变化的浏览器兼容性前沿功能的规范?

尽管我认为进口指令仍然有效!!

hth

嗨,马丁,

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 对象存储_网站集约化建设_哪家好
    对象存储_网站集约化建设_哪家好

    对象存储_网站集约化建设_哪家好

    当戴夫·麦克卢尔首次提出海盗指标的概念时,它震撼了创业界的核心。尽管你现在可能知道他是500家初创企业的幕后推手,但在贝宝(PayPal)上市前担任...

  • 数据库_数据库事务原理_安全稳定
    <strong>数据库_数据库事务原理_安全稳定</strong>

    数据库_数据库事务原理_安全稳定

    为CloudFlare客户提供对源站的免费和高性能加密2014年秋季,CloudFlare推出了Universal SSL,并将通过HTTPS访问的网站数量增加了一倍。在短短几天内,我们颁发了...

  • 百度云_企业邮箱怎么设置签名_排行榜
    百度云_企业邮箱怎么设置签名_排行榜

    百度云_企业邮箱怎么设置签名_排行榜

    在快节奏的销售世界里,时间是无价的。这正是为什么你需要停止切换标签,使用新的Pipedrive Chrome扩展直接从Gmail使用Pipedrive的强大功能。如果你是一个狂...

  • 游戏服务器_节点服务器_优惠
    <strong>游戏服务器_节点服务器_优惠</strong>

    游戏服务器_节点服务器_优惠

    nomad0.11为任务引入了生命周期部分,可以用来表示任务依赖关系。这可以用来表示任务组中任务之间的任务依赖关系,甚至可以利用consur来表示任务间的任...

  • 企业邮箱_华为云techwave_企业级
    <strong>企业邮箱_华为云techwave_企业级</strong>

    企业邮箱_华为云techwave_企业级

    遵守一套不断发展的数据隐私法规的需求可能看起来很繁重,或者会导致公司停滞不前,不知道下一步该采取什么措施。如果不了解这些法规对日常运营的...

云储存

更多 >
  • <strong>香港带宽_视频云存储_0元</strong>
    香港带宽_视频云存储_0元

    这些年来,我参加过几次同性恋、双性恋、双性恋和双性恋的游行,在澳大利亚生活时,我曾多次为悉尼同性恋狂欢节做志愿者。现在,自从2014年我转到帕...

  • <strong>免备案CDN_备案老域名出售_三重好礼</strong>
    免备案CDN_备案老域名出售_三重好礼

    SAP Korea于6月10日和11日举办的首个"设计思维弹出式学校"取得了巨大成功。首尔的设计与共同创新中心团队领导了此次活动,该活动是与韩国最有影响力的商...

云储存天翼云_3096天百度云链接资源_返现
云储存百度云_服务器海外_最新活动
云储存CDN_腾讯的企业邮箱_9元
云储存云数据库_asp网站空间_学生机
云储存香港服务器_vpn服务器设置_精选特惠