|
75 | 75 | * [`Selector`](#selector)
|
76 | 76 | * [`SEO`](#seo)
|
77 | 77 | * [`Serialization`](#serialization)
|
| 78 | +* [`Shadow DOM`](#shadow-dom) |
78 | 79 | * [`SQL injection`](#sql-injection)
|
79 | 80 | * [`SQL`](#sql)
|
80 | 81 | * [`SSL`](#ssl)
|
|
93 | 94 | * [`Viewport`](#viewport)
|
94 | 95 | * [`Vue`](#vue)
|
95 | 96 | * [`WebAssembly`](#webassembly)
|
| 97 | +* [`Web Components`](#web-components) |
96 | 98 | * [`WebGL`](#webgl)
|
97 | 99 | * [`WebRTC`](#webrtc)
|
98 | 100 | * [`WebSockets`](#websockets)
|
@@ -458,6 +460,12 @@ SEO stands for Search Engine Optimization and refers to the process of improving
|
458 | 460 | Serialization is the process of converting an object or data structure into a format suitable for transfer over a network and/or storage.
|
459 | 461 | A common type of serialization in JavaScript is the conversion of an object into a JSON string.
|
460 | 462 |
|
| 463 | +### Shadow DOM |
| 464 | + |
| 465 | +Shadow DOM allows you to attach hidden DOM trees to elements in the normal DOM tree, which are included in the document rendering, but excluded from the main document DOM tree. |
| 466 | +A shadow DOM tree will start with a shadow root, to which you can attach any elements you want, just like in a regular DOM. |
| 467 | +Examples of shadow DOM uses are the `<video>`/`<audio>` elements and the simple `<input type="range">` element. |
| 468 | + |
461 | 469 | ### SQL injection
|
462 | 470 |
|
463 | 471 | SQL injection is a code injection technique, used to attack data-driven applications.
|
@@ -548,6 +556,11 @@ Vue.js separates view and state, utilizing a virtual DOM to update the user inte
|
548 | 556 | WebAssembly (WA) is a web standard that defines an assembly-like text format and corresponding binary format for executalbe code in web pages.
|
549 | 557 | WebAssembly is meant to complement JavaScript and improve its performance to match native code performance.
|
550 | 558 |
|
| 559 | +### Web Components |
| 560 | + |
| 561 | +Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use on web pages and apps. |
| 562 | +Building custom components using these standards means that you can use them across modern browsers regardless of any JavaScript library or framework. |
| 563 | + |
551 | 564 | ### WebGL
|
552 | 565 |
|
553 | 566 | WebGL stands for Web Graphics Library and is a JavaScript API that can be used for drawing interactive 2D and 3D graphics.
|
|
0 commit comments