您的位置:主页 > 新闻资讯 > 网站建设 >

网站建设

杭州网站建设是如何使用Web组件创建自己的HTML元素的?

  杭州网站建设是如何使用Web组件创建自己的HTML元素的??Web组件目前正兴奋地被称为即将到来的“ 网络开发的构造转变 ”,承诺永久地重塑网页设计前景。大型企业正在向前发展,将网络组件变为现实。Google和Mozilla都已逐步推出原生浏览器支持。

  你问的网页组件是什么?杭州网站设计简而言之,Web组件为您提供了一种创建自己的自定义HTML元素的方法,这些元素可以执行您需要的任何内容。您可以将所有内容整理成漂亮,整洁的小型自定义HTML元素,而不是使用详细标记,长脚本和重复代码来加载您的网站。

  了解Web组件

  了解Web组件如何允许自定义HTML元素的最简单方法是首先查看我们已经从HTML5中了解的现有元素:

  您可能只看到上面的几行HTML,但这里是

  默认情况下,浏览器隐藏所有详细的代码,因此您不需要查看它或担心在您想要放置视频时编写它。你只重击在你

  以前,只有浏览器供应商才能以这种方式创建元素。但想象一下,如果您可以将自己的相同方法用于其他类型的内容吗?

  以图片幻灯片为例。通常,您需要几轮带有特定类名称的嵌套div来处理幻灯片包装,包装每张幻灯片以及添加标题和缩略图。您还需要通过一些内联jQuery / JavaScript为幻灯片转换效果设置任何整体幻灯片选项。

  如果你可以跳过所有这些而只是使用:

  1234

  使用Web组件,这正是您可以做的。

  创建自己的HTML元素

  如果您想提供一种简洁,易于与放置内容的方法进行交互,否则这些内容会变得臃肿和笨拙,您可以继续创建自己的Web组件。

  Web组件也可以轻松共享,因此当开发人员加入时,您可以轻松获取最常见项目要求的预构建Web组件。我们已经看到自由共享的组件从 语音识别中弹出来。

  以 展示建设者 ..

  让我们来看看Web组件幕后的内容。

  是什么使Web组件

  目前存在的Web组件由四部分组成:

  自定义元素

  影子DOM

  模板

  HTML导入

  自定义元素

  自定义元素正是它们听起来的样子:可以命名为您选择的任何元素,并以您想要的任何方式操作。当我以任何方式说什么时,我的意思是。例如,我提出了元素:

  现场演示 - 将鼠标悬停在栏上

  自定义元素以最简单的形式声明,如下所示:

  123...

  创建自定义元素时,可以从头开始完成,也可以扩展现有的HTML元素(

扫码关注微信公众号关闭