@webqit/oohtml 3.0.0 → 3.0.1-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -44,9 +44,9 @@ OOHTML makes this possible in just simple conventions - via two new attributes:
|
|
|
44
44
|
|
|
45
45
|
### Namespacing
|
|
46
46
|
|
|
47
|
-
Naming things is hard! That's especially so where
|
|
47
|
+
Naming things is hard! That's especially so where you have one global namespace and a miriad of potentially conflicting name to coordinate!
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
This time, we get the `namespace` attribute for designating an element as own naming context for identifiers instead of the global namespace:
|
|
50
50
|
|
|
51
51
|
```html
|
|
52
52
|
<div id="user" namespace>
|
|
@@ -150,7 +150,7 @@ let { styleSheets, scripts } = user; // APIs that are analogous to the document.
|
|
|
150
150
|
|
|
151
151
|
## HTML Imports
|
|
152
152
|
|
|
153
|
-
HTML Imports is a realtime module system for HTML
|
|
153
|
+
HTML Imports is a realtime module system for HTML that speaks HTML! Something like it is the [`<defs>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs) and [`<use>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use) system in SVG.
|
|
154
154
|
|
|
155
155
|
OOHTML makes this possible in just simple conventions - via a new `def` attribute and a complementary new `<import>` element!
|
|
156
156
|
|
|
@@ -570,7 +570,7 @@ console.log(localOrGlobalImport2); // { value: div }
|
|
|
570
570
|
|
|
571
571
|
## Data Binding
|
|
572
572
|
|
|
573
|
-
Data binding is
|
|
573
|
+
Data binding is about declaratively binding the UI to application data, ensuring that the relevant parts of the UI are *automatically* updated as application state changes.
|
|
574
574
|
|
|
575
575
|
OOHTML makes this possible in just simple conventions - via a new comment-based data-binding syntax `<?{ }?>` and a complementary new `binding` attribute! And there's one more: Quantum Scripts which brings the most advanced form of reactivity to HTML!
|
|
576
576
|
|
|
@@ -628,7 +628,7 @@ Here, we get the `binding` attribute for a declarative and neat, key/value data-
|
|
|
628
628
|
<div binding="& color:someColor; & backgroundColor:'red'"></div>
|
|
629
629
|
```
|
|
630
630
|
|
|
631
|
-
**-->** *
|
|
631
|
+
**-->** *without being space-sensitive*:
|
|
632
632
|
|
|
633
633
|
```html
|
|
634
634
|
<div binding="& color:someColor; &backgroundColor: 'red'"></div>
|