Gisty

Kolekce užitečných kódových snippetů a ukázek

Prohledat Code Gists

celkem 13 gistů

Populární vyhledávání:

Filtrovat podle jazyka

13 z 13 gistů

server.js

JavaScript 📄 server.js

Express.js server základní setup

server.js
const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.json({
    message: 'Hello World!',
    timestamp: new Date().toISOString()
  })
})

app.listen(3000, () =>
Klikněte pro zobrazení detailu
Zobrazit detail

Vue Composable pro API dotazy

Vue.js 📄 useApi.ts

Univerzální Vue composable pro správu stavu API dotazů s automatickým error handlingem a loading stavy

Vue Composable pro API dotazy
import { ref, computed, readonly } from "vue"
import type { Ref } from "vue"

export interface ApiState<T> {
  data: Ref<T | null>
  loading: Ref<boolean>
  error: Ref<string | null>
}

expor
Klikněte pro zobrazení detailu
Zobrazit detail

types.ts

TypeScript 📄 types.ts

TypeScript typy a třída pro správu uživatelů

types.ts
interface User {
  id: number
  name: string
  email: string
  createdAt: Date
}

class UserService {
  private users: User[] = []

  async createUser(userData: Omit<User, 'id' | 'createdAt'>): Promis
Klikněte pro zobrazení detailu
Zobrazit detail

SCSS Pokročilé mixiny pro responzivní design

SCSS/Sass 📄 mixins.scss

Kolekce pokročilých SCSS mixinů pro responzivní design, animace a moderní styly

SCSS Pokročilé mixiny pro responzivní design
// Responzivní breakpointy
$breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

// Mixin pro media queries
@mixin respond-to($breakpoint) {
  @if
Klikněte pro zobrazení detailu
Zobrazit detail

styles.css

CSS 📄 styles.css

Moderní CSS s gradientem a glassmorphism efektem

styles.css
.hero-section {
  background: linear-gradient(
    135deg,
    #667eea 0%,
    #764ba2 100%
  );
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.glass-card 
Klikněte pro zobrazení detailu
Zobrazit detail

JavaScript Utility funkce

JavaScript 📄 utils.js

Kolekce užitečných JavaScript utility funkcí pro každodenní vývoj - debounce, deep clone, formátování a storage

JavaScript Utility funkce
// Debounce funkce pro optimalizaci výkonu
export const debounce = (func, wait, immediate = false) => {
  let timeout
  return function executedFunction(...args) {
    const later = () => {
     
Klikněte pro zobrazení detailu
Zobrazit detail

package.json

JSON 📄 package.json

Package.json pro Nuxt.js aplikaci

package.json
{
  "name": "my-awesome-app",
  "version": "1.0.0",
  "scripts": {
    "dev": "nuxt dev",
    "build": "nuxt build",
    "preview": "nuxt preview"
  },
  "dependencies": {
    "nuxt": "^3.14.159",
   
Klikněte pro zobrazení detailu
Zobrazit detail

PHP Helper funkce a utility

PHP 📄 helpers.php

Kolekce užitečných PHP helper funkcí pro bezpečnost, formátování, validaci a debugging

PHP Helper funkce a utility
<?php

/**
 * Bezpečné získání hodnoty z pole s defaultní hodnotou
 */
function array_get($array, $key, $default = null) {
    return isset($array[$key]) ? $array[$key] : $default;
}

/**
 *
Klikněte pro zobrazení detailu
Zobrazit detail

Radius

CSS 📄 radius.scss

Radius pro Safari

Radius
.border-radius {
    border-radius: 15px;
    /* Add this line */
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
Klikněte pro zobrazení detailu
Zobrazit detail

Vue komponenta s pokročilými technikami

Vue.js 📄 AdvancedComponent.vue

Pokročilá Vue komponenta demonstrující Suspense, dynamic components, slots, provide/inject a TypeScript

Vue komponenta s pokročilými technikami
<template>
  <div class="advanced-component">
    <!-- Conditional rendering s v-show pro výkon -->
    <Transition name="fade" appear>
      <div v-show="isVisible" class="content">
        <h2>
Klikněte pro zobrazení detailu
Zobrazit detail
Zobrazuje 1 - 10 z 13 gistů
Strana 1 z 2

Soubory cookies

Používáme cookies pro zlepšení vašeho zážitku, pamatování preferencí a analýzu návštěvnosti. Některé cookies jsou nezbytné pro správnou funkci webu.

Nezbytné: Fungování webu, preferences (tmavý režim, zobrazení barvy)
Funkční: Sledování likes, zabránění duplicitním hodnocením