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
Articles on Trending Technologies
Technical articles with clear explanations and examples
How to check whether image is loaded or not?
To check whether an image is loaded in JavaScript, you can use event listeners or the complete property. This is useful for handling loading states, showing fallbacks, or performing actions after images load. Common Image Loading Issues Images may fail to load due to: Large file size causing slow loading Poor network connectivity Incorrect image URL or path Server errors or missing files Available Methods onload event − Triggers when the image loads successfully onerror ...
Read MoreJavaScript Program for Check if an array is sorted and rotated
A sorted array is an array where all the elements are present in increasing order. We have given an array of size N and an array containing the distinct integers (which means every integer is present only one time). We have to check the array is sorted and rotated in a clockwise direction. Here we have to return 'YES' if the array is sorted and rotated otherwise, we have to return 'NO'. Note − Here we are talking about the sorted and rotated means at least one rotation should be present. We cannot consider a sorted array as a ...
Read MoreHow to control fps with requestAnimationFrame?
The fps (frames per second) is crucial for animations and games, determining how many times the screen updates per second. JavaScript's requestAnimationFrame() typically runs at 60fps, but we can control this rate using different approaches. For example, a video is a continuous sequence of images shown at short intervals. Higher fps provides smoother animations, while lower fps can create choppy effects. Understanding fps control helps optimize performance and create desired visual effects. Using setTimeout() with requestAnimationFrame The setTimeout() function can delay requestAnimationFrame() calls to control fps. We calculate the interval as 1000/fps milliseconds. Syntax ...
Read MoreHow to use Ejs in JavaScript?
EJS is a templating language that allows us to generate HTML markup using plain JavaScript. It provides a simple and intuitive way to generate dynamic content in our web applications, making it easier to manage and organize our code. EJS is easy to use and can be integrated into any JavaScript project with just a few steps. In this tutorial, we will learn the basics of how to use EJS in JavaScript, including how to set up our project, create an EJS template, and render the template to generate dynamic HTML output. Steps to Use EJS in a ...
Read MoreHow to create a reporting app with Vue 3 and Composition API?
Vue 3 with Composition API provides a powerful way to build reporting applications. This tutorial demonstrates creating a data-driven report table that fetches information from an external API and displays it in a structured format. What is a Reporting App? A reporting app displays data in organized formats like tables, charts, or dashboards. It transforms raw data into meaningful insights for users to analyze business metrics, user statistics, or any structured information. Composition API Benefits The Composition API allows logic-based component organization instead of lifecycle-based structure. This approach creates more maintainable, reusable, and testable code by ...
Read MoreHow to Convert Characters to ASCII Code using JavaScript?
ASCII stands for American Standard Code for Information Interchange, which is a method used for encoding characters by assigning them to a specific numerical value. The numerical values thus assigned are known as ASCII codes and are extensively utilized in computer systems to represent various characters including letters, numbers, punctuation marks, and special control characters. Using charCodeAt() Method The charCodeAt() method returns the ASCII code of the character at a specified index in a string. This is the most common method for ASCII conversion. Syntax string.charCodeAt(index) Example ...
Read MoreHow to use SolverJS?
SolverJS is a comprehensive JavaScript package that provides a range of functions to help us solve common math problems. We know that web applications often require complex logic to function properly, and these logical solutions can easily become long and difficult to manage. This is where Solver JS comes in - it includes a wide range of general and complex mathematical solutions and provides functions not available in standard JavaScript. In this tutorial, we will learn how to use Solver JS and its various functions. The package includes functions such as date conversions, keyword extraction, string case checking, URL ...
Read MoreJavaScript Robotics: Computer Vision and Object Recognition with JavaScript
In recent years, JavaScript has gained tremendous popularity as a programming language for developing robotic applications. Its versatility, ease of use, and extensive ecosystem make it an excellent choice for building interactive and intelligent robots. One of the most exciting aspects of robotics is computer vision, which enables robots to perceive and interpret their environment. In this article, we will explore how JavaScript can be used to implement computer vision and object recognition tasks. We will delve into the theory behind computer vision, discuss relevant JavaScript libraries and frameworks, and provide practical examples with detailed code snippets and their ...
Read MoreWhat is the App Shell Model in JavaScript?
The App Shell Model is a design pattern that separates a web app's UI shell from dynamic content. The shell includes the core HTML, CSS, and JavaScript needed for the interface, while content is loaded dynamically. This approach is fundamental to Progressive Web Apps (PWAs) for improved performance and user experience. What is the App Shell? The app shell consists of the minimal HTML, CSS, and JavaScript required to power the user interface. It includes: Navigation and header components Layout structure and styling Loading indicators and placeholders ...
Read MoreHow to filter nested objects in JavaScript?
Filtering nested objects in JavaScript is a common task when working with complex data structures. Nested objects contain objects as values within their properties, and JavaScript's filter() method allows us to filter arrays of such objects based on conditions that access nested properties. Understanding Nested Objects A nested object is an object that contains other objects as property values. For example, a product object might have a nested price object: const product = { id: 1, name: "Laptop", price: { ...
Read More