Mai 2014
Simon Heimler
www.fannon.de
(2014)
Wird seit Jahren von Webentwicklern gewünscht. Browserhersteller können sich nicht einigen.
The
<template>element contains markup intended to be used later.The content of the
<template>element is parsed by the parser, but it is inert: scripts aren't processed, images aren't downloaded, and so on.The
<template>element is not rendered.Jens Ihlenfeld 2013 (http://www.w3.org/TR/components-intro/#template-section)
A decorator is something that enhances or overrides the presentation of an existing element.
Jens Ihlenfeld 2013 (http://www.w3.org/TR/components-intro/#decorator-section)
Decorators, unlike other parts of Web Components, do not have a specification yet.
Jens Ihlenfeld 2013 (http://www.w3.org/TR/components-intro/#decorator-section)
Überspringen wir!
Custom elements are new types of DOM elements that can be defined by authors. Unlike decorators, which are stateless and ephemeral, custom elements can encapsulate state and provide script interfaces.
Jens Ihlenfeld 2013 (http://www.w3.org/TR/components-intro/#custom-element-section)
…
new Element()
extend
Shadow DOM is an adjunct tree of DOM nodes.
These shadow DOM subtrees can be associated with an element, but do not appear as child nodes of the element. Instead the subtrees form their own scope.
Jens Ihlenfeld 2013 (http://www.w3.org/TR/components-intro/#custom-element-section)
element::shadow h1
HTML Imports are a way to include and reuse HTML documents in other HTML documents.
Dimitri Glazkov 2014 (http://www.w3.org/TR/2014/WD-html-imports-20140311/)
<link rel="import" href="goodies.html">
Warten auf...
Folien online:
http://fannon.de/p/web-components