程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Claude Code 架构泄露深度拆解:从 51 万行 TypeScript 中提炼的 7 个 AI Agent 生产级设计模式
编程
Claude Code 架构泄露深度拆解:从 51 万行 TypeScript 中提炼的 7 个 AI Agent 生产级设计模式
2026-08-06 00:18:53 +0800 CST
view 112
深度拆解Claude Code v2.1.88源码泄露事件揭示的7个AI Agent生产级设计模式:Prompt驱动编排、KAIROS自主守护进程、技能按需加载、四阶段上下文管道、安全纵深防御、IDE桥接层、反蒸馏机制
Claude Code
AI Agent
TypeScript
Bun
多Agent
架构设计
安全
源码分析
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
编程
搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤
2024-11-18 10:07:59 +0800 CST
view 1915
本文介绍了如何搭建基于Vue3和Vite的快速开发环境,包括环境准备、项目创建、组件开发等步骤。Vite作为现代构建工具,提供了快速冷启动和高效热更新的能力,提升了开发体验。通过示例代码,展示了如何使用Vue3的setup语法糖创建一个简单的计数器组件,帮助开发者更好地理解Vue3的响应式特性。
前端开发
JavaScript
框架
构建工具
开发体验
Vue3中的状态管理:使用Pinia替代Vuex
编程
Vue3中的状态管理:使用Pinia替代Vuex
2024-11-18 05:56:04 +0800 CST
view 1694
本篇博客探讨了Pinia作为Vue3的状态管理库,比较了其与Vuex的不同之处。Pinia提供了更简洁的API和更好的TypeScript支持,旨在简化状态管理过程。通过示例展示了如何在Vue组件中使用Pinia进行状态管理,特别是创建一个简单的计数器应用,帮助开发者快速上手Pinia。
前端开发
状态管理
Vue.js
JavaScript
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
编程
不再依赖 iframe 或 eval:JavaScript 新一代隔离沙箱 ShadowRealm
2025-08-15 15:15:07 +0800 CST
view 1524
ShadowRealm是ECMAScript正在制定的新标准,提供一个完全隔离的JavaScript全局环境。它允许安全执行来自不同来源的代码,避免了iframe和eval的缺陷。通过创建ShadowRealm实例,开发者可以在隔离环境中执行代码,确保主环境的安全性。该机制支持同步调用和安全导入函数,适用于安全执行第三方脚本和动态模块加载等场景。
前端开发
JavaScript
安全性
封装WebSocket消息推送,干翻Ajax轮询方式
编程
封装WebSocket消息推送,干翻Ajax轮询方式
2024-11-18 20:10:17 +0800 CST
view 1711
本文对比了AJAX和WebSocket在消息推送中的应用,介绍了如何封装WebSocket消息推送管理器以替代传统的AJAX轮询方式。通过示例代码,展示了AJAX的轮询和长轮询实现,以及WebSocket的高效通信方式。最后,提供了WebSocketManager类的设计思路,强调了其在连接管理、消息处理和重连机制中的重要性。
Web开发
实时通信
技术对比
JavaScript
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
编程
在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用
2024-11-18 16:34:24 +0800 CST
view 1841
本文探讨了在Vue3应用中使用TypeScript的最佳实践,包括项目设置、类型定义、CompositionAPI的使用、状态管理和TypeScript工具的利用。通过示例代码,展示了如何在组件中定义Props和Emit事件的类型,创建可重用的组合函数,以及在Vuex中管理状态类型,从而提高代码的可维护性和可靠性。
前端开发
编程
TypeScript
Vue.js
软件工程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
编程
为何 async/await 会“阻塞”页面?并发处理的正确姿势
2025-08-15 15:17:50 +0800 CST
view 1391
本文深入探讨了async/await的特性及其在并发处理中的应用,澄清了await并不阻塞主线程的误区,并指出串行执行导致的用户体验问题。通过示例展示了如何使用Promise.all等方法实现并发请求,提升页面渲染速度和用户体验,同时介绍了控制并发数量的技巧,以避免对服务器造成压力。
JavaScript
异步编程
前端开发
性能优化
用户体验
编程
13MB打包整个网站、去JS、跨平台,还能做成App,有点离谱了!
2026-06-25 19:08:09 +0800 CST
view 578
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 79
深度拆解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 2017
本文分析了Vue3.5中`useTemplateRef`API的实现原理。该API用于获取DOM或组件实例,解决了传统`ref`使用中的混淆。通过源码解析,展示了`useTemplateRef`如何封装`ref`,并通过`Object.defineProperty`监听`refs[key]`的setter行为,简化了DOM实例的获取过程。
Vue
前端开发
JavaScript
玄铁C930深度解析:RISC-V如何从「嵌入式玩具」跨越到「服务器级选手」——一场开源芯片的工业革命
编程
玄铁C930深度解析:RISC-V如何从「嵌入式玩具」跨越到「服务器级选手」——一场开源芯片的工业革命
2026-04-13 01:56:29 +0800 CST
view 1258
深度解析阿里巴巴玄铁C930处理器,探讨RISC-V如何从嵌入式领域跨越到服务器级芯片,涵盖微架构设计、软件生态、编译器优化与未来趋势
RISC-V
玄铁C930
开源硬件
服务器架构
编译器
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
编程
Headroom 深度实战:当 AI Agent 学会「精准瘦身」——从上下文压缩到生产级 Token 优化完全指南(2026)
2026-06-13 02:46:52 +0800 CST
view 741
Headroom 是一个专为 AI Agent 设计的上下文压缩层,可以在发送给 LLM 之前压缩 60-95% 的 Token,同时保持答案质量不变。本文从原理到实践深度拆解 Headroom,包括核心架构、六大压缩算法、Python/TypeScript 集成示例、Proxy 模式、MCP 服务器、Cross-Agent Memory、性能基准测试和生产环境最佳实践。
AI Agent
上下文压缩
Token优化
LLM
Python
JavaScript
开源项目
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
编程
Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用
2024-11-17 04:21:34 +0800 CST
view 1659
本文介绍了如何使用Vue3的CompositionAPI和setup语法糖构建一个简单的待办事项应用。通过逐步实现项目结构、主应用组件、输入组件和待办事项列表组件,读者将学习到Vue3的基本概念和组件间的事件通信。最后,读者可以在浏览器中运行应用,添加、删除和标记待办事项。
前端开发
Vue
JavaScript
应用开发
教程
代码
JS中 `sleep` 方法的实现
2024-11-19 08:10:32 +0800 CST
view 1779
本文介绍了在JavaScript中实现`sleep`方法的几种方式,包括通过死循环、定时器和基于Promise的实现。通过示例代码展示了如何暂停程序执行以实现延时效果,并讨论了各方法的优缺点,特别是如何使用Promise和async/await提高代码的可读性和可维护性。最后,提供了一个红绿灯循环的场景示例,展示了如何应用`sleep`方法。
JavaScript
编程
异步编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
编程
超越 JSON.parse:JavaScript 中高效反序列化的艺术
2025-08-15 15:47:11 +0800 CST
view 1211
本文探讨了JavaScript中反序列化的高效策略,分析了JSON.parse的局限性及其性能问题,并提供了多种优化方法,包括使用reviver函数处理特殊数据类型、流式解析大型JSON、使用二进制格式替代JSON、WebWorker卸载解析工作以及增量解析与懒加载。通过合理选择策略,可以显著提升应用性能与用户体验。
JavaScript
前端开发
性能优化
import 导入过的模块需要再次执行怎么办?
编程
import 导入过的模块需要再次执行怎么办?
2024-11-18 11:04:52 +0800 CST
view 1516
在ES6中,`import`语句引入的模块会被缓存,后续引用直接从缓存获取,可能导致变量未更新。本文探讨了几种解决方案,包括使用`window.location.reload()`刷新页面、添加事件监听、将导出的变量改为方法以及使用状态管理工具,帮助开发者应对模块缓存带来的问题。
JavaScript
模块化
前端开发
性能优化
状态管理
如何使用Generator和Promise实现async/await的功能
编程
如何使用Generator和Promise实现async/await的功能
2024-11-18 14:00:00 +0800 CST
view 1685
本文介绍了如何使用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 1012
解构赋值是ES6引入的一项强大特性,允许从数组或对象中快速提取值并赋给变量。本文介绍了七个解构赋值的绝妙用法,包括交换变量值、提取对象属性、函数参数解构、数组解构与剩余元素等,旨在减少代码量,提高代码可读性和开发效率。
JavaScript
编程技巧
ES6特性
告别传统 Ajax:掌握 fetch API 的简洁与强大
编程
告别传统 Ajax:掌握 fetch API 的简洁与强大
2025-08-15 15:50:16 +0800 CST
view 1384
本文介绍了fetchAPI的优势,替代传统的XMLHttpRequest(Ajax)进行网络请求。fetchAPI提供了更简洁的语法、基于Promise的异步处理、灵活的请求配置和响应处理,以及支持请求中断等特点。通过示例代码,展示了fetchAPI的易用性和现代化特性,强调其在现代Web开发中的重要性。
Web开发
JavaScript
网络请求
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
编程
Node.js 26 深度实战:Temporal API 默认开启、原生VFS虚拟文件系统与十年架构演进
2026-06-25 21:46:50 +0800 CST
view 586
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 1168
本文探讨了防抖和节流这两种前端性能优化技术,介绍了传统实现方式及现代化方案,包括函数装饰器、requestAnimationFrame、AbortController和WebStreamsAPI。通过代码示例,展示了如何在高频触发事件中有效管理性能,提升用户体验。最后,提供了不同实现方式的优缺点对比,帮助开发者选择合适的方案。
前端开发
性能优化
JavaScript
编程
js生成器函数
2024-11-18 15:21:08 +0800 CST
view 1655
本文介绍了生成器函数的基本概念和用法,包括如何定义生成器、使用`yield`和`next()`方法进行迭代、传递参数、提前结束生成器、以及如何通过生成器将对象改造成可迭代对象。提供了多个代码示例,展示了生成器的实际应用和特性。
JavaScript
编程
生成器函数
迭代器
异常处理
异步时代的错误处理:超越 try-catch 的 Promise.try
编程
异步时代的错误处理:超越 try-catch 的 Promise.try
2025-08-15 15:54:24 +0800 CST
view 1038
本文探讨了传统的try-catch在异步JavaScript开发中的局限性,并介绍了Promise.try作为一种统一处理同步和异步错误的新方案。通过示例,展示了Promise.try如何简化错误处理逻辑,提高代码可读性,并确保执行顺序一致。Promise.try使得开发者能够更有效地捕获错误,适用于混合同步与异步逻辑的场景。
JavaScript
错误处理
异步编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
编程
Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入
2024-11-19 01:43:48 +0800 CST
view 2318
本文介绍了如何使用Vue3实现一个实时更新的数字时钟。通过组合式API和setup语法糖,创建了一个响应式的时钟组件,能够每秒更新当前时间,并在主应用中引入。文章详细解析了组件的结构、状态管理、更新时间逻辑及样式设置,适合前端开发者学习和参考。
前端开发
Vue.js
JavaScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
90
91
92
93
94
...
102
下一页