双12网站搜索 选购

// 使用防抖技术优化搜索框输入事件
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

document.getElementById('search-input').addEventListener('input', debounce(function(e) {
    fetch(`/search?q=${e.target.value}`)
        .then(response => response.json())
        .then(data => {
            // 更新搜索结果展示
            displayResults(data);
        });
}, 300));

# 使用缓存减少数据库查询次数
from functools import lru_cache

@lru_cache(maxsize=128)
def get_product_details(product_id):
    # 查询数据库获取商品详情
    return db.query(f"SELECT * FROM products WHERE id={product_id}")

# 在路由处理中调用
@app.route('/product/<int:product_id>')
def product_detail(product_id):
    product = get_product_details(product_id)
    return jsonify(product)