superWorld213个人站

防抖函数实现

JavaScript 工具函数

function debounce(func, delay) {
  let timer = null;
  return function() {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, arguments);
    }, delay);
  };
}

防止函数频繁执行，常用于搜索框输入、窗口resize等场景

JS

JS开发者

Python快速排序

Python 算法

def quick_sort(arr):
    if len(arr) <= 1:
        return arr
    pivot = arr[len(arr) // 2]
    left = [x for x in arr if x < pivot]
    middle = [x for x in arr if x == pivot]
    right = [x for x in arr if x > pivot]
    return quick_sort(left) + middle + quick_sort(right)

经典的快速排序算法实现，简洁高效的排序方法

PY

Python大师

CSS玻璃态效果

CSS UI效果

.glass-effect {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}

现代UI设计中流行的玻璃态效果，适用于卡片和导航栏

CS

CSS艺术家

React自定义Hook

React Hooks

function useLocalStorage(key, initialValue) {
  const [value, setValue] = useState(() => {
    const stored = localStorage.getItem(key);
    return stored ? JSON.parse(stored) : initialValue;
  });

  useEffect(() => {
    localStorage.setItem(key, JSON.stringify(value));
  }, [key, value]);

  return [value, setValue];
}

将状态同步到localStorage的自定义Hook，简化持久化逻辑

RE

React专家

Vue3响应式工具

Vue Composition

import { ref, computed } from 'vue';

export function useCounter() {
  const count = ref(0);
  const doubled = computed(() => count.value * 2);

  const increment = () => count.value++;

  return { count, doubled, increment };
}

Vue3 Composition API实现的计数器逻辑，可复用状态管理

VU

Vue开发者

Node.js文件操作

Node.js 异步

const fs = require('fs').promises;

async function readConfig() {
  try {
    const data = await fs.readFile('./config.json', 'utf8');
    return JSON.parse(data);
  } catch (error) {
    console.error('配置文件读取失败:', error);
    return null;
  }
}

使用async/await处理文件异步操作的现代Node.js代码

ND

Node后端