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 by Mukul Latiyan
Page 19 of 37
Advanced JavaScript Memory Profiling and Heap Analysis
Efficient memory management is crucial for optimising the performance and stability of JavaScript applications. Memory leaks and excessive memory usage can lead to degraded performance, crashes, and poor user experiences. To address these issues, JavaScript provides several advanced techniques for memory profiling and heap analysis. In this article, we will explore these techniques, accompanied by code examples and outputs, to gain a comprehensive understanding of how to optimise memory usage in JavaScript applications. Understanding Memory in JavaScript JavaScript uses automatic memory management, where a garbage collector frees up memory by identifying and deallocating objects that are no longer ...
Read MoreOptimising JavaScript Bundle Sizes: Strategies for Code Splitting and Lazy Loading
In today's digital landscape, web applications have become increasingly sophisticated, offering a wide range of features and functionalities to users. However, this evolution comes at a cost: larger JavaScript bundle sizes. When a user visits a website, the browser is responsible for downloading and executing the entire JavaScript bundle, which can be a time-consuming process. This results in slower load times, increased network usage, and, ultimately, a negative impact on the user experience. To address this challenge, developers have turned to various techniques to optimize JavaScript bundle sizes. Two popular strategies that have gained traction are code splitting and ...
Read MoreParallel Programming in JavaScript with Web Workers and SIMD.js
JavaScript traditionally executes tasks in a single-threaded manner, which can limit performance for computationally intensive operations. However, modern web technologies enable parallel programming through Web Workers and SIMD.js, allowing developers to leverage multi-core processors for improved efficiency. Understanding Parallel Programming Parallel programming involves dividing tasks into smaller subtasks that execute concurrently, utilizing multiple resources to improve performance. In JavaScript, this is particularly beneficial for complex computations, data processing, and simulations without blocking the main UI thread. Web Workers Web Workers enable JavaScript code execution in separate background threads, providing true parallel processing. They operate independently from ...
Read MoreRobotics: Building Autonomous Robots with Raspberry Pi and JavaScript
In recent years, the world of robotics has seen a significant shift towards open-source technologies and platforms. One such platform that has gained immense popularity is Raspberry Pi, a small and affordable single-board computer. Coupled with the power and versatility of JavaScript, developers can now embark on exciting journeys into the world of robotics. In this article, we will explore how to build autonomous robots using Raspberry Pi and JavaScript, diving into code examples, explanations, and their output. Setting Up Raspberry Pi Before we delve into the realm of JavaScript robotics, it is essential to set up our ...
Read MoreWeb Assembly (Wasm) with JavaScript
Have you ever wondered if it's possible to run high-performance applications on the web without sacrificing the portability and security that JavaScript provides? Well, wonder no more! With the introduction of WebAssembly (Wasm), it is now possible to bring native-like performance to web applications while still leveraging the power of JavaScript. In this article, we will explore the basics of WebAssembly and how it can be used alongside JavaScript to unlock a new world of possibilities. What is WebAssembly (Wasm)? WebAssembly, often referred to as Wasm, is a binary instruction format designed specifically for web browsers. It is ...
Read MoreWeb Components: Building Custom Elements with JavaScript
Web components are a powerful tool for building reusable and encapsulated UI elements in web applications. They allow developers to create custom elements with their own markup, style, and behavior, which can be easily reused across different projects and shared with other developers. In this article, we will explore the fundamentals of web components and learn how to build custom elements using JavaScript. What are Web Components? Web components are a set of web platform APIs that allow you to create reusable, encapsulated, and composable UI elements. They consist of three main specifications: Custom Elements, Shadow DOM, and ...
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 MoreTweening and animating HTML5 and JavaScript properties with Tween.js
Tween.js is a JavaScript library that is mainly used when we want to tween or animate an HTML5 or JavaScript property. It can work standalone as well as when integrated with Easel.js. In this tutorial, we will learn how we can make use of Tween.js with the help of a few examples. Before we go on to the main example, let's first discuss a few simple tweens so that when we use them in the main example, you don't get overwhelmed. Simple Tween In this tween, we will tween the alpha property of the target from 0 ...
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 MoreHow to create your first chart with FusionCharts.js?
FusionCharts is a JavaScript library that you can use when you want to create charts and maps and put them in your web application. In this tutorial, we will show how you can use FusionChart.js to create two different charts. Before we learn how to create charts, the first important thing is to know how we can install FusionCharts onto our local machines. Installing FusionCharts There are multiple ways with which we can install FusionCharts. Using CDN You can use the CDN link given below to directly gain access to the files of FusionCharts. ...
Read More