Web Development Articles - Page 673 of 1049

The Atomic object of JavaScript is an object and which provides atomic operations such as add, sub, and, or, xor, load, store etc. as static methods, these methods are used with SharedArrayBuffer objects.The and() function of the Atomic object accepts a value representing the position of an array, performs bitwise AND operation on the value in the given position and returns the old value in it.SyntaxIts syntax is as followsAtomics.and()Example Live Demo    JavaScript Example           var arrayBuffer = new SharedArrayBuffer(16);       var data = new Uint8Array(arrayBuffer);       data[0] = ... Read More

The Atomic object of JavaScript is an object and which provides atomic operations such as add, sub, and, or, xor, load, store etc. as static methods, these methods are used with SharedArrayBuffer objects.The add() function of this object accepts a number and the position, adds the given number to the number in the given position and returns the value of the number in the old position.SyntaxIts syntax is as followsAtomics.add()Example Live Demo    JavaScript Example           var arrayBuffer = new SharedArrayBuffer(16);       var data = new Uint8Array(arrayBuffer);       data[0] = ... Read More

ArrayBuffer object in JavaScript represents a fixed-length binary data buffer.The slice() method of the this object returns a portion or, chunk from the array buffer (as a separate object). It accepts two integer arguments representing the start (inclusive) and end (exclusive) of the portion of the array to be returned.SyntaxIts syntax is as followsarrayBuffer.slice(start, end);ExampleTry the following example. Live Demo    JavaScript Example           var arrayBuffer = new ArrayBuffer(16);       var int32View = new Int32Array(arrayBuffer);       int32View[1] = 102;       var sliced = new Int32Array(arrayBuffer.slice(4,12));       document.write(" "+sliced);     Output102,0

ArrayBuffer object in JavaScript represents a fixed-length binary data buffer. The isView() function of this object accepts an argument and verifies whether it is view of ArrayBuffer (DataView, typed array). If so, it returns true else, it returns false.SyntaxIts syntax is as followsarrayBuffer.isView(arg)ExampleTry the following example. Live Demo    JavaScript Example           var arrayBuffer = new ArrayBuffer(5);       arrayBuffer = ["apple", "orange", "mango"];       var bool = ArrayBuffer.isView(new Int32Array())       document.write(bool);     OutputtrueExampleIn the same way if we try executing this function by passing an object ... Read More

ArrayBuffer object in JavaScript represents a fixed-length binary data buffer.The byteLength property of the ArrayBuffer returns an unsigned, 32-bit integer that specifies the size/length of the ArrayBuffer.SyntaxIts syntax is as followsarray.byteLengthExampleTry the following example. Live Demo JavaScript Example           var arrayBuffer = new ArrayBuffer(8);       var result = arrayBuffer.byteLength;       document.write("length of the array buffer is: " + result);     Outputlength of the array buffer is: 8ExampleYou can also create an array buffer object by passing a string value and get its length as in the following example. ... Read More

Pseudo class is to show different state of an element or a css selector. visited pseudo class is to show that the link is already visited.This pseudo class is mostly being associated with link.Syntaxa:visited { color:green;}Let's check the actual usage of :visited pseudo class with different scenarios, as follows -Example Live Demo           a:visited { color:green;}        Click here to learn ExplanationWhen you first time see the link it will be shown with normal link color (Blue) and the link will turn green if this link has been visited once.Example Live Demo ... Read More

Pseudo class is to show different state of an element or a css selector. Active pseudo class is to show that the element is in active state.This pseudo class is mostly being associated with link and button or any other element which can be active.For example if it is associated with link that the link is active.Syntaxa:active { color:green;}Let's check the actual usage of :active pseudo class with different scenarios, as follows −Example Live Demo           a:active { color:green;}        Click here to learn ExplanationWhen you first time see the link ... Read More

Use .align-items-*-center class in Bootstrap 4 to align single rows of items in the center on different screens      .Let us see how to align flex items on a single row in the center of small, medium, and large screen sizes −Align on Small Screen Size in the center   Item 1   Item 2   Item 3   Item 4 Align on Medium Screen Size in the center   Item 1   Item 2   Item 3   Item 4 Align on Large Screen Size in the center   Item 1   Item 2   Item 3   ... Read More

Use the align-baseline class in Bootstrap 4 to align an element with the baseline of the parent elment.Set the align-baselinec class like the following code snippet −Now add the content inside it −     Demo Baseline You can try to run the following code to align an element with the parent’s baseline −ExampleLive Demo       Bootstrap Example                                   Example       This is demo text       Demo Baseline      

To set an element to have rounded corner, use the rounded-bottom class in Bootstrap 4.Set the rounded-bottom class −In the above , I have also set another class for styling the element −.demo {   width: 100px;   height: 120px;   margin: 10px;   background-color: orange; }You can try to run the following code to implement the rounded-bottom class −ExampleLive Demo       Bootstrap Example                             .demo {       width: 100px;       height: 120px;       margin: 10px;       background-color: orange;     }                   Rectangles       We have two rectangles with rounded corners (bottom):