Temporal Dead Zone (TDZ) in JavaScript Definition: The Temporal Dead Zone (TDZ) is the time between a variable being hoisted (declared in memory) and when it is actually initialized. During this phase, accessing the variable results in a ReferenceError. TDZ applies to variables declared using let and const. In simpler terms, even though let and […]
Var, Let, and Const in JavaScript Definition: In JavaScript, var, let, and const are used to declare variables, but they differ in scope, hoisting behavior, and reassignment rules. Understanding these differences helps you write cleaner and more predictable code. 1. var — The Old Way The var keyword has been part of JavaScript since the […]
Hoisting in JavaScript Definition: Hoisting is JavaScript’s default behavior of moving declarations (not initializations) to the top of their scope — either the global scope or the function scope. This allows variables and functions to be used before they are formally declared in the code. In simple terms, during the compilation phase, JavaScript scans your […]
Hoisting in JavaScript Definition: JavaScript moves variable and function declarations to the top of their scope during compilation — this is called hoisting.
|
1 2 3 4 5 6 7 |
console.log(x); // undefined var x = 5; sayHi(); // works function sayHi() { console.log('Hello'); } |
Note: Variables declared with let and const are not accessible before initialization (Temporal Dead Zone). Var, Let, and Const Summary: These keywords define variables, but differ in scope and re-assignment rules. […]
JavaScript is single threaded. so it needs event loop to run asynchronous (Multi Thread) code. JavaScript first runs synchronous code, then it queue asynchronous code to call later. Asynchronous code is called/executed by event loop. System/Browser takes synchronous code and put them as tasks. then these tasks are put them into queue. The Event Loop […]
DOM, Shadow Dom, Virtual DOM State and props What is StyleSheet.create()? StyleSheet.create() is a function that takes a plain JavaScript object and returns a StyleSheet object. Instead of creating a new style object every time, StyleSheet helps to create style objects with an ID which is further used to reference instead rendering it again. How […]
|
1 2 3 4 5 6 7 8 9 10 11 |
var data = $('#league-data_result .list_type').sort(function(a, b) { var contentA = ($(a).attr('data-sort')); var contentB = ($(b).attr('data-sort')); console.log(contentA); return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0; }).each(function(_, container) { $(container).parent().append(container); }); console.log(data); //$('#league-data_result .list_type').html(data); |
|
1 2 3 4 5 6 7 8 9 10 11 12 |
$ = jQuery; var c = []; var items = $(".dbem_country option").each(function() { opt = {}; opt.name = $(this).text(); opt.value = $(this).val(); c.push(opt); }).get(); var d = {}; d.data = c; console.log(JSON.stringify(d)); |
|
1 2 3 4 5 |
$(".example").click(function(){ $(this).fadeOut("fast"); }).children().click(function(e) { return false; }); |
If you are looking to add and remove duplicate input fields, here’s another jQuery example below to do the task for you. This jQuery snippet adds duplicate input fields dynamically and stops when it reaches maximum. If you read comment lines carefully, the process is pretty straight forward. We start with 1 input field and […]