文章一览
发布于 2026-05-19
Claude Code 两大神级 Skill：everything-claude-code 与 Superpowers
8 热度
0 条评论
AI
Claude Code 两大神级 Skill：everything-claude-code 与 Superpowers 真正的 AI Coding 高手，已经开始给 Claude “装外挂”了 ⚡ 最近 Claude Code 圈子里， 有两个 Skill 几乎属于： “装机必备” 很多重度用户甚至会说： “没装它们之前，我只是用 Claude。” “装完以后，我开始在指挥 AI 工程团队。” 它们分别是： everything-claude-code superpowers 一个像： Claude Code 百科全书 另一个像： AI 工程增强插件包 今天这篇文章， 就来详细拆解： 这两个 Skill 为什么会被大量开发者疯狂推荐。 什么是 Claude Code Skill？ 简单来说： Skill = Claude Code 的长期能力模块。 它不是： 一次性 Prompt 临时聊天记录 Session 记忆 而是： 可复用 AI 工作流 可以理解成： 系统 类比 VSCode Extension Chrome 插件 Linux Shell Claude Code Skill 但 Claude Skill 更离谱的一点在于： 它不仅是插件，更像 AI Agent Pipeline 因为它能： 自动读取项目 调用终端 分析代码 修改文件 自动执行工作流 已经开始接近： “AI 软件工程自动化” 第一位主角：everything-claude-code 这个 Skill 的定位非常特殊。 很多 Skill： 是在“增强 Claude”。 而： everything-claude-code 是在： “教 Claude 如何更懂 Claude Code” 它本质上像： Claude Code 的外挂知识库 里面整理了大量： Claude Code 使用技巧 Prompt 模板 Workflow Agent 思路 最佳实践 高级玩法 MCP 配置 调试经验 缓存优化 工程规范 有点像： “把 Reddit、GitHub、论坛、高手经验，全喂给 Claude。” 为什么它这么强？ 因为： 大模型有个经典问题： Session Memory 很短 今天你教它： 代码规范 Agent 流程 项目习惯 下一次聊天： 它可能就忘了。 而 everything-claude-code： 本质是在给 Claude： 注入长期工程经验 效果类似： 普通 Claude：“我会写代码。” everything-claude-code： “我知道高级开发者是怎么组织 AI Coding Workflow 的。” 差距会非常明显。 它最强的几个方向 1. Prompt Engineering 这是它最恐怖的部分之一。 它会： 自动优化 Prompt 提高上下文稳定性 减少幻觉 规范输出结构 提高 Cache 命中率 很多人第一次体验时： 会发现： 同一个模型，突然像升级了一代。 2. Agent Workflow 它非常强调： AI Workflow 自动化 比如： 需求分析 ↓ 代码生成 ↓ 测试生成 ↓ 安全检查 ↓ PR Review ↓ 自动提交 这其实已经不是： “AI 写代码” 而是： “AI 软件流水线” 3. Claude Code 最佳实践 很多隐藏技巧： 普通用户其实根本不知道。 比如： 如何提高 Prompt Cache 如何减少 Token 消耗 如何组织 Session 如何减少 Context Pollution 如何控制 Agent 行为 如何优化大型项目 而 everything-claude-code： 会把这些经验： 系统化 它最适合谁？ 强烈推荐： 独立开发者 AI 工程玩家 重度 Claude 用户 Cursor 转 Claude 用户 Agent Workflow 爱好者 AI SaaS 开发者 尤其： 想真正提高生产力的人 第二位主角：Superpowers 如果说： everything-claude-code 是： “知识增强包” 那么： superpowers 更像： “功能增强包” 它的核心理念是： “让 Claude 不只是聊天，而是真的能干活。” Superpowers 为什么火？ 因为： 很多人第一次用 Claude Code 时会发现： Claude 很聪明。 但： 不够“工程化” 比如： 不会自动组织流程 不会统一规范 不会自动串联任务 缺少高级自动化 而 superpowers： 本质上就是： 给 Claude 加了一套 AI 工程操作系统 它最强的能力 1. 自动工作流编排 这是 Superpowers 最核心的能力。 它会： 自动拆任务 自动规划步骤 自动串联操作 自动校验结果 例如： 创建功能 ↓ 生成测试 ↓ 检查类型错误 ↓ 修复 lint ↓ 生成 commit 你会发现： Claude 开始不像聊天机器人。 更像： AI 项目经理 + 工程师混合体 2. 工程规范统一 大型项目里： 最容易崩的其实不是代码。 而是： 风格失控 Superpowers 会统一： Commit Style 文件结构 命名规范 测试策略 代码风格 PR 格式 效果就是： AI 输出开始像“同一个团队写的” 而不是： “十个平行宇宙程序员随机发挥。” 3. 自动 Debug 这个功能非常变态。 它会： 读取错误日志 推导调用链 自动修复 重新测试 再次验证 很多时候： 你会看到 Claude： 修复 ↓ 发现新问题 ↓ 继续修复 ↓ 重新运行 像一个： 不会疲劳的 Debug 牛马 🤖 4. 多步骤 Agent 能力 普通 AI： 往往： “想到哪做到哪” 而 Superpowers 会： 强制流程化 比如： 先分析 再设计 再实现 再测试 最后总结 这会让： 稳定性 可维护性 输出质量 提升非常明显。 两者最大的区别 很多人会问： “我到底该装哪个？” 其实： 最佳答案是：都装。 因为： 它们方向不同。 everything-claude-code 更偏： “经验库” 重点是： Prompt Workflow 最佳实践 AI Coding 方法论 它像： Claude Code 教练 superpowers 更偏： “执行增强” 重点是： 自动化 工作流 工程流程 Agent 化能力 它像： Claude Code 外骨骼装甲 两者组合后会发生什么？ 这才是最离谱的地方。 很多开发者真正惊到的时刻是： 两个 Skill 一起使用 效果会从： AI Coding Assistant 变成： AI Engineering System Claude 会开始： 自动规划 自动执行 自动修复 自动规范化 自动组织上下文 甚至会出现一种幻觉： “我到底是在写代码，还是在管理 AI 团队？” 为什么它们代表未来？ 因为： 未来 AI Coding 的竞争： 越来越不是： 谁模型最大 谁参数最多 而是： 谁的 Workflow 最强 真正厉害的开发者： 未来可能更像： AI Workflow Designer Agent Orchestrator 自动化工程师 而不是： 手写每一行代码的人。 最后总结 如果说： Claude Code 原版像： “聪明助手” 那么： everything-claude-code 是在给它： “高级工程经验” 而： superpowers 是在给它： “自动化执行能力” 两者组合以后： Claude Code 会开始从： “聊天 AI” 进化成： “AI 软件工程流水线” 未来最强的程序员， 可能不是： “写代码最快的人” 而是： “最会训练 AI 工作流的人。” 🚀
发布于 2026-05-18
一行环境变量，给 Claude Code 省下 90% 成本
5 热度
0 条评论
AI
一行环境变量，给 Claude Code 省下 90% 成本 你以为是模型太贵，其实是缓存“漏风”了 🧊💸 最近不少开发者发现一个诡异现象： 用了 Claude Code 接国内模型，比如 DeepSeek、Kimi、智谱 AI 后，突然开始： 响应越来越慢 Token 消耗越来越离谱 429 报错像下雨一样落下来 ☔ 明明只问了句 “1+1”，账单却像在训练 GPT-9 问题的根源，居然藏在一个几乎没人注意的东西里： Claude Code 的 Prompt Cache（提示词缓存）失效了。 而修复它的方法，只需要： export CLAUDE_CODE_ATTRIBUTION_HEADER=false 这篇文章，我们就来拆开这个“缓存黑洞”。 什么是 Prompt Cache？ 先想象一个场景。 Claude Code 每次调用模型时，并不是只发送你的提问。 它还会附带一整套巨大系统提示词，包括： 工具定义 项目上下文 Agent 指令 MCP 信息 系统规则 CLI 环境描述 这些内容加起来，大约有： 6.8 万 Tokens 也就是说： 你问一句： “帮我修一下这个 bug” 实际上模型收到的是： “这里有一本 300 页说明书，请先完整读一遍，再回答用户问题。” 于是缓存就变得极其重要。 如果前缀一致，模型可以直接复用之前已经处理过的内容： ✅ 速度快 ✅ 成本低 ✅ 延迟小 如果缓存失效…… 模型每次都得重新“啃”那 6.8 万 Tokens。 堪称 AI 世界里的： “每次点外卖，都要求厨师重新学一遍《新东方烹饪大全》。” 真正的元凶：动态 Billing Header 这篇逆向分析文章发现： Claude Code 会偷偷往 system prompt 里塞一段文本： x-anthropic-billing-header:cc_version=2.1.42.abc; cc_entrypoint=claude-code; cch=00000; 注意： 这不是 HTTP Header。 它是直接写进 Prompt 文本里的。 问题就在于： 其中这个： 2.1.42.abc 后面的 abc 会动态变化。 而且它不是随机的。 它是根据： 用户第一条消息 某些字符位置 SHA256 哈希 算出来的。 结果就是： 只要新开会话，缓存前缀就变了。 缓存系统一看： “你这前缀不一样啊。” 于是： ❌ Cache Miss 整个 68K Tokens 全部重新计算。 最离谱的地方：只差 3 个字符，也会全盘失效 作者做了一个实验。 两组 Prompt： 内容几乎完全一样 只改了 header 里的 3 个字符 结果： 情况 缓存命中 Prompt 完全一致 ✅ 命中 仅改 3 个字符 ❌ 全部失效 原因是： LLM Cache 不是全文匹配。 而是： Prefix Match（前缀匹配） 前缀一旦变化： 后面几十 KB 的内容统统作废。 像极了： 图书馆管理员发现第一页有个标点不同，于是决定把后面所有书都重读一遍。 最恐怖的数据：成本直接翻 10 倍 作者做了真实 CLI 测试。 结果如下： 条件 Cache Read 费用 延迟 Header ON 512 $0.204 17.5s Header OFF 68,096 $0.021 2.1s 结论非常炸裂： ✅ 缓存命中提升 133 倍 ✅ 成本下降 90% ✅ 速度提升 8 倍 也就是说： 很多人以为： “Claude 太贵了。” 其实真实情况是： “缓存根本没工作。” 为什么很多人感觉 Claude Code 越用越贵？ 因为这个问题特别容易出现在： 高频新会话场景 比如： 并行开发多个功能 每个 Bug 开一个 Session 定时任务 Agent Workflow 自动化脚本 多窗口 Coding 每开一次新会话： hash_a3f hash_7b2 hash_e91 hash_f08 缓存前缀全变。 于是系统疯狂重复计算。 Token 像漏水的消防栓一样喷出去 🚿 社区已经炸锅了 Reddit 上已经有大量开发者发现类似问题。 有人甚至把它称为： “Silent Token Leak（沉默的 Token 漏洞）” 还有开发者逆向了 Claude Code Binary，发现： --resume 会导致缓存再次失效 Auto Memory 会破坏 Prefix 某些 standalone binary 还会动态改写缓存字段 社区里不少人都在吐槽： “不是 API 贵，而是缓存正在偷偷背刺你。” 最简单的解决方案 直接加环境变量： export CLAUDE_CODE_ATTRIBUTION_HEADER=false 或者： { "env": { "CLAUDE_CODE_ATTRIBUTION_HEADER": "false" } } 作用： ✅ 不再注入 billing header ✅ Prompt Prefix 稳定 ✅ 跨会话缓存恢复 ✅ Token 成本暴跌 这个问题其实暴露了 AI Agent 的一个核心矛盾 很多 AI Coding 工具： 表面看是“聊天”。 实际上背后是： 巨型 Prompt 工程 KV Cache 调度 Prefix 复用 Session 粘性 分布式缓存系统 今天的大模型 Agent： 越来越像： “一个披着聊天 UI 的分布式操作系统。” 而 Prompt Cache： 就是它的 CPU L3 Cache。 一旦缓存设计失误： 成本和性能会瞬间雪崩。 最后总结 这次 Claude Code 的问题，本质上是： 动态 Header 破坏了 Prefix Cache 导致： 跨会话缓存无法共享 Token 消耗暴涨 API 延迟变长 429 增加 而修复方式居然只有一行： export CLAUDE_CODE_ATTRIBUTION_HEADER=false 有时候 AI 工程世界最魔幻的地方就在于： 价值几十万美元的 GPU 集群，最后可能被一个字符串哈希干碎。🫠
发布于 2025-02-08
使用Allatori混淆代码
732 热度
0 条评论
Java
使用Allatori混淆代码 在软件开发的世界中，保护你的知识产权和源代码是至关重要的。尤其是当你发布Java应用程序时，确保你的代码难以被反编译或理解显得尤为重要。这正是代码混淆工具如Allatori发挥作用的地方。本文将介绍如何使用Allatori来混淆你的Java代码，并提供一些实用的配置示例。 什么是Allatori？ Allatori是一个强大的Java混淆器，它能够通过重命名类、方法和变量名等方式来保护你的Java应用程序不被轻易理解和反编译。此外，Allatori还提供了诸如字符串加密、控制流混淆等高级功能，进一步增强了代码的安全性。 官方文档 Allatori文档 开始之前 下载Allatori的Demo => Demo下载 使用Allatori（本文才用的是Maven方式使用） 在自己的项目中引入 如上图，在项目中引入allatori.jar和allatori.xml pom.xml配置 <plugins><!-- 正在将Allatori配置文件复制到“target”目录。目标文件将被过滤（配置文件中使用的Maven属性将被解析） --> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-resources-plugin</artifactId> <version>2.6</version> <executions> <execution> <id>copy-and-filter-allatori-config</id> <phase>package</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>${basedir}/target</outputDirectory> <resources> <resource> <directory>${basedir}/allatori</directory> <includes> <include>allatori.xml</include> </includes> <filtering>true</filtering> </resource> </resources> </configuration> </execution> </executions> </plugin> <!-- 运行 Allator --> <plugin> <groupId>org.codehaus.mojo</groupId> <artifactId>exec-maven-plugin</artifactId> <version>1.2.1</version> <executions> <execution> <id>run-allatori</id> <phase>package</phase> <goals> <goal>exec</goal> </goals> </execution> </executions> <configuration> <executable>java</executable> <arguments> <argument>-Xms128m</argument> <argument>-Xmx512m</argument> <argument>-jar</argument> <argument>${basedir}/allatori/allatori.jar</argument> <argument>${basedir}/target/allatori.xml</argument> </arguments> </configuration> </plugin> <!-- 替换jar（混淆后会有原始jar和混淆jar，如果需要直接deploy可以使用该插件替换jar包直接将混淆后的jar部署） --> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-antrun-plugin</artifactId> <version>1.8</version> <executions> <execution> <id>rename-encrypted-jar</id> <phase>package</phase> <goals> <goal>run</goal> </goals> <configuration> <tasks> <move file="${project.build.directory}/${project.artifactId}-${project.version}-obfuscated.jar" tofile="${project.build.directory}/${project.artifactId}-${project.version}.jar" overwrite="true"/> </tasks> </configuration> </execution> </executions> </plugin> </plugins> allatori.xml配置 基本配置 一个基本的Allatori配置文件看起来如下所示： <config> <input> <jar in="your-app.jar" out="your-app-obfuscated.jar"/> </input> <keep-names> <!-- 这里可以指定你不希望被混淆的类、字段和方法 --> </keep-names> </config> 在这个例子中，in属性指定了输入的JAR文件路径，而out属性则定义了输出（即混淆后的）JAR文件路径。 保持特定类不被混淆 有时候，你需要保持某些类或包下的所有类不被混淆。例如，如果你有一个API接口或者需要保留反射机制使用的类名，你可以这样做： <keep-names> <class template="class com/your/package/"> <field template=""/> <method template="()"/> </class> </keep-names> 这里，com/your/package/**表示匹配该目录及其所有子目录下的所有类。**通配符用于匹配任意层级的子目录。 忽略的包或类 <!-- 忽略的包或类，这些文件将不被混淆 --> <ignore-classes> <!-- 不要混淆主类 --> <class template="class com.navi.akkaload.AkkaloadApplication" /> <!-- 不要混淆第三方的代码，否则会运行jar包会报错java.lang.NoClassDefFoundError --> <class template="class org.dom4j." /> <class template="class akka.actor." /> <class template="class alibaba" /> <class template="class org" /> <class template="class rabbitmq" /> <class template="class springframework" /> <class template="class lombok" /> </ignore-classes> <!-- 到期时间(到期后无法启动jar) 格式：yyyy/mm/dd--> <!--<expiry date="2021/04/03" string="SERVICE EXPIRED!"/>--> <!-- 随机命名混淆字符--> <!--<property name="random-seed" value="abcdef ghnljk svi"/>--> 高级选项 Allatori还支持更多高级功能，比如字符串加密、水印添加等。这些功能可以通过在配置文件中添加相应的标签来启用： <property name="string-encryption" value="true"/> <property name="watermark" value="Your Watermark Text"/> keep-names和ignore-classes区别 在Allatori Java混淆器中，keep-names和ignore-classes这两个配置项虽然都用于指定不应被混淆的类、方法或字段，但它们的作用和使用场景有所不同。 keep-names keep-names配置主要用于指定哪些类、方法或字段的名字应该保持原样，不进行混淆。这意味着这些元素将保留其原始名称，从而便于调试或者保证某些依赖于反射机制的功能正常工作。例如： <keep-names> <class template="class com/example/MyClass"> <field template=""/> <method template="()"/> </class> </keep-names> 在这个例子中，com.example.MyClass中的所有字段和方法都不会被混淆，保留其原始名称。 ignore-classes 相比之下，ignore-classes则用于完全排除某些类或包，使其不受混淆过程的影响。这意味着不仅这些类的名称不会被改变，而且其中的方法和字段也不会被混淆。这通常用于那些你确定不应该被混淆的第三方库或是你自己代码中的一些特定部分。例如： <ignore-classes> <class template="class com/example/external/"/> </ignore-classes> 这个配置会使得com.example.external包及其所有子包下的类都不参与混淆过程。 总结 keep-names：主要用于指定需要保留原始名称的类、方法或字段。它允许你精细地控制哪些具体的部分不需要被混淆，同时其他未指定的部分仍可以按照默认规则进行混淆。 ignore-classes：则是更广泛地排除整个类或包，使其完全避开混淆流程。这对于不想对某些外部库或特定模块进行任何修改的情况非常有用。 理解这两者的区别有助于更好地定制你的混淆策略，确保既能有效保护代码安全，又能维持必要的功能完整性。 结论 通过使用Allatori进行代码混淆，你可以有效地提高你的Java应用程序的安全性，减少代码被反编译的风险。虽然代码混淆不能完全阻止有决心的攻击者，但它确实增加了破解的难度和时间成本，为你的软件提供了一层额外的保护。 记住，正确的配置是成功的关键。花时间了解Allatori的各种选项，并根据自己的具体需求调整配置，将帮助你最大限度地利用这个强大的工具。 补充自动化部署 pom.xml中添加maven私仓地址 <!-- 发布jar包时需要有的maven私服配置 --> <distributionManagement> <!--id要和setting文件中server节点中配置的一样--> <repository> <id>maven-releases</id> <name>maven-releases</name> <url>releases-私仓地址</url> </repository> <!--id要和setting文件中server节点中配置的一样--> <snapshotRepository> <id>maven-snapshots</id> <name>maven-snapshots-私仓地址</name> <url>snapshots</url> </snapshotRepository> </distributionManagement> maven配置文件中配置私仓信息 <servers> <server> <id>releases</id> <username>用户名</username> <password>密码</password> </server> <server> <id>snapshots</id> <username>用户名</username> <password>密码</password> </server> </servers> 执行deploy指令即可
发布于 2025-01-09
还在用Jenkins？快来试试Jpom 一款国人都说好的自动化部署系统
709 热度
0 条评论
开源项目
随着 DevOps 理念的普及和技术的发展，持续集成和持续部署（CI/CD）已经成为现代软件开发中不可或缺的一部分。提到 CI/CD 工具，许多人首先想到的是 Jenkins。然而，近年来，越来越多的国内开发者开始关注并使用一个名为 Jpom 的自动化部署系统。今天，我们就来深入了解这款被国人们誉为“好用”的工具——Jpom。 什么是 Jpom？ Jpom 是一款开源的、轻量级的 Java 应用程序自动化部署系统，专为中小型项目设计。它不仅支持 Java 应用，还兼容其他语言编写的程序。Jpom 提供了简单直观的 Web 界面，让用户可以轻松管理应用生命周期中的各个环节，包括构建、测试、部署等。 Jpom 的优势 用户友好界面- Jpom 拥有简洁明了的操作界面，降低了新用户的上手难度。对于不熟悉命令行操作的团队成员来说，这是一个极大的便利。 多环境支持- 支持多种运行环境配置，如开发、测试、生产等，确保不同阶段的应用版本一致性和稳定性。 丰富的插件生态- 虽然 Jpom 自身功能已经非常强大，但它也允许通过插件扩展其能力。社区活跃，提供了大量高质量插件以满足不同需求。 安全性和权限管理- 内置的安全机制保障了系统的可靠性和数据隐私。同时，细粒度的权限管理系统使得团队协作更加高效有序。 性能优化- 高效的任务调度算法保证了任务执行的速度与效率，减少了等待时间，提高了开发迭代速度。 文档详尽- 官方提供了详细的文档和支持，帮助用户快速解决问题，减少学习成本。 Jpom 与 Jenkins 的对比 总结 如果你还在为复杂的 Jenkins 配置烦恼，不妨考虑一下 Jpom。作为一款由国人开发并广泛好评的自动化部署工具，它凭借易用性、灵活性以及强大的功能赢得了众多开发者的青睐。无论你是初创企业的技术负责人，还是大型企业的运维工程师，Jpom 都能为你带来意想不到的帮助。快来试试吧！
发布于 2024-08-06
[开源项目分享]一款前后端分离的最美博客 star 2.3k
1405 热度
0 条评论
开源项目
一、项目介绍 大家好，POETIZE已经3年了。 从2021年6月16日开始搭建项目，到2022年8月21日第一个版本发布。期间曾因为换工作而暂停几个月，也因老头环而鸽了几个月。 项目经历了大大小小的更新，每次更新都是在美观度上的精雕细琢，也修复了很多问题，添加了很多功能。 项目提供部分源码供大家参考学习，只需要在Gitee拉取项目，按照Readme启动说明就能直接启动，但需要一定的编程能力。完整版就需要您赞助本项目了。 感谢对POETIZE的支持。 二、开源协议 使用Apache-2.0开源许可协议。 三、技术栈 这是一个 SpringBoot + Vue2 + Vue3 的产物，支持移动端自适应，配有完备的前台和后台管理功能。 前端技术：Vue2（博客系统），Vue3（IM 聊天室系统），Element UI（Vue2），Element-Plus UI（Vue3），Naive UI（Vue3） 后端技术：Java，SpringBoot，MySQL，Mybatis-Plus，t-io，qiniu-java-sdk，spring-boot-starter-mail 网站分两个模块： 博客系统：具有文章，表白墙，图片墙，收藏夹，乐曲，视频播放，留言，友链，时间线，后台管理等功能。 聊天室系统：具有朋友圈（时间线），好友，群等功能。 本网站采用前后端分离进行实现，两个前端项目通过Nginx代理，后端使用Java。 部署网站需要安装Nginx、Java、MySQL，然后打包前后端项目并部署。 文件服务可以使用七牛云，也可以使用服务器。默认使用服务器。 Vue3（IM 聊天室系统）是非必须的。如果部署，则需要依赖博客，然后从博客的“联系我”进入，因为登录模块在博客。 四、项目预览 五、项目地址 博客前端（开源版）：gitee.com/littledoke... 聊天室前端（开源版）：gitee.com/littledoke... 后端（开源版）：gitee.com/littledoke... 博客前端、聊天室前端、后端汇总版（上述三个仓库放在一个仓库里，代码无差别）（开源版）：gitee.com/littledoke... 七牛云登录/注册地址（文件服务/CDN）：https://s.qiniu.com/Mz6Z32
发布于 2024-08-06
基于html2canvas、jspdf 实现网页打印效果
1309 热度
0 条评论
JavaScript
Vue2项目中实现将页面中指定DOM导出为PDF格式。自定义隐藏指定DOM中不想打印出来的内容。 首先是需要用到的依赖：html2canvas、jspdf 首先将导出功能封装成一个按钮组件（当然如果使用频率不高就没必要，反而更方便隐藏不想打印的内容） <template><!-- 导出分析报告 --> <el-button :loading="exporting" :disabled="disabled" @click="exportPic">导出分析报告</el-button> </template> <script> import html2canvas from 'html2canvas'; import JsPDF from 'jspdf' export default { name: 'exportPicButton', props: { operationClass: String, disabled: Boolean }, data() { return { exporting: false } }, methods: { /** 导出分析报告 */ exportPic() { if (!this.operationClass) return; // 防御避免导出时重复点击，导完后才允许点击 if (this.exporting) return; // 显示导出中 this.exporting = true; this.$emit('before-export'); // 截图 this.$nextTick(() => { setTimeout(() => { const dom = document.querySelector(.${this.operationClass}); html2canvas(dom, { height: dom.scrollHeight, windowHeight: dom.scrollHeight, // 解决导出卡顿问题 ignoreElements: e => { if ( e.contains(dom) || dom.contains(e) || e.tagName === 'STYLE' || e.tagName === 'LINK' || e.tagName === 'HEAD' || e.getAttribute('data-html2canvas') != null // header里面的样式不能筛掉 ) { return false; } return true; } }).then(canvas => { let contentWidth = canvas.width; let contentHeight = canvas.height; let pageHeight = contentWidth / 592.28 * 841.89; let leftHeight = contentHeight; let position = 0; let imgHeight = 592.28 / contentWidth * contentHeight; let pageData = canvas.toDataURL('image/jpeg', 1.0); let PDF = new JsPDF('', 'pt', 'a4'); // 边距 const margin = 20; // 调整图片宽度和高度以适应页面并保持比例 let imgWidth = 595.28 - 2 * margin; imgHeight = imgWidth / 595.28 * imgHeight; if (leftHeight < pageHeight) { PDF.addImage(pageData, 'JPEG', margin, margin, imgWidth, imgHeight); } else { while (leftHeight > 0) { PDF.addImage(pageData, 'JPEG', margin, margin + position, imgWidth, imgHeight); leftHeight -= pageHeight; position -= 841.89; if (leftHeight > 0) { PDF.addPage(); } } } // 当前时间 const now = new Date(); const nowStr = ${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}; PDF.save(分析报告${nowStr}.pdf) // 关闭导出中 this.exporting = false; }).catch((err) => { // 显示按钮 this.exporting = false; // todo 处理异常 console.log(err); }).finally(() => { this.$emit('after-export'); }); }, 500) }); } } } </script> 组件只有一个按钮内容，props中接收的operationClass（需要打印DOM的class名称）、disabled（打印/导出按钮是否可用），emit事件有before-export（导出前要做的事情，如影响导出必须为同步）、after-export（导出后要做的事情） 使用方式： <template> <div class="main" v-loading="pageLoading"> <div class="page-title"> <export-pic-button v-show="showHidden" size="small" :disabled="!canExportAnalysisReport" operation-class="content" @before-export="() =>{ showHidden = false; pageLoading = true; }" @after-export="() => { showHidden = true; pageLoading = false; }" </export-pic-button> </div> <div class="content"> 要打印的内容 <div class="hidden" v-show="showHidden">打印时不想展示的内容</div> </div> </div> </template> <script> import ExportPicButton from "@/pages/index/views/zkgl/analyse/components/ExportPicButton.vue"; export default { name: 'export-pic', components: {ExportPicButton}, data() { return { // 是否可导出 canExportAnalysisReport: true, // 按钮是否显示 showHidden: true, // 页面加载中 pageLoading: false, }; }, }; </script> 导出PDF为分析报告2024-08-06.pdf
发布于 2024-02-28
Springboot中使用Redis还在只会存字符串，快来看看各种数据类型的使用技巧！
1679 热度
1 条评论
Java
在现代的Web应用程序中，缓存是一项至关重要的技术，以提高性能和减少数据库负载。而 Redis 作为一种高性能的内存数据库，被广泛应用于缓存、会话管理、消息队列等场景。本篇博客将介绍如何在 Spring Boot 中使用 Redis，并详细介绍 Redis 支持的数据类型及其使用方法。 1. 引入 Redis 依赖 首先，在 Spring Boot 项目中引入 Redis 的依赖： <dependency><groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </dependency> 2. 配置 Redis 连接信息 在 application.properties 或 application.yml 文件中配置 Redis 的连接信息： spring.redis.host=localhost spring.redis.port=6379 spring.redis.password= 3. Redis 数据类型及使用方法 3.1. 字符串（String） 字符串是最简单的 Redis 数据类型，可以存储文本、数字等数据。在 Spring Boot 中，可以使用 StringRedisTemplate 来操作字符串数据： @Resource private StringRedisTemplate stringRedisTemplate; // 设置字符串值 stringRedisTemplate.opsForValue().set("key", "value"); // 获取字符串值 String value = stringRedisTemplate.opsForValue().get("key"); 3.2. 哈希（Hash） 哈希数据类型适合存储对象的属性信息，可以用于存储用户信息、配置信息等。在 Spring Boot 中，可以使用 HashOperations 来操作哈希数据： @Resource private RedisTemplate<String, Object> redisTemplate; HashOperations<String, Object, Object> hashOps = redisTemplate.opsForHash(); // 设置哈希字段值 hashOps.put("user:id:123", "name", "Alice"); hashOps.put("user:id:123", "age", "25"); // 获取哈希字段值 String name = (String) hashOps.get("user:id:123", "name"); 3.3. 列表（List） 使用 Redis 的列表数据类型可以实现队列、栈等功能。在 Spring Boot 中，可以通过 RedisTemplate 的 opsForList() 方法来操作列表数据： @Resource private RedisTemplate<String, String> redisTemplate; // 向列表头部插入值 redisTemplate.opsForList().leftPush("myList", "value1"); redisTemplate.opsForList().leftPush("myList", "value2"); // 向列表尾部插入值 redisTemplate.opsForList().rightPush("myList", "value3"); redisTemplate.opsForList().rightPush("myList", "value4"); // 获取列表范围内的值 List<String> values = redisTemplate.opsForList().range("myList", 0, -1); 3.4. 集合（Set） 使用 Redis 的集合数据类型可以实现存储唯一值的需求。在 Spring Boot 中，可以通过 RedisTemplate 的 opsForSet() 方法来操作集合数据： @Resource private RedisTemplate<String, String> redisTemplate; // 向集合添加成员 redisTemplate.opsForSet().add("mySet", "member1"); redisTemplate.opsForSet().add("mySet", "member2"); // 获取集合所有成员 Set<String> members = redisTemplate.opsForSet().members("mySet"); 3.5. 有序集合（Sorted Set） 使用 Redis 的有序集合数据类型可以按照分数（score）排序存储成员。在 Spring Boot 中，可以通过 RedisTemplate 的 opsForZSet() 方法来操作有序集合数据： @Resource private RedisTemplate<String, String> redisTemplate; // 向有序集合添加成员及分数 redisTemplate.opsForZSet().add("mySortedSet", "member1", 10.0); redisTemplate.opsForZSet().add("mySortedSet", "member2", 20.0); // 获取有序集合指定范围的成员 Set<ZSetOperations.TypedTuple<String>> membersWithScores = redisTemplate.opsForZSet().rangeWithScores("mySortedSet", 0, -1); 4. 在选择 Redis 数据类型时，需要根据具体的业务场景和需求来决定使用哪种数据类型。 4. 1. 列表（List） 适用场景： 队列（FIFO）：适合实现任务队列、消息队列等。 栈（LIFO）：适合实现撤销操作、浏览历史等。 优势： 可以保持元素的插入顺序。 支持从列表两端进行插入和删除操作。 4. 2. 集合（Set） 适用场景： 存储唯一值：适合存储用户标签、点赞数等。 集合运算：如并集、交集、差集等操作。 优势： 元素不重复，可确保数据的唯一性。 支持集合运算，方便对多个集合进行操作。 4. 3. 有序集合（Sorted Set） 适用场景： 排行榜：适合按分数排序存储并展示排名。 时间轴：适合按时间顺序存储事件或消息。 优势： 按照分数（score）排序，方便获取排名信息。 可以实现范围查询，获取指定范围内的成员。 如何选择： 如果需要按顺序存储数据，并且需要支持队列或栈的操作，可以选择列表。 如果需要存储唯一值，并且需要进行集合运算，可以选择集合。 如果需要按分数排序存储数据，并且需要根据排名或范围查询，可以选择有序集合。
发布于 2024-02-26
2023，2022，2021年面试题合集
2177 热度
0 条评论
面试整理
2023年算法知识合集 LeetCode题解 如何高效使用 LeetCode 大家都是如何刷 LeetCode 的？ 用动画的形式呈现解LeetCode题目的思路 代码随想录 LABULADONG 的算法网站 宫水三叶的刷题日记 LeetCode题目分类与面试问题整理 汇总各大互联网公司容易考察的高频leetcode题 多种编程语言实现 LeetCode、剑指 Offer、程序员面试金典 《代码随想录》LeetCode 刷题攻略：视频难点剖析，50余张思维导图，支持多语言版本 前端算法进阶指南 和小浩学算法 2023年综合题合集 编程面试大学 前端面试题汇总 2023-05-大厂面试最爱问的Event Loop 2023-持续更新大厂前端面试题 2023.03.28-两万字三月前端面经（含回答） 2023.03.28-更新前端面试问题总结 2023-02-27-2023前端面试题总结 2023-02-27-高级前端必会面试题（边面边更） 2023-02-27-如何才能做好准备好前端面试 2023-02-27-阿里前端二面经典手写面试题汇总 2023-02-23-美团前端常见面试题整理 2023-02-一道面试题带你了解事件流和Event Loop webpack面试题及答案 2023-前端面试必备个人总结（持续更新中） 2023-前端必会手写面试题整理1 2023-前端面试题 2023-前端面试系列-- webpack & Git篇 2023-前端面试系列--网络篇 2023-前端面试系列-- JS 篇 2023-大厂面试题第一部分 2023-高频前端面试题合集之网络篇 2023-前端二面react面试题集锦 2023年小程序面试题合集 2023-07-15-uni-app开发经验总结 2023-07-13-uni-app面试题汇总 2023-03-18-（备忘录）微信小程序面试题 2023-03-12-小程序面试题总结 2023-03-2-uniapp和小程序面试题 2022-09-03-小程序面试题 2022-08-01-小程序面试题 2021-08-06-微信小程序面试总结 尚硅谷微信小程序面试题 Vue 2023-04-29-vue3面试题八股集合 2023-03-13--滴滴前端高频vue面试题（边面边更） 2023-03-01-前端常见vue面试题（必备） 2023-02-28-2023 前端 vue 面试题及答案 2023-02-28-2023前端vue面试题及答案 2023-02-27-前端一面常见vue面试题汇总 2023-02-23-每日一题之Vue的异步更新实现原理是怎样的 2023-02-21-社招前端一面必会vue面试题 2023-02-21-高级前端二面必会vue面试题合集 2023-02-19-美团前端一面高频vue面试题整理 2023-02-19-社招前端经典vue面试题（附答案） 2023-02-14-前端二面经典vue面试题总结 2023-02-14-前端一面必会vue面试题总结 2023-02-13-高级前端二面vue面试题（持续更新中） 2023-02-13-百度前端常考vue面试题（附答案） 2023-02-07-滴滴前端一面必会vue面试题 2023-02-07-面试官：vue2和vue3的区别有哪些 2023-02-06-前端一面高频vue面试题（边面边更） vue高频面试知识点汇总【2023新春版】 2023-前端面试系列-- Vue 篇 2023前端之VUE面试题汇总 React 2023-06-30-前端面试系列之 React 必备知识点 2023-06-04-2023 6月份面试题 React篇 2023-05-23-前端面试：React高频面试题 2023-02-21-社招前端常考react面试题总结 2023-01-React面试题 2023-react面试题大合集 2023-视频-年最新珠峰React全家桶【基础-进阶-项目-源码-淘系-面试题】 2023-一文带你梳理React面试题（2023年版本） 2022年react最全面试题 2021-高频前端面试题汇总之React篇（上） 2021-高频前端面试题汇总之React篇（下） 2019年17道高频React面试题及详解 Go 面试题 2023-04-04-Go必看的进阶面试题详解 2022-10-Go常见面试题【由浅入深】2022版 2022-08-GO必知必会面试题汇总 用Go语言刷力扣专栏 Golang 面试题搜集 2022年 2022-09-13-[面经] 5年前端 - 历时1个月收获7个offer 2022-05-01-2022必会的前端手写面试题 【视频】2022web前端面试题大汇总/web前端面试题详解（持续更新） 宏任务和微任务的理解 2022-最新WEB前端面试题大汇总/全栈面试题集合/Vue面试题/React面试题 2022-高频前端面试题合集之JavaScript篇（上） 2022-高频前端面试题合集之JavaScript篇（中） 2022-高频前端面试题合集之JavaScript篇（下） 2022-TypeScript最新高频面试题指南 2022-最新?前端高频面试题总结(一) 2022-高频前端面试题——CSS篇 2022-年我的面试万字总结（浏览器网络篇） 2022-年我的面试万字总结（CSS篇） 2022-年我的面试万字总结（HTML篇） 2022-年我的面试万字总结（代码篇） 2022-年我的面试万字总结（JS篇上） Vue 2022-09-05-Vue3.0面试题汇总 2022-关于Vue的一些高频面试题总结 2022-年我的面试万字总结（Vue上） 2022-年我的面试万字总结（Vue下） Node NodeJs（前端面试题整合） Node.js面试题，侧重后端应用与对Node核心的理解 Nest.js面试题 2021年 2022-04-高频前端面试题汇总之手写代码篇 原生JS灵魂之问, 请问你能接得住几个？(上) 原生JS灵魂之问(中)，检验自己是否真的熟悉JavaScript 原生JS灵魂之问(下), 冲刺🚀进阶最后一公里 浏览器灵魂之问，请问你能接得住几个？ FE-Interview 2021-高频前端面试题汇总之JavaScript篇（上） 2021-高频前端面试题汇总之JavaScript篇（下） 2021-高频前端面试题汇总之CSS篇 2021-高频前端面试题汇总之Vue篇（上） 2021-高频前端面试题汇总之Vue篇（下） 2021-高频前端面试题汇总之React篇（上） 2021-高频前端面试题汇总之React篇（下） 更早 「网络安全」面试常见的 web 网络安全知识整理 前端 100 问 必须掌握的面试题-50个Angular面试 转载于 麋鹿一直在路上——2023，2022，2021年面试题合集
发布于 2024-02-26
60个开源项目，提升自己、释放双手
2619 热度
0 条评论
开源项目
60个开源项目 1、Taskover 个人任务管理工具 源码地址：github.com/kesin/tas... Taskover 是基于Rails+VueJs的一款开源个人任务管理工具，通过简单易用的任务归纳分类方式，用来帮助高效地追踪管理各项任务，最大化的提升工作效率。 2、app-version APP 版本管理系统 源码地址：github.com/xtTech/ap... 3、PearProject 轻量级的在线项目/任务协作系统 源码地址：github.com/a54552239... 轻量级的在线项目/任务协作系统，远程办公协作 4、pyteam 任务管理系统 源码地址：github.com/atjiu/pyt... 仿 teambition 使用 koa 开发的一个无刷新的任务管理系统，当然功能没有人家teambition多了，不过我觉得用的最多的也就这些功能了 5、Jpom Java 项目在线管理 源码地址：github.com/dromara/J... 6、MasterLab 基于敏捷开发的项目管理工具 源码地址：github.com/gopeak/ma... MasterLab是一款简单高效、基于敏捷开发的项目管理工具，以事项驱动和敏捷开发最佳实践作为设计思想，同时参考了Jira和Gitlab优秀特性发展而来，适用于互联网团队进行高效协作和敏捷开发，交付极致卓越的产品 7、Naftis Istio 管理面板 源码地址：github.com/jukylin/i... istio-ui用于管理istio配置，目的是减轻运维的配置工作。主要实现：注入，istio配置和模板（还在开发中）等功能 8、Application Manager 程序管理器：gitee.com/mirrors/Ap... 9、task-flow 自定义后台任务流：gitee.com/qzd1989/ta... 10、LibMan 第三方客户端库管理工具：gitee.com/mirrors/Li... 11、KooTeam 在线协作与文档管理系统：gitee.com/sinbo/koot... 12、PageNow 大数据可视化开发平台：gitee.com/jman325_ad... 13、Flowable 流程表单设计：gitee.com/lwj/flowab... 14、考试答题：gitee.com/beautiful-... 15、在线考试：gitee.com/davz/yf-ex... 16、在线培训考试系统：gitee.com/wzhouzhou/... 17、内容管理系统：www.oschina.net/p/ma... 18、文件系统：gitee.com/qiwen-clou... 19、UI框架：gitee.com/TSpecific/... 20、layui框架：gitee.com/pear-admin... 21、一个后台拥有两种前端框架：gitee.com/smallc/Spr... 22、书籍：github.com/justjavac... 23、博客：gitee.com/fehey/grid... 24、智能大屏：gitee.com/beautiful-... 25、大屏：gitee.com/daoke0818/... 26、74套大屏：gitee.com/52itstyle/... 27、智能大屏2：github.com/ggymm/dat... 28、数据可视化报表：gitee.com/jeecg/Jimu... 29、报表设计器：gitee.com/doc_wei01/... 30、飞机大战：www.oschina.net/p/pl... 31、python后台管理：gitee.com/liqianglog... 32、框架: gitee.com/ssssssss-t... 33、微服务框架：gitee.com/geek_qi/cl... 34、分布式框架：gitee.com/shuzheng/z... 35、ruoyi-pro：gitee.com/zhijiantia... 36、快速开发：gitee.com/JeeHuangBi... 37、权限框架：gitee.com/52itstyle/... 38、智慧消防：www.oschina.net/p/tm... 39、自动化测试：github.com/seagull19... 40、大屏：gitee.com/MTrun/big-... 41、拖拽：gitee.com/lowcode-ch... 42、可视化：gitee.com/datagear/d... 43、移动端：gitee.com/was666/as-... 44、redis管理：gitee.com/MaxBill/Re... 45、Api：gitee.com/freakchick... 46、报表：gitee.com/happy3344y... 47、在线表格：gitee.com/mengshukej... 48、在线文档：gitee.com/zmister/Mr... 49、在线文档2：github.com/fantastic... 50、知识库：gitee.com/kyxxjs/km_... 51、微社区：gitee.com/rocboss/pa... 52、在线文档预览：gitee.com/kekingcn/f... 53、低代码平台：gitee.com/godoforang... 54、低代码平台2：gitee.com/MTrun/go-v... 55、问卷调查：gitee.com/wkeyuan 56、问卷：gitee.com/TDuckApp/t... 57、问卷表单：gitee.com/wkeyuan/DW... 58、问卷2：gitee.com/surveyking... 59、低代码开发平台：github.com/zhangdais... 60、数据可视化服务平台解决方案 ——Davinci：github.com/edp963/da...