Gisty
Kolekce užitečných kódových snippetů a ukázek
Prohledat Code Gists
Populární vyhledávání:
Filtrovat podle jazyka
server.js
Express.js server základní setup
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.json({
message: 'Hello World!',
timestamp: new Date().toISOString()
})
})
app.listen(3000, () =>
Vue Composable pro API dotazy
Univerzální Vue composable pro správu stavu API dotazů s automatickým error handlingem a loading stavy
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
types.ts
TypeScript typy a třída pro správu uživatelů
interface User {
id: number
name: string
email: string
createdAt: Date
}
class UserService {
private users: User[] = []
async createUser(userData: Omit<User, 'id' | 'createdAt'>): Promis
SCSS Pokročilé mixiny pro responzivní design
Kolekce pokročilých SCSS mixinů pro responzivní design, animace a moderní styly
// Responzivní breakpointy
$breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px
);
// Mixin pro media queries
@mixin respond-to($breakpoint) {
@if
styles.css
Moderní CSS s gradientem a glassmorphism efektem
.hero-section {
background: linear-gradient(
135deg,
#667eea 0%,
#764ba2 100%
);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.glass-card
JavaScript Utility funkce
Kolekce užitečných JavaScript utility funkcí pro každodenní vývoj - debounce, deep clone, formátování a storage
// Debounce funkce pro optimalizaci výkonu
export const debounce = (func, wait, immediate = false) => {
let timeout
return function executedFunction(...args) {
const later = () => {
package.json
Package.json pro Nuxt.js aplikaci
{
"name": "my-awesome-app",
"version": "1.0.0",
"scripts": {
"dev": "nuxt dev",
"build": "nuxt build",
"preview": "nuxt preview"
},
"dependencies": {
"nuxt": "^3.14.159",
PHP Helper funkce a utility
Kolekce užitečných PHP helper funkcí pro bezpečnost, formátování, validaci a debugging
<?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;
}
/**
*
Radius
Radius pro Safari
.border-radius {
border-radius: 15px;
/* Add this line */
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
Vue komponenta s pokročilými technikami
Pokročilá Vue komponenta demonstrující Suspense, dynamic components, slots, provide/inject a TypeScript
<template>
<div class="advanced-component">
<!-- Conditional rendering s v-show pro výkon -->
<Transition name="fade" appear>
<div v-show="isVisible" class="content">
<h2>