Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Front End Technology Articles
Page 304 of 652
Special arrays in JavaScript
In JavaScript, special arrays refer to arrays with unique characteristics or behaviors that differ from regular arrays. The main types include typed arrays for binary data, sparse arrays with missing elements, and arrays with non-numeric properties. Typed Arrays Typed arrays are array-like objects that provide a mechanism for accessing raw binary data. They have a fixed length and store elements of a specific numeric type, making them ideal for working with binary data efficiently. Common Typed Array Types // 8-bit signed integers const int8 = new Int8Array(4); int8[0] = 127; // max value ...
Read MoreSpiraling the elements of a square matrix JavaScript
In this problem statement, our main aim is to spiral the elements of a square matrix with the help of JavaScript functionalities. We'll traverse the matrix in a clockwise direction, starting from the top-left corner and moving in a spiral pattern. Understanding the Problem The problem is to write a function in JavaScript that converts a 2D matrix into a 1D array by traversing elements in a clockwise spiral pattern. For example, if we have a matrix: [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ] ...
Read MoreSplit a range of number to a specific number of intervals JavaScript
In this problem statement, our task is to write a function that splits a range of numbers into a specific number of intervals using JavaScript. We need to provide the start value, end value, and the number of intervals. Understanding the Problem The problem requires creating a function that divides a numerical range into equal intervals. The inputs are the starting number, ending number, and desired number of intervals. The output should be an array of subarrays, where each subarray represents an interval with its start and end values. For example, if the range is from 0 ...
Read MoreUsing Sieve of Eratosthenes to find primes JavaScript
In this article, we'll implement the Sieve of Eratosthenes algorithm in JavaScript to efficiently find all prime numbers up to a given limit. This classical algorithm is much faster than checking each number individually for primality. What is the Sieve of Eratosthenes Algorithm? The Sieve of Eratosthenes is an ancient and efficient algorithm for finding all prime numbers up to a given range. It works by creating a list of all numbers from 2 to the target number, then systematically eliminating the multiples of each prime number, leaving only the primes. Sieve of ...
Read MoreAdding Animations on Scroll with HTML, CSS and AOS.js
AOS.js (Animation on Scroll) is a lightweight JavaScript library that makes it easy to add scroll-triggered animations to web pages. By simply adding CSS classes and data attributes to HTML elements, you can create engaging visual effects without writing complex JavaScript code. In this tutorial, we will explore different types of animations available in AOS.js, including fade, flip, and zoom effects, along with practical examples. Setting Up AOS.js Before using AOS.js, you need to include the CSS and JavaScript files in your HTML document. Add the following CDN link in the section: ...
Read MoreAuto-formatting Input Text Content with Cleave.js
Auto-formatting is one of those features that are hard to implement but at the same time increases the user experience a lot. There are different JavaScript libraries that one can use when they want to auto-format the input text content, but the most popular of them is Cleave.js. Cleave.js is a JavaScript library that is mainly used when we want to format the input text content and it works very smoothly. It is very lightweight and easy to get started with. In this tutorial, we will take a couple of examples to demonstrate how you can use Cleave.js to ...
Read MoreBuilding a Text Editor using Quill.js
Quill is a free and open-source WYSIWYG (What You See Is What You Get) text editor built for modern web applications. It offers a highly customizable interface with an expressive API, making it easy to integrate rich text editing capabilities into your projects. In this tutorial, we'll explore how to build text editors using Quill.js through practical examples, from basic setup to advanced customization. Setting Up Quill.js To get started with Quill, include the CSS and JavaScript files in your HTML document's section: The first link provides the CSS styling, ...
Read MoreCreating a Data Grid in JavaScript with Handsontable.js
Handsontable is a JavaScript library that provides a spreadsheet-like data grid experience, similar to Excel. It works with vanilla JavaScript, React, and Angular, making it versatile for different project types. In this tutorial, we will create a data grid using Handsontable.js and explore its configuration options. Installation There are several ways to include Handsontable in your project. The simplest approach is using CDN links in your HTML tag: For npm installations, use: npm install handsontable Or with Yarn: yarn add handsontable Then include ...
Read MorePosition Tooltips and Popovers using Popper.js
Popper.js is a JavaScript library used to build and manage poppers, tooltips, and popovers in web applications. It provides powerful positioning capabilities that automatically handle edge detection and placement calculations. In this tutorial, we'll create an interactive tooltip using Popper.js. Setting Up Popper.js First, include Popper.js in your project. We'll use the CDN version for simplicity: Basic HTML Structure Create a button element (reference) and a tooltip element (popper). The tooltip will be positioned relative to the button: Popper Tooltip Example ...
Read MoreValidating a Form with Parsley.js
In this tutorial, we will show how you can use Parsley.js, which is a JavaScript library that is mainly used to validate forms. Parsley helps in validating the forms in a very subtle and easy manner, and it is one of the widely used form validation libraries out there. Features of Parsley.js There are plenty of reasons why Parsley is a good choice for validating your JavaScript forms. Some of them are mentioned below. Intuitive DOM API − The DOM API allows you ...
Read More