Premium
JAVASCRIPT Snippets.

Read and Update Data Attributes

Explore how to access and modify custom `data-*` attributes on HTML elements using JavaScript's `dataset` API, perfect for storing and retrieving element-specific metadata.

Secure Password Hashing and Verification with Node.js and bcrypt

Implement robust password security in Node.js applications by hashing and verifying user passwords using the industry-standard bcrypt library.

Implement API Rate Limiting in Express.js

Protect your Node.js Express API from brute-force attacks and abuse by setting up effective rate limiting on specific endpoints using `express-rate-limit`.

Prevent Clickjacking with X-Frame-Options Header in Express.js

Secure your web application against clickjacking attacks by setting the X-Frame-Options HTTP header in your Node.js Express server to control framing behavior.

Prevent Cross-Site Scripting (XSS) with HTML Encoding in JavaScript

Learn to prevent XSS attacks by properly encoding user-generated content before rendering it in HTML, ensuring malicious scripts are not executed.

Implement CSRF Protection with Tokens in Express.js

Protect your web application from Cross-Site Request Forgery (CSRF) attacks by generating and validating unique, synchronized tokens for sensitive operations in Express.js.

Securely Configure CORS in Node.js Express Application

Implement robust Cross-Origin Resource Sharing (CORS) policies in your Express.js app to restrict access to allowed origins and methods, preventing unauthorized cross-origin requests.

Building Reusable Logic with Vue 3 Composables

Learn to create and use Vue 3 Composables to encapsulate and reuse reactive stateful logic across multiple components, improving code organization.

Building a Custom Input with `defineModel` in Vue 3.4+

Learn to create highly customizable form inputs in Vue 3.4+ using `defineModel` for simplified two-way data binding with `v-model`.

Navigate the DOM Tree to Find Related Elements

Explore essential JavaScript methods for DOM traversal like `closest()`, `nextElementSibling`, and `previousElementSibling` to find parent, sibling, or child elements.

Change CSS Styles of Elements with JavaScript

Apply inline CSS styles to HTML elements directly using JavaScript's `element.style` property to modify appearance based on user interactions or data changes.

Customizing Multiple `v-model` Bindings for Vue 3 Components

Learn how to use multiple `v-model` bindings on a single Vue 3 component to manage different properties, enhancing component reusability and clarity for complex forms.