admin, Author at JS FAQ - JavaScript Guides Online

Selenium testing strategies for modern web applications focus on avoiding flaky tests. Replace fixed sleeps with explicit waits for specific conditions using the `until` module. Implement intelligent waits to enhance reliability in automated testing, ensuring elements are present before actions are taken. Master Page Objects for robust quality assurance.

E2E Testing: Cypress

How to install and set up Cypress

E2E Testing: Cypressconfig, cypress, install, setup

Cypress configuration using cypress.config.js for e2e tests. Set baseUrl, specPattern, and env variables. Use setupNodeEvents and cy.task for Node.js tasks like database seeding. Create custom commands with cy.session for faster, reusable login flows and DRY tests.

Standard Objects: String

How to create a string in JavaScript

Standard Objects: Stringdeclaration, js string, quotes, string

JavaScript's new String() constructor creates an object, not a primitive string. This causes strict equality (===) to fail, as typeof is 'object'. This difference between a string primitive and a string wrapper object leads to comparison bugs. Always avoid the new String() constructor.

Performance Optimization

How to measure performance in JavaScript

Performance Optimizationbenchmark, measure, performance

Performance bottleneck fixes for main thread blocking and high FID via task chunking. Memory leak solutions using removeEventListener. Layout thrashing prevention by batching DOM reads/writes. FCP and LCP improvement with code splitting and dynamic imports for smaller JavaScript bundles.

Standard Objects: JSON

How to parse a JSON string in JavaScript

Standard Objects: JSONjs json, json, parse, string to object

JavaScript patterns for parsing nested JSON. Use optional chaining (?.) and nullish coalescing (??) for safe property access. Aggregate data with flatMap and normalize inconsistent API responses to prevent TypeErrors.

Closures and Arrow Functions

How to use closures to store private data in JavaScript

Closures and Arrow Functionsclosures, encapsulation, js closures, privacy

JavaScript factory pattern performance costs, including memory and creation overhead. Closures, garbage collection, and memory leaks with DOM event listeners. The `this` keyword context problem versus class-based or prototype approaches, and issues with functions like `setInterval`.

Libraries: Axios

How to send a GET request with Axios in JavaScript

Libraries: Axiosaxios, get, http, request

Graceful Axios error handling using the error object (`error.response`, `error.request`). Manage HTTP status codes with `validateStatus`, set request timeouts, and cancel in-flight requests with an `AbortController` signal.

Canvas and WebGL

How to draw a rectangle on canvas in JavaScript

Canvas and WebGL2d context, canvas, draw, js graphics

Transforming shapes on the canvas involves rotation and scaling through methods like `rotate()`, `scale()`, and `translate()`. To rotate a shape around its center, translate the canvas origin, apply rotation, and draw relative to the new origin. Use `beginPath()` for custom shapes and manage image loading with `drawImage()` for asynchronous rendering.

Event Loop Internals

How to explain the event loop in JavaScript

Event Loop Internalsasync, event loop, explanation, overview

JavaScript event loop, call stack, and browser repaints. Long-running synchronous tasks causing a frozen UI. Analysis of macrotasks vs. microtasks, using setTimeout and Promises for non-blocking code and immediate user feedback. Debugging asynchronous execution order.

DOM Manipulation

How to select an element by ID in JavaScript

DOM Manipulationdom, getElementById, js dom, selector

Managing unique HTML element IDs in JavaScript to prevent `getElementById` bugs. Use consistent naming conventions and dynamic ID generation for reusable components to avoid duplicate IDs. For element groups, use a `class` with `querySelectorAll` instead.