使用deepseek设计一个计数器
介绍
这是一个使用纯html+css+javascript实现的简单符合直觉的计数器，所有的功能都有直观的表达。你可以用于类似于记分的操作，它可以单个账号进行删除操作，同时也可以一键重置得分/删除账号数据，同时最后会有总计数，同时通过 localStorage 实现数据持久化。
地址
https://github.com/FXnadu/PocketTools/tree/main/日考核计数器 使用v3.0.0
使用：
通过头部的输入框进行添加文本内容，然后点击添加账号的按钮，进行添加账号（名字）即可通过+-按钮进行记分，同时所有的删除为了防止误删会有弹窗确认，最后一键清除所有数据的敏感操作不可逆，添加了输入当天日期的校验。
截图
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 听故事的人！
相关推荐
2025-01-21
使用hexo框架快速配置开始搭建个人网站
感谢各位的帮助 ，经过测试，大部分功能已经可以投入使用！🎉此文章只记录零散的信息内容 从安装到部署hexo官方网站：https://hexo.io/docs/ node.js安装 具体安装教程网上搜寻 下载node.js安装包。 打开终端检查node.js和npm是否安装好. 配置环境。 检查环境是否正确设置。 git安装官网：https://git-scm.com/downloads 选择二进制下载： 安装完成使用命令行查询是否安装成功： 1git --version 如果出现版本号代表安装成功，下一步进行基本的设置： 12345git config --global user.name "你的名字"git config --global user.email "你的电子邮件地址"# 查看你的设置信息git config --list 初始化你的项目依次运行下面的命令： 123456789101112# 初始化hexo init myblogcd myblognpm install#...
2024-03-28
汽车网站前端重构技术方案
1. 原有技术架构的局限性 技术栈落后： 采用前后端混合的JSP开发模式，前后端代码强耦合，导致： 前端逻辑与Java后端代码混杂，维护困难 页面渲染依赖服务端，无法实现动态交互 开发效率低下（需重启服务查看前端改动） 代码冗余： 重复的DOM操作代码，如车辆列表渲染 全局样式冲突，无CSS作用域隔离 手动管理数据状态，如筛选条件同步 性能： 全页面刷新导致资源重复加载 缺乏组件缓存机制，相同逻辑重复执行 2. 用户侧问题 交互体验差（点击筛选需整页刷新） 移动端适配困难（响应式代码手工实现） 新功能开发周期长（牵一发而动全身） 为什么选择Vue3？ 原有问题 Vue3解决方案 JSP前后端耦合 完全前后端分离 重复DOM操作 响应式数据驱动（v-for自动渲染列表） 全局状态混乱 Pinia集中式状态管理 无组件化 单文件组件（.vue） + 组合式函数复用+大量精美开源组件库 组合式API（Composition API） 将分散的车辆筛选逻辑、分页逻辑抽取为可复用函数。 模板编译优化...
2025-05-02
字幕转换文本
请先把视频提取字幕 /* 自定义CSS样式 */ .processor-container { max-width: 800px; margin: 20px auto; padding: 20px; background: #f5f5f5; border-radius: 8px; } #inputArea { width: 100%; height: 200px; padding: 10px; margin: 10px 0; border: 2px solid #ddd; border-radius: 4px; resize: vertical; } #processBtn { background: #4CAF50; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; transition: background 0.3s; } #resultBox { ...
2023-07-23
从LLM训练的方法中总结大语言模型的提问方法
为了更好的使用LLM的对话模型,我们最好是可以从理解LLM是如何训练的角度去作出我们的提问,但是本文只作为一个如何更好的与ChatGPT等AI交流所写的文章记录,因此不多赘述 . 文章给出的方法主要分为两大原则: 第一个原则是写清楚具体的说明，第二个原则是给模型时间思考。 第一个原则：给模型明确而具体的指示第一个原则，非常明确和具体的说明。通过提供尽可能清晰和具体的说明来表达您希望模型做什么。这将引导模型达到所需的输出，并减少您获得不相关或不正确响应的情况。 不要将编写明确提示与编写简短提示混淆，许多情况下，较长的提示实际上为模型提供了更多的清晰度和上下文，这实际上可以导致更详细和相关的输出。 分隔符使用分隔符可以避免提示词冲突。如果用户在提示中添加某些输入，你可能给出与你想要的任务不符的指令, 可能会给模型一些相互冲突的指令，这可能导致模型得出的不是你想要的指令 , 所以使用分隔符非常有必要。 分隔符可以是任何将特定文本片段与提示的其余部分分开的清晰标点符号。可以使用引号，XML...
2025-04-12
如何编写测试用例
项目测试的流程应该是什么样的？flowchart TD A[需求评审] --> B[测试策略制定] B --> C{测试类型} C --> D[单元测试] C --> E[接口测试] C --> F[UI测试] C --> G[性能测试] D & E & F & G --> H[持续集成] H --> I[缺陷管理] I --> J[回归测试] J --> K[质量报告] K --> L[上线决策] 测试用例的编写是软件测试的核心工作，需要系统化的方法保证完整性和有效性。 一、测试用例结构化框架flowchart TB start[需求分析] --> define[确定测试目标] define --> design{选择测试方法} design --> |功能测试| EQ[等价类划分] design -->...
2025-04-12
有效的提取测试点
在软件测试中，高效提取测试点是保障测试质量的关键。 一、结构化提取流程框架flowchart TB subgraph 需求分析 A[分解用户需求] --> B[识别业务规则] B --> C[明确输入输出] C --> D[确定功能边界] end subgraph 测试设计 D --> E{选择设计方法} E --> F[等价类划分] E --> G[边界值分析] E --> H[场景分析法] E --> I[状态转换法] E --> J[组合测试法] end subgraph 测试点形成 K[关键特征筛选] L[测试变量关联] M[异常路径挖掘] end subgraph 覆盖优化 N[建立检查清单] O[交叉验证覆盖] ...
