程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
编程
13MB打包整个网站、去JS、跨平台,还能做成App,有点离谱了!
2026-06-25 19:08:09 +0800 CST
view 540
kage:用Go编写的命令行工具,把任意网站克隆成可离线浏览的本地镜像,同时把所有JavaScript彻底剔除。启动无头Chrome真实渲染后快照,删除所有JS和追踪代码,资源本地化+链接重写,支持打包为ZIM归档(Kiwix兼容)或自包含二进制(~13MB+站点体积),跨平台支持macOS/Windows/Linux,支持做成真正的桌面App。
kage
网站克隆
离线浏览
Go
开源
ZIM
Kiwix
去JavaScript
Better Auth 深度拆解:当开源认证决定「不再做 NextAuth 的替代品」——从 Lucia 停更到 Vercel 收购,一个 TypeScript 全栈认证框架如何用「插件化架构 + 无供应商锁定」重新定义 Web 认证的终极形态
编程
Better Auth 深度拆解:当开源认证决定「不再做 NextAuth 的替代品」——从 Lucia 停更到 Vercel 收购,一个 TypeScript 全栈认证框架如何用「插件化架构 + 无供应商锁定」重新定义 Web 认证的终极形态
2026-08-06 02:24:09 +0800 CST
view 28
深度拆解Better Auth:从Lucia停更到Vercel收购,一个TypeScript全栈认证框架如何用插件化架构+无供应商锁定重新定义Web认证的终极形态,含完整代码实战与架构分析
Better Auth
认证
TypeScript
开源
WebAuthn
Passkey
2FA
Vercel
Auth.js
NextAuth
综合
全网首发:Vue 3.5 源码解析,useTemplateRef 实现原理
2024-11-19 09:30:11 +0800 CST
view 2004
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
编程
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
2026-06-13 02:46:52 +0800 CST
view 721
Headroom 是一个专为 AI Agent 设计的上下文压缩层,可以在发送给 LLM 之前压缩 60-95% 的 Token,同时保持答案质量不变。本文从原理到实践深度拆解 Headroom,包括核心架构、六大压缩算法、Python/TypeScript 集成示例、Proxy 模式、MCP 服务器、Cross-Agent Memory、性能基准测试和生产环境最佳实践。
AI Agent
上下文压缩
Token优化
LLM
Python
JavaScript
开源项目
TigerBeetle 深度拆解:当数据库决定「用 Zig 从零造一个金融交易引擎」——从 Debit/Credit 原语到 VSR 共识,一个声称比传统 OLTP 快 1000 倍的开源数据库如何用「单线程 + 批处理 + io_uring」重新定义金融级事务处理的终极形态
编程
TigerBeetle 深度拆解:当数据库决定「用 Zig 从零造一个金融交易引擎」——从 Debit/Credit 原语到 VSR 共识,一个声称比传统 OLTP 快 1000 倍的开源数据库如何用「单线程 + 批处理 + io_uring」重新定义金融级事务处理的终极形态
2026-08-06 02:47:18 +0800 CST
view 24
深度拆解TigerBeetle:Zig从零构建的金融交易数据库,Debit/Credit原语、VSR共识协议、io_uring存储引擎、单线程批处理架构,1000x OLTP性能提升的技术内幕
TigerBeetle
Zig
OLTP
金融数据库
io_uring
VSR
Debit/Credit
事务处理
开源
性能优化
Wasmtime 深度解剖:WASI Component Model 如何重塑 Server-Side WebAssembly 的工程边界
编程
Wasmtime 深度解剖:WASI Component Model 如何重塑 Server-Side WebAssembly 的工程边界
2026-07-25 08:44:58 +0800 CST
view 214
深度拆解 Wasmtime v0.19 的三层架构:Cranelift JIT 编译器、WASI 0.2 系统接口、Component Model 组件模型,以及它们如何重塑 Server-Side WebAssembly 的工程边界。
Wasmtime
WebAssembly
WASI
Component Model
JIT编译器
Cranelift
Bytecode Alliance
服务器端Wasm
TigerBeetle 深度拆解:当金融数据库决定用 Zig 从零造一个 OLTP 引擎——Debit/Credit 原语、VSR 共识、io_uring 存储,一个比传统事务处理快 1000 倍的开源数据库
编程
TigerBeetle 深度拆解:当金融数据库决定用 Zig 从零造一个 OLTP 引擎——Debit/Credit 原语、VSR 共识、io_uring 存储,一个比传统事务处理快 1000 倍的开源数据库
2026-08-06 02:47:41 +0800 CST
view 23
深度拆解TigerBeetle:Zig从零构建的金融交易数据库,Debit/Credit原语、VSR共识协议、io_uring存储引擎、单线程批处理架构,1000x OLTP性能提升的技术内幕
TigerBeetle
Zig
OLTP
金融数据库
io_uring
VSR
Debit/Credit
事务处理
开源
性能优化
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1652
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
Zed 深度拆解:当 Rust 原生代码编辑器重新定义「编辑器性能」——GPUI 框架、协同编辑与 2026 年完整生态全貌
编程
Zed 深度拆解:当 Rust 原生代码编辑器重新定义「编辑器性能」——GPUI 框架、协同编辑与 2026 年完整生态全貌
2026-07-19 15:46:44 +0800 CST
view 213
深度拆解 Zed 编辑器:从 GPUI 原生渲染框架、Rope 数据结构、Tree-sitter 增量解析、CRDT 协作编辑到 WebAssembly 扩展系统,配性能对比实测与 2026 年新功能解析
Zed
GPUI
Rust
代码编辑器
Tree-sitter
CRDT
WebAssembly
VS Code
代码
JS中 `sleep` 方法的实现
2024-11-19 08:10:32 +0800 CST
view 1763
本文介绍了在JavaScript中实现`sleep`方法的几种方式,包括通过死循环、定时器和基于Promise的实现。通过示例代码展示了如何暂停程序执行以实现延时效果,并讨论了各方法的优缺点,特别是如何使用Promise和async/await提高代码的可读性和可维护性。最后,提供了一个红绿灯循环的场景示例,展示了如何应用`sleep`方法。
JavaScript
编程
异步编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1198
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
import 导入过的模块需要再次执行怎么办?
编程
import 导入过的模块需要再次执行怎么办?
2024-11-18 11:04:52 +0800 CST
view 1493
在ES6中,`import`语句引入的模块会被缓存,后续引用直接从缓存获取,可能导致变量未更新。本文探讨了几种解决方案,包括使用`window.location.reload()`刷新页面、添加事件监听、将导出的变量改为方法以及使用状态管理工具,帮助开发者应对模块缓存带来的问题。
JavaScript
模块化
前端开发
性能优化
状态管理
如何使用Generator和Promise实现async/await的功能
编程
如何使用Generator和Promise实现async/await的功能
2024-11-18 14:00:00 +0800 CST
view 1677
本文介绍了如何使用Generator和Promise实现async/await的功能。通过示例代码,阐述了async/await的基本概念及其与Promise的关系,并展示了如何利用Generator控制异步操作的执行顺序。理解这些原理有助于掌握JavaScript的异步编程模型。
JavaScript
编程
异步编程
7 个解构赋值绝妙用法,让你的 JavaScript 代码量减少 50%
编程
7 个解构赋值绝妙用法,让你的 JavaScript 代码量减少 50%
2025-08-15 15:48:54 +0800 CST
view 999
解构赋值是ES6引入的一项强大特性,允许从数组或对象中快速提取值并赋给变量。本文介绍了七个解构赋值的绝妙用法,包括交换变量值、提取对象属性、函数参数解构、数组解构与剩余元素等,旨在减少代码量,提高代码可读性和开发效率。
JavaScript
编程技巧
ES6特性
程序员茄子的 2026 深度复盘:Bun 放弃 Zig 全面 Rust 化、Deno 2.9 杀入桌面——JS 运行时大战进入新纪元
编程
程序员茄子的 2026 深度复盘:Bun 放弃 Zig 全面 Rust 化、Deno 2.9 杀入桌面——JS 运行时大战进入新纪元
2026-07-30 23:44:23 +0800 CST
view 109
深度拆解 Bun 全面 Rust 重写与 Deno 2.9 deno desktop 的技术架构、工程实践与产业影响,对比 JS 运行时大战三方格局。万字长文。
Bun
Rust
Zig
Deno
Node.js
WebAssembly
AI
JavaScript
告别传统 Ajax:掌握 fetch API 的简洁与强大
编程
告别传统 Ajax:掌握 fetch API 的简洁与强大
2025-08-15 15:50:16 +0800 CST
view 1370
本文介绍了fetchAPI的优势,替代传统的XMLHttpRequest(Ajax)进行网络请求。fetchAPI提供了更简洁的语法、基于Promise的异步处理、灵活的请求配置和响应处理,以及支持请求中断等特点。通过示例代码,展示了fetchAPI的易用性和现代化特性,强调其在现代Web开发中的重要性。
Web开发
JavaScript
网络请求
Crawl4AI 深度实战:让 LLM 理解网页语义——从声明式数据提取到生产级爬虫架构的完全指南(2026)
编程
Crawl4AI 深度实战:让 LLM 理解网页语义——从声明式数据提取到生产级爬虫架构的完全指南(2026)
2026-06-04 10:16:48 +0800 CST
view 474
深度解析 Crawl4AI——LLM 友好的开源爬虫框架,通过声明式数据提取和语义理解,将网页数据采集效率提升 300% 以上。
Crawl4AI
爬虫
LLM
异步
RAG
Python
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
编程
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
2026-06-25 21:46:50 +0800 CST
view 569
2026年Node.js 26深度实战:Temporal API默认开启、node:vfs虚拟文件系统、Undici 8.0、V8 14.6 Map.upsert等新特性完整指南,万字长文带你全面掌握Node.js最新版本
Node.js
Node.js 26
Temporal
VFS
Undici
JavaScript
V8
运行时
防抖(Debounce)与节流(Throttle):从传统实现到现代化方案
编程
防抖(Debounce)与节流(Throttle):从传统实现到现代化方案
2025-08-15 15:52:16 +0800 CST
view 1159
本文探讨了防抖和节流这两种前端性能优化技术,介绍了传统实现方式及现代化方案,包括函数装饰器、requestAnimationFrame、AbortController和WebStreamsAPI。通过代码示例,展示了如何在高频触发事件中有效管理性能,提升用户体验。最后,提供了不同实现方式的优缺点对比,帮助开发者选择合适的方案。
前端开发
性能优化
JavaScript
编程
js生成器函数
2024-11-18 15:21:08 +0800 CST
view 1643
本文介绍了生成器函数的基本概念和用法,包括如何定义生成器、使用`yield`和`next()`方法进行迭代、传递参数、提前结束生成器、以及如何通过生成器将对象改造成可迭代对象。提供了多个代码示例,展示了生成器的实际应用和特性。
JavaScript
编程
生成器函数
迭代器
异常处理
异步时代的错误处理:超越 try-catch 的 Promise.try
编程
异步时代的错误处理:超越 try-catch 的 Promise.try
2025-08-15 15:54:24 +0800 CST
view 1033
本文探讨了传统的try-catch在异步JavaScript开发中的局限性,并介绍了Promise.try作为一种统一处理同步和异步错误的新方案。通过示例,展示了Promise.try如何简化错误处理逻辑,提高代码可读性,并确保执行顺序一致。Promise.try使得开发者能够更有效地捕获错误,适用于混合同步与异步逻辑的场景。
JavaScript
错误处理
异步编程
Mastra 深度解析:16K Stars 的 TypeScript AI Agent 框架如何用 Workflows + RAG + Evals 五件套让前端工程师也能构建生产级智能体应用——从架构原理到完整实战指南
编程
Mastra 深度解析:16K Stars 的 TypeScript AI Agent 框架如何用 Workflows + RAG + Evals 五件套让前端工程师也能构建生产级智能体应用——从架构原理到完整实战指南
2026-07-07 03:12:54 +0800 CST
view 310
深度解析GitHub 16K+ Stars的Mastra TypeScript AI Agent框架:五原语架构(Agents/Tools/Workflows/RAG/Evals)、Vercel AI SDK模型路由、图状态机工作流引擎、向量检索知识库、自动化评估体系。从Next.js集成到生产级客服系统实战,含完整代码示例与LangChain/Vercel AI SDK/CrewAI全面对比。
Mastra
TypeScript
AI Agent
Workflows
RAG
Evals
前端开发
开源框架
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
2024-11-19 01:43:48 +0800 CST
view 2305
本文介绍了如何使用Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入。文章详细解析了组件的结构、状态管理、更新时间逻辑及样式设置,适合前端开发者学习和参考。
前端开发
Vue.js
JavaScript
js迭代器
编程
js迭代器
2024-11-19 07:49:47 +0800 CST
view 1510
本文介绍了迭代器的基本概念及其在JavaScript中的实现。迭代器是一种对象,提供统一的遍历机制。通过自定义`next()`方法和`Symbol.iterator`,可以将普通对象改造成可迭代对象。文中还提供了示例代码,展示了如何创建简单的计数迭代器及如何遍历数组和对象。
JavaScript
编程
数据结构
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
28
29
30
31
32
...
44
下一页