Shallow Dreamer Blog

获取json字段中的数据

如果你已经知道 JSON 字段中的 key 路径，并且需要使用 Django ORM 获取指定数据并自定义别名，可以使用 annotate 和 F 来实现。示例模型假设你的 data 字段如下： { "name": "Alice", "age": 25, "details": { "email": "alice@example.com",...

Posted by Shallow Dreameron March 4, 2025

Table穿梭框

<template> <div class="transfer-table"> <div v-if="props.type === 'default'" class="comp-default"> <el-transfer v-model="rightTable" :data="leftTable"></el-tr...

Posted by Shallow Dreameron February 13, 2025

中间线旋转测试

好的，现在我要分析用户的需求，并思考如何提供一个完整的解决方案。首先，用户之前已经要求过一个类似的翻转卡片效果的 hook，我已经给出了一个具体的实现方案。现在用户的新请求是：“给出完整代码，包括 hooks 和使用示例”。这表明用户希望看到整个项目中如何集成这个 hook，以及在实际组件中使用它。接下来，我需要理解用户的具体需求。用户可能正在构建一个包含多个卡片的组件，每个卡片都...

Posted by Shallow Dreameron February 9, 2025

el-drawer封装hooks测试

好的，用户需要将el-drawer组件二次封装成一个通用的hook，让它在任何组件中都能使用，可以自由控制弹出方向，并且允许添加自定义组件和事件。首先，我得回忆一下Element UI的el-drawer组件的用法和属性。el-drawer有direction属性控制方向，比如rtl、ltr、ttb、btt。然后，用户希望这个hook能返回一些方法，比如打开、关闭，以及可能的状态，比如是否显...

Posted by Shallow Dreameron February 9, 2025

文件数据库导入方案

根据需求设计如下Django数据库模型方案，满足高扩展性和权限控制要求： from django.db import models from django.dispatch import receiver from django.db.models.signals import pre_delete class GlobalCollection(models.Model): ""...

Posted by Shallow Dreameron February 6, 2025

日志记录测试

如果你的目标是将日志记录操作更加简洁地集成到 Django 视图和内部函数中，而不需要额外的中间件或复杂配置，可以通过以下方式实现：方案：简化的日志记录方案我们可以利用 logging 的 logger 和 logger.debug 方法，同时结合 UserLogFilter，使得在视图内部及内部函数中记录日志时，无需额外传递或配置 request 对象，且能够直接根据用户动态生成日...

Posted by Shallow Dreameron January 9, 2025

关于docx-preview的导入问题测试

既然您使用的是 Webpack、Vue 3 和 JavaScript，下面是针对您的项目环境的具体解决方案。 1. 通过 require 导入 docx-preview docx-preview 库使用 CommonJS 模块导出，您可以尝试使用 require 语法来导入，而不是 import 语法。修改您的导入方式如下： const DocxPreview = require('d...

Posted by Shallow Dreameron January 9, 2025

循环任务的操作

增加对任务的完全中断处理：停止任务：不仅仅是停止轮询，还需要确保任务执行的逻辑停止（例如停止 for 循环，跳出任务执行过程）。任务标志位：通过检查标志 isProcessing 来控制是否继续当前任务。完善后的代码 <!DOCTYPE html> <html lang="en"> <head> <meta chars...

Posted by Shallow Dreameron January 4, 2025

缓存策略demo方案

好的，为了使代码简洁且易于扩展，我们可以采用面向对象的设计方式，封装缓存策略，使得在未来需要修改缓存策略或增加其他缓存方式时能保持高可维护性。设计思路我们将基于以下原则来设计代码：封装缓存策略：通过一个缓存策略基类和两个子类（文件缓存和 Redis 缓存）来封装不同的缓存策略。缓存操作统一接口：通过统一的接口（如 get 和 set）来操作缓存，使得在将来扩展缓存方案...

Posted by Shallow Dreameron January 1, 2025

使用原生api清空剪切板

// 清空剪贴板的函数 export const clearClipboard = async () => { // 创建空白图片 const canvas = document.createElement('canvas') canvas.width = 1 canvas.height = 1 const ctx = canvas....

Posted by Shallow Dreameron December 3, 2024