发表于
2025-04-21 04:35:30
长毛象新通知推送TGBot
其实蜗牛哥之前开发过一个Chrome扩展，可以在浏览器里显示一个图标和通知数量。但是我电脑上现在Chrome一打开十几个进程，我实在不想再新增扩展了。所以这两天用Deepseek糊了一个搭配Cloudflare推送到TGBot的Worker脚本，效果如截图。设置好长毛象和TGBot的设置后，程序会每5分钟检测一次有没有新通知，有的话才进行推送操作。准备KV先添加一个KV，名称KV_STORE，备用。准备长毛象TOken获取长毛象Access Token，不放心的话在权限部分可以单独只设置通知获取权限登录你的 Mastodon 实例（如https://mastodon.social）。进入 "Preferences（偏好设置） > Development（开发）（或直接访问 https:///settings/applications）。点击 "New Application（新建应用）：Application Name（应用名称）：填写你的应用名称（如 MyBot）。Website（网站）（可选）：填写你的应用网站（如果没有可留空）。Scopes（权限）：选择你需要的 API 权限（如 read、write、follow 等）。点击 "Submit（提交），系统会生成：Client Key（客户端 ID）Client Secret（客户端密钥）Access Token（访问令牌）（
...继续阅读
(1)
发表于
2025-01-09 07:24:10
Hestia mail server can only send but receiving email
发表于
2024-12-16 23:49:00
html元素标题显示2行信息 - Insus.NET
【摘要】在块div或行内span的标题显示2行信息。如下 当mouse移至紫色箭头所指的bytes时，它会title显示2行message，如红色箭头所指。. 代码示例，阅读全文
...继续阅读
(9)
发表于
2024-11-28 02:56:13
vue vue-clipboard2(vue复制功能)
1、安装1npm install --save vue-clipboard22、main.js引入12import VueClipboard from 'vue-clipboard2';Vue.use(VueClipboard);3、用法：123456复制12345678 onCopy(){ let that=this; that.$copyText(this.linkValue).then(function (e) { that.$message.success('链接复制成功'); }, function (e) { that.$message.error('链接复制失败'); }) },声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《vue vue-clipboard2(vue复制功能)》
...继续阅读
(12)
发表于
2024-11-23 10:33:00
「GDIImputer」开发技术文档
发表于
2024-10-10 11:42:18
一些react使用小技巧（下）
八. 测试 react 代码54. 使用 React 测试库有效地测试你的 React 组件想要测试你的 React 应用吗？请务必使用@testing-library/react。你可以在此处找到一个最基本的示例。55. React 测试库：使用测试演练场轻松创建测试用例难以决定在测试中使用哪些测试用例？考虑使用测试演练场从组件的 HTML 快速生成测试用例。以下是两种使用方法：方法 1：在测试中使用screen.logTestingPlaygroundURL()。此函数生成一个 URL，打开测试环境工具，其中已加载组件的 HTML。方法 2：安装Testing Playground Chrome 扩展程序。此扩展程序允许你直接在浏览器中将鼠标悬停在应用中的元素上，以找到测试它们的最佳查询。56. 使用 Cypress 或 Playwright 进行端到端测试需要进行端到端测试吗？请务必查看Cypress或Playwright。57. 使用 MSW 在测试中模拟网络请求有时，你的测试需要发出网络请求。与其实现自己的模拟（或者，但愿不会发出实际的网络请求），不如考虑使用MSW（Mock Service Worker）来处理你的 API 响应。MSW 允许你直接在测试中拦截和操纵网络交互，为模拟服务器响应提供了一种强大而直接的解决方案，而不会影响实时服务器。这种方法有助于维护受控且可
...继续阅读
(32)
发表于
2024-10-04 08:15:37
发表于
2024-09-05 22:21:00
在React Native中函数式的控制Loading Component
toc阅读前你需要知道的为什么需要函数式的控制LoadingComponent要解决的问题实现设计思路代码tocstop阅读前你需要知道的#React Context是什么如何自定义Hooks为什么需要函数式的控制LoadingComponent#在APP的开发中，我们经常会遇到一些异步的操作，比如通过网络请求获取数据。在用户进行这类操作的时候，一般需要弹出一些提示的组件，用来表示这次网络请求所处的状态。最简单的实现方法是维护一个内部State，在网络请求的状态发生变化的时候，按照业务需求同步更新这个内部状态，并且根据这个状态来决定LoadingComponent是否渲染，代码示例如下12345678910111213141516171819constTestLoading= () => {const[isError, setIsError] =useState(false)consthandleRequest=async() => {try{awaitrequestAPI()setIsError(false)}catch(e){setIsError(ture)}}return(< />)}从上面的代码我们不难看出，如果使用和这种简单的实现方式，需要在每个需要展示LoadingComponent的页面，
...继续阅读
(23)
发表于
2024-07-14 07:43:16
git-cliff – 高可定制的 Git 项目变更日志生成器：从代码提交中自动生成变更日志
发表于
2024-07-04 10:11:12
发表于
2024-06-05 14:31:54
声明式、指令式使用 Vue 组件
在 Vue.js 中，组件的使用可以分为声明式和指令式。以下是对这两种使用方式的解释和示例。声明式使用组件声明式使用组件是通过模板语法直接在模板中声明组件。这种方式更常见，易于理解和维护。示例：MyComponent.vue{{ message }}export default {
props: ['message']
};ParentComponent.vueimport MyComponent from './MyComponent.vue';
export default {
components: {
MyComponent
}
};在上面的示例中，我们在ParentComponent.vue模板中声明了my-component，并通过属性message传递数据。这就是声明式使用组件的方法。指令式使用组件指令式使用组件则是在 JavaScript 代码中手动创建和挂载组件。这种方式适用于需要动态创建和控制组件的场景。示例：MyComponent.vue{{ message }}export default {
props: ['message']
};// 指令式使用组件
import Vue from 'vue';
import MyComponent from './MyComponent.vue';
// 创建一个 Vue 实例
const
...继续阅读
(59)
发表于
2024-05-12 00:00:00
Weekly Issue-真的需要复杂的解决方案么？
文章 链接到标题 技术 链接到标题 Tim Paul | Automation and the Jevons paradox
Jevons paradox，杰文斯悖论，在经济学中，当技术进步提高了资源使用效率（减少了任何一种使用所需的数量），但使用成本下降导致需求的增加足以导致资源使用增加而不是减少。政府通常认为效率的提高会降低资源消耗，而忽略了出现悖论的可能性。
前段时间和同事讨论路网设计的时候，也提到过这个悖论，在高速公路上增加一条车道会减少拥堵。
这篇文章的后半段讨论的内容我没有想法，对自动化/科技带来的进步对人类的影响，没有认知。
"Good, fast, cheap - pick two" they say. Let’s automate to make things better, not just faster and cheaper.
Web APIs: Enriched DX By Disallowing Unknown Fields
type Request struct { Message string `json:"message"` } data := `{"message":"Hello.","unknown":"Not a field on the struct."}` decoder := json.NewDecoder(bytes.Ne
...继续阅读
(65)
发表于
2024-04-22 00:00:00
DDIA-Chapter4-Note
发表于
2024-04-08 19:00:33
前端代码规范 - 日志打印规范
本文是前端代码规范系列文章，将涵盖前端领域各方面规范整理，其他完整文章可前往主页查阅~在前端开发中，随着项目迭代升级，日志打印逐渐风格不一，合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题，提高开发效率。本文将介绍如何在前端项目中制定日志输出规范。1. 日志等级首先，我们需要定义不同的日志等级，以便根据消息的重要性进行分类。通常，日志等级从低到高可以分为以下几类：DEBUG: 详细的开发时信息，用于调试应用。INFO: 重要事件的简要信息，如系统启动、配置等。WARN: 系统能正常运行，但有潜在错误的情况。ERROR: 由于严重的问题，某些功能无法正常运行。FATAL: 非常严重的问题，可能导致系统崩溃。2. 日志内容日志内容应该包含足够的信息，以便于开发者理解发生了什么。一个完整的日志消息通常包括：时间戳：精确到毫秒的事件发生时间。日志等级：当前日志消息的等级。消息内容：描述事件的详细信息。错误堆栈：如果是错误，提供错误堆栈信息。3. 日志格式日志的格式应该统一，以便于阅读和解析。一个常见的日志格式如下：[时间戳] [日志等级] [消息内容] [错误堆栈]例如：[2024-04-01T12:00:00.000Z] [ERROR] Failed to load user data. {stack}4. 日志输出在前端项目中，
...继续阅读
(74)
发表于
2024-03-23 00:00:00
System Design Interview and beyond Note9 - Deliver Data quickly
How to deliver data quicklyBatchingPros and cons of batchingHow to handle batch requestsBatching : group messages into a singe requestPro:Increase throughput: less requests , less overhead , less connectionsDecrease cost(especially for cloud)Cons:Complex in sender and receiverSender: takes time buffer messages and send out based on time or size; can be hard to implement and configureReceiver: process message one by one but what if one message fails? Roll back all of them and let sender send again to reprocess? If not how do we let sender to send the fail messages ?How does server handle batch
...继续阅读
(19)
发表于
2024-03-23 00:00:00
System Design Interview and beyond Note8 - Deliver Data Reliably
发表于
2024-03-19 00:00:00
System Design Interview and beyond Note7 - Efficient Communication
发表于
2024-03-15 13:01:36
Bazel 依赖缺失导致的 C++ 进程 coredump 问题分析
最近在项目中遇到了一个奇怪的 coredump 问题，排查过程并不顺利。经过不断分析，找到了一个复现的步骤，经过合理猜测和谨慎验证，最终才定位到原因。复盘下来，发现这类 coredump 问题确实比较罕见，排查起来也不是很容易。只有项目代码编译依赖管理不是很合理的时候，才可能出现。另外，在复盘过程中，对这里的 coredump 以及C++ 对象内存分布也有了更多理解。于是整理一篇文章，如有错误，欢迎指正。问题描述先说下后台服务的基本架构，最外面是 cgi 层处理 nginx 转发的 http 请求，然后具体业务在中间的逻辑层处理。逻辑层是微服务框架，不同服务之间通过 RPC 调用，用的类似grpc。某次变更，在服务 A 的service.proto文件中，对某个 rpc 请求参数增加了一个字段(比如下面的 age)：12345678910serviceGreeter{rpcSayHello (HelloRequest)returns(HelloReply){}}messageHelloRequest{stringname =1;stringage =2;// 增加了参数}messageHelloReply{stringmessage =1;}然后增加了这个字段的相关逻辑，随后编译上线了该模块。我们知道在
...继续阅读
(92)
发表于
2024-03-10 08:01:36
slog 终极指南
原文:Logging in Go with Slog: The Ultimate Guideby Ayooluwa Isaiah.在本文中，我们将探讨 Go 中的结构化日志记录，并特别关注这最近推出的log/slog软件包, 这个软件包旨在为 Go 带来高性能、结构化和分级的日志记录标准库。该软件包起源于由 Jonathan Amsterdam 发起的GitHub 讨论, 后来专门建立了一个提案细化设计。一旦定稿，它在Go v1.21版本中发布。在以下各节中，我将全面呈现slog的功能， 提供相应的例子。至于它和其它日志框架的性能比较，请参阅此GitHub 日志框架 benchmark.开始使用 Slog让我们从探讨该包的设计和架构开始。它提供了三种您应该熟悉的主要类型:log/slogLogger：日志"前端"，提供了诸如Info()和Error()等级别方法来记录感兴趣的事件。Record：由Logger创建的每个独立日志对象的表示形式。Handler：一旦实现了这个接口，就可以决定每个Record的格式化和目的地。该包中包含两个内置处理程序：TextHandler用于key=value输出，JSONHandler用于JSON输出。与大多数Go 日志库一样，slog包公开了一个可通过包级别函数访问的默认Logger。该logger产生的输出与旧的log.Printf()方法几乎
...继续阅读
(103)
发表于
2024-03-07 16:25:27
发表于
2024-03-07 00:00:00
System Design Interview and beyond Note6 - Data store Internals
发表于
2024-03-01 00:00:00
System Design Interview and beyound Note4 - Caching
发表于
2024-02-29 00:00:00
System Design Interview and beyond Note3 - Reliable, Scalable and fast communication
发表于
2024-02-06 00:00:00
发表于
2024-01-18 01:02:42
Spring Boot 整合 Camunda 实现工作流
工作流是我们开发企业应用几乎必备的一项功能，工作流引擎发展至今已经有非常多的产品。最近正好在接触Camunda，所以来做个简单的入门整合介绍。如果您也刚好在调研或者刚开始计划接入，希望本文对您有所帮助。如果您是一名Java开发或Spring框架爱好者，欢迎关注我程序猿DD，持续非常技术干货。Camunda简介Camunda是一个灵活的工作流和流程自动化框架。其核心是一个运行在Java虚拟机内部的原生BPMN 2.0流程引擎。它可以嵌入到任何Java应用程序和任何运行时容器中。官网网站:https://www.camunda.org/入门文档:https://docs.camunda.org/get-started/动手整合Camunda下面就来一步步动手尝试一下吧。准备工作使用Camunda提供的项目初始化工具Camunda Automation Platform 7 Initializr如上图，包名之类的根据自己需要做好配置，最后输入管理账号和密码，点击Generate Project按钮，自动下载工程。解压下载后的工程，使用IntelliJ IDEA打开，其项目结构打开pom.xml文件，添加camunda依赖：org.camunda.connectcamunda-connect-coreorg.camunda.bpmcamunda-engine-plugin-connect由
...继续阅读
(78)
发表于
2024-01-16 17:16:59
Kafka 的 Consumer Group 解读
作为一份笔记，本文再次梳理一下 Kafka 的 Consumer Group。我们知道，一个 Topic 往往会有多个 Partition，一条消息只会被写到一个 Kafka 的 Partition 中，那 Consumer 是怎么消费 Message 的呢？ Consumer Group 又从中起到了什么作用呢？
...继续阅读
(73)
发表于
2023-12-18 00:00:39
Artalk安装和搭配Message-Pusher实现企业微信评论通知
