-
JavaScript Destructuring Assignment
Object and Array are the two frequently used data structures of JavaScript. With the help of the objects, you can create an entity storing data items by key. With the help of the arrays, you can assemble data items into an ordered collection. In case of passing those to a function, it might need an object and array…
-
JavaScript Object.keys, Values, Entries
In this chapter, we are going to cover Object.keys, values, and entries. We have already spoken about methods such as map.keys(), map.values(), map.entries(). These methods are universal and are used for data structures. Every time after creating a data structure, they should also be implemented. They are mainly used for Map, Set, and Array. Similar methods are supported by plain…
-
CSS zoom Property
The zoom property is used to scale the content. For scaling the content, you can also use the transform property set to “scale()”. Initial Value normal Applies to All elements. Inherited No. Animatable Yes. Version Safari CSS Reference. DOM Syntax object.style.zoom = “4”; Syntax Example of the zoom property: Result Values Value Description normal Specifies the normal size of the element.…
-
JavaScript WeakMap and WeakSet
In chapter Garbage Collection, it was stated that the JavaScript engine can store a value in memory once it is reachable. Here is an example: As a rule, properties or elements of data structures such as an object or an array are reachable and kept in memory once that data structure is in memory. For example, after putting an object into an…
-
CSS z-index Property
The CSS z-index property specifies the z-order of an element and its descendants or flex items. The z-order is the order of elements on the z-axis. The z-index of an element specifies its order inside a stacking context. A stacking context is a group of elements that have a common parent. The element which has the higher stack order…
-
CSS writing-mode Property
The CSS writing-mode property specifies whether the text should be laid out vertically or horizontally. This property changes the alignment of the text so that it can be read from top to bottom or from left to right, depending on the language. For example, East Asian languages such as Chinese or Japanese `are written horizontally, or some…
-
JavaScript Map and Set
While working with JavaScript, developers waste a lot of time on choosing the right data structure. Objects and Arrays are the primary data structures used to store collections of data. Objects are used for storing key/value pairs, and arrays- for indexed lists. To make developers’ life easier, ECMAScript 2015 represented two new kinds of…
-
CSS word-wrap Property
The word-wrap property breaks lines into words so as to fit in its container. This property even breaks words that are not unbreakable. This property can have either a positive or negative value. A positive value adds additional space between words, whereas a negative value removes the space between words. When “normal” is set, the specified font…
-
CSS word-spacing Property
The word-spacing property allows changing the space between the words in a piece of text, not the individual characters. This property can have either a positive or negative value. A positive value adds additional space between words, whereas a negative value removes the space between words. When the property is set to “normal”, the defined font will…
-
CSS word-break Property
The word-break property specifies where the lines should be broken. Normally, line breaks only occur in certain spaces when there is a space or a hyphen. But when the word-break property is set to the break-all value, the browser will break lines at any point. This property is one of the CSS3 properties. Initial Value normal Applies to All elements.…