Discipline / JavaScript

Make it move.

Practical browser logic, modern language patterns and small utilities for everyday product work.

31 entries

DOM · ASYNC · DATA · EVENTS · DOM · ASYNC · DATA · EVENTS · DOM · ASYNC · DATA · EVENTS ·

Debounce Function

Prevents a function from being called too frequently, executes only the last call

function debounce(func, delay) {
  let timeoutId;
  
  return function(...args) {

#function#performance

medium

02JS↗

Throttle Function

Limits a function to be executed only once per specified time period

function throttle(func, limit) {
  let inThrottle;
  
  return function(...args) {

#function#performance

medium

03JS↗

Deep Clone Object

Creates a completely independent copy of an object, including nested objects

function deepClone(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }

#object#clone

medium

04JS↗

Date Formatting

Formats date objects into specified format strings

function formatDate(date, format = 'YYYY-MM-DD') {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');

#date#format

easy

05JS↗

Random Data Generator

Generates random numbers within ranges or random strings

const random = {
  // Generate random integer within range
  int(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;

#random#utility

easy

06JS↗

Email Validation

Validates if email address format is correct

function validateEmail(email) {
  const regex = /^[^s@]+@[^s@]+.[^s@]+$/;
  return regex.test(email);
}

#validation#regex

easy

07JS↗

Cookie Manager

Simplifies reading, setting, and deleting browser cookies

const cookies = {
  set(name, value, days = 7) {
    const expires = new Date();
    expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));

#cookie#storage

medium

08JS↗

URL Query Parser

Parses URL query parameters into an object

function parseQueryString(queryString) {
  if (!queryString) return {};
  
  // Remove leading ? or #

#url#query

medium

09JS↗

Copy to Clipboard

Copies text to user's clipboard

async function copyToClipboard(text) {
  try {
    // Use modern Clipboard API
    if (navigator.clipboard && window.isSecureContext) {

#clipboard#copy

medium

10JS↗

Device Detection

Detects user device type and browser information

const device = {
  // Detect device type
  isMobile() {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

#device#browser

medium

11JS↗

Array Utilities

Common array operations and helper functions

const arrayUtils = {
  // Remove duplicates from array
  unique(arr) {
    return [...new Set(arr)];

#array#utility

easy

12JS↗

Money Formatter

Format numbers as currency with proper symbols and formatting

function formatMoney(amount, currency = 'USD', locale = 'en-US') {
  return new Intl.NumberFormat(locale, {
    style: 'currency',
    currency: currency,

#currency#formatting

easy