程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
2026年AI编码规范神器:用Superpowers给Agent上工程纪律枷锁
编程
2026年AI编码规范神器:用Superpowers给Agent上工程纪律枷锁
2026-05-25 02:26:25 +0800 CST
view 380
2026年GitHub Trending爆火AI编码脚手架Superpowers深度解析,讲解其硬约束工程化流程、架构设计与实战落地
AI编码
AI Agent
Superpowers
工程化
软件开发
在 Nginx 中保存并记录 POST 数据
编程
在 Nginx 中保存并记录 POST 数据
2024-11-19 06:54:06 +0800 CST
view 1820
通过配置Nginx的日志格式,可以捕获并保存POST请求的body数据。示例中展示了如何在Nginx中定义自定义日志格式,记录请求信息,包括时间戳、客户端IP、请求方法和请求体等。使用`$request_body`变量可以记录POST数据,但需注意性能开销和磁盘空间问题。此方法在调试和分析HTTP请求时非常有用。
Nginx
Web服务器
日志管理
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
编程
在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验
2024-11-18 02:19:54 +0800 CST
view 1576
本文介绍了如何在Vue3中使用Transition组件为DOM元素添加动画效果,以提升用户体验。通过简单的示例代码,展示了如何实现元素的进入和离开动画,并提供了更复杂的示例,说明了如何处理多个元素的动画。文章还包含了性能考虑和使用CSS动画的建议,强调了动画效果的流畅性和兼容性。
Web开发
前端
动画效果
用户体验
Vue框架
前端文件上传全攻略:从表单提交到分片上传
编程
前端文件上传全攻略:从表单提交到分片上传
2025-08-16 09:29:45 +0800 CST
view 1179
本文详细介绍了四种常见的前端文件上传方案,包括经典表单提交、Ajax异步上传、Base64编码上传和分片上传。每种方案都提供了代码示例和优缺点分析,适用于不同的场景和需求,帮助开发者选择合适的文件上传方式。
前端开发
文件上传
Web技术
WASI 0.3 深度实战:当异步成为 WebAssembly 组件的原生特性——从事件循环协调到 stream/future/async ABI、跨语言绑定与生产级完全指南(2026)
编程
WASI 0.3 深度实战:当异步成为 WebAssembly 组件的原生特性——从事件循环协调到 stream/future/async ABI、跨语言绑定与生产级完全指南(2026)
2026-06-18 14:24:59 +0800 CST
view 204
2026年6月11日发布的WASI 0.3将异步操作提升为WebAssembly组件的原生特性。本文深入剖析共享事件循环、stream/future/async一等构造、基于完成的I/O模型,以及Rust/Go/Python多语言实战。
WebAssembly
WASI
异步编程
组件模型
Go
Rust
Python
Superpowers 深度实战:让 AI 编程从「随意发挥」到「工程化落地」——204K Star 的 AI Agent 软件开发方法论完全指南(2026)
编程
Superpowers 深度实战:让 AI 编程从「随意发挥」到「工程化落地」——204K Star 的 AI Agent 软件开发方法论完全指南(2026)
2026-06-26 05:13:28 +0800 CST
view 118
Superpowers 是 GitHub 204K Star 的 AI 编程 Agent 软件开发方法论框架,通过可组合的技能系统让 AI 像资深工程师一样先思考、再规划、后编码、必验证。
Superpowers
AI编程
Claude Code
软件开发方法论
Agentic Engineering
Vibe Coding
TDD
代码评审
万字深度解析 Chrome DevTools MCP:当 AI Agent 遇见浏览器自动化——从 MCP 协议架构到生产级 Web 调试的完整技术指南(2026)
编程
万字深度解析 Chrome DevTools MCP:当 AI Agent 遇见浏览器自动化——从 MCP 协议架构到生产级 Web 调试的完整技术指南(2026)
2026-07-02 02:13:19 +0800 CST
view 87
2026 年 Anthropic 与 Google 联合发布 Chrome DevTools MCP,让 AI Agent 能够直接控制浏览器。深度解析 42 个工具的技术实现、MCP 协议架构、在 Claude Code/Cursor/Copilot 中的配置与 4 大生产级实战场景。
Chrome DevTools MCP
MCP 协议
AI Agent
浏览器自动化
Puppeteer
Web 调试
性能分析
前端工具
代码
微信内弹出提示外部浏览器打开
2024-11-18 19:26:44 +0800 CST
view 2529
本文介绍了如何在微信内弹出提示,指导用户在外部浏览器中打开页面。提供了完整的HTML、CSS和JavaScript代码,包含提示框的结构、样式和交互逻辑。通过检测用户代理字符串判断是否在微信内打开,并在需要时显示提示,用户可以通过点击关闭按钮来隐藏提示框。确保提示图片路径正确,以便正常显示。
Web开发
用户体验
前端技术
Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性
编程
Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性
2024-11-19 03:48:33 +0800 CST
view 1644
本文介绍了如何使用Vue3和VueRouter创建一个简单的单页应用(SPA)。通过组合式API和setup语法糖,提升了代码的可读性和可维护性。文章涵盖了环境准备、项目结构、视图组件创建、路由配置及应用启动等步骤,帮助开发者快速上手SPA开发。
Web开发
前端框架
Vue.js
单页应用
编程教程
综合
4.6K Star 彻底颠覆!!! 你敢信浏览器直接跑 Linux!
2024-11-19 02:10:52 +0800 CST
view 1870
WebVM是一个创新项目,允许用户在浏览器中运行完整的DebianLinux虚拟机,基于CheerpX虚拟化引擎,支持x86二进制文件在WebAssembly上执行。它提供无服务器架构,所有计算任务在本地浏览器完成,确保安全性。WebVM受到了开发者社区的广泛欢迎,简化了开发和测试流程,适合专业开发者和编程爱好者使用。
虚拟化
开源项目
开发工具
Web技术
安全性
Blazor WebAssembly性能跃迁实战:从冷启动4秒到800毫秒的完整优化指南
编程
Blazor WebAssembly性能跃迁实战:从冷启动4秒到800毫秒的完整优化指南
2026-04-22 20:09:54 +0800 CST
view 481
深度解析Blazor WebAssembly性能优化完整路径:AOT编译、程序集裁剪、懒加载、Brotli压缩、HTTP/2、PWA缓存、API优化7大手段,附带真实Lighthouse压测数据与生产部署经验。
Blazor
WebAssembly
性能优化
.NET
前端
PWA
AOT
WeChatFerry 聊天 MCP 工具:让 AI 直接操控微信
编程
WeChatFerry 聊天 MCP 工具:让 AI 直接操控微信
2026-05-12 12:18:09 +0800 CST
view 503
基于WeChatFerry的聊天MCP工具,通过标准MCP协议让AI编程工具直接操控微信:发消息、管群聊、查通讯录、接收转账。支持Claude Code/Codex/VSCode等客户端,Go语言开发,仅Windows。
WeChatFerry
MCP
微信
Claude Code
Codex
WebAssembly+Kubernetes:2026年云原生边缘计算新范式完全指南
编程
WebAssembly+Kubernetes:2026年云原生边缘计算新范式完全指南
2026-05-25 02:34:09 +0800 CST
view 419
2026年WebAssembly与Kubernetes融合的边缘计算新范式,深度解析技术底座、架构设计、落地实战与性能优化
WebAssembly
Kubernetes
边缘计算
云原生
2026
Wasmtime 43.0.0 深度解析:Fuel 机制从「粗粒度熔断」到「Opcode 级成本精算」的工程革命
编程
Wasmtime 43.0.0 深度解析:Fuel 机制从「粗粒度熔断」到「Opcode 级成本精算」的工程革命
2026-04-13 16:26:40 +0800 CST
view 502
深入解析 Wasmtime 43.0.0 引入的细粒度 Fuel Opcode 成本配置机制,从底层原理到生产实战配完整代码示例
WebAssembly
Wasmtime
Fuel机制
Cranelift
WASI
Vue3从零开始构建一个简单的TodoList应用
编程
Vue3从零开始构建一个简单的TodoList应用
2024-11-19 02:17:35 +0800 CST
view 1709
本文介绍了如何使用Vue3从零开始构建一个简单的TodoList应用。通过使用CompositionAPI和setup语法糖,读者可以学习如何创建组件、管理响应式数据以及实现添加和删除任务的功能。文章还提供了详细的代码示例和样式设计,帮助开发者更好地理解Vue3的强大功能,并鼓励他们在此基础上进行扩展和创新。
前端框架
Web开发
编程
Vue.js
应用开发
Crawl4AI 深度解析:50K+ Stars 的 LLM 友好型爬虫如何用零配置 Markdown 输出 + MCP 协议 + 深度爬取把整个互联网变成 AI 的「知识后花园」——从异步浏览器池到 RAG 管道的完整实战指南
编程
Crawl4AI 深度解析:50K+ Stars 的 LLM 友好型爬虫如何用零配置 Markdown 输出 + MCP 协议 + 深度爬取把整个互联网变成 AI 的「知识后花园」——从异步浏览器池到 RAG 管道的完整实战指南
2026-07-07 11:44:37 +0800 CST
view 23
深度解析GitHub 50K+ Stars的Crawl4AI LLM友好型爬虫:零配置Markdown输出、Fit Markdown智能过滤、MCP协议原生集成、异步浏览器池并发爬取、深度爬取崩溃恢复、LLM驱动结构化提取、Docker安全加固v0.9.0。从架构原理到RAG管道生产级实战,含完整代码示例与Firecrawl/Jina Reader全面对比。
Crawl4AI
爬虫
LLM
RAG
MCP
Web Scraping
AI
开源
Markdown
数据管道
Golang实现的交互Shell
编程
Golang实现的交互Shell
2024-11-19 04:05:20 +0800 CST
view 2129
本文介绍了如何使用Golang编写交互Shell,涉及浏览器、服务端和agent之间的WebSocket转发通讯。通过在服务端实现唯一标识的连接管理,打通浏览器与agent的通讯。提供了服务端的代码示例,展示了如何优雅地处理连接的复制与关闭。使用的项目包括Linux和Windows的交互Shell库以及前端xterm.js。
编程
网络通讯
Golang
WebSocket
软件开发
WebAssembly Component Model 深度解析:用 WIT 接口定义 + 跨语言互操作把 WASM 从「语言孤岛」变成「组件联邦」
编程
WebAssembly Component Model 深度解析:用 WIT 接口定义 + 跨语言互操作把 WASM 从「语言孤岛」变成「组件联邦」
2026-07-07 12:16:32 +0800 CST
view 23
深度解析 WebAssembly Component Model:WIT 接口类型语言、World 世界定义、WASI 0.2.0 系统接口、跨语言互操作、Rust+Go+JS 多组件组合实战、Wasmtime 和 Fermyon Spin 生产级部署。
WebAssembly
WASM
Component Model
WIT
WASI
跨语言
Bytecode Alliance
wasmtime
Fermyon
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
编程
Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件
2024-11-19 03:33:21 +0800 CST
view 2026
本文介绍了如何使用Vue3和Bootstrap创建一个响应式导航栏。通过结合Vue3的CompositionAPI和Bootstrap的样式,开发者可以快速构建美观且易于使用的导航组件。文章详细说明了项目创建、组件构建及样式自定义的步骤,旨在帮助开发者提升用户体验并简化开发流程。
Web开发
前端框架
用户界面设计
一个简单的瀑布流布局实现方法,使用Vue3和Vite技术
编程
一个简单的瀑布流布局实现方法,使用Vue3和Vite技术
2024-11-19 09:50:45 +0800 CST
view 1922
本文分享了一个简单的瀑布流布局实现方法,使用Vue3和Vite技术。通过自定义指令`v-waterfall`,实现动态卡片布局,并提供了HTML、CSS和JavaScript代码示例。文中还讨论了如何处理卡片间隔的问题,适合开发者参考和优化。
前端开发
Web设计
Vue框架
编程
Web 端 DOCX 预览终极方案:docx-preview 与 mammoth 深度对比
2025-08-19 16:27:08 +0800 CST
view 1799
本文深入探讨了两种前端DOCX处理工具:docx-preview和mammoth。docx-preview提供像素级样式还原,适合需要精确预览的场景;而mammoth专注于内容提取,生成语义化HTML,适合轻量级应用。通过对比两者的特性、适用场景及性能优化技巧,帮助开发者选择合适的解决方案。
文档处理
前端开发
Web技术
Go语言实现支持联网对战的斗地主游戏
编程
Go语言实现支持联网对战的斗地主游戏
2026-05-18 08:41:43 +0800 CST
view 336
Go语言实现的联网斗地主游戏,真随机Fisher-Yates发牌,无控牌无算法操控,WebSocket实时对战,断线重连,Docker一键部署。
开源项目
Go
游戏
斗地主
WebSocket
Vue3和分享API实现社交媒体分享功能。通过示例代码,展示了创建分享组件的过程,包括按钮的实现、分享逻辑和错误处理
编程
Vue3和分享API实现社交媒体分享功能。通过示例代码,展示了创建分享组件的过程,包括按钮的实现、分享逻辑和错误处理
2024-11-18 03:37:13 +0800 CST
view 1893
本文介绍了如何使用Vue3和分享API实现社交媒体分享功能。通过示例代码,展示了创建分享组件的过程,包括按钮的实现、分享逻辑和错误处理。分享API简化了分享过程,支持在移动浏览器中使用。文章还讨论了进一步提升分享功能的建议,如使用图标、特定平台分享和分享统计等。
前端开发
Vue
Web开发
社交媒体
API
Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性
编程
Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性
2024-11-19 07:17:50 +0800 CST
view 1876
本文介绍了如何使用Vue3创建一个基础的购物车功能,结合本地存储实现数据的持久性。通过搭建项目结构,编写ShoppingCart.vue组件,用户可以添加和移除商品,并实时计算总价。文章详细解析了商品列表、购物车功能及本地存储的使用,展示了Vue的响应式特性如何提升用户体验。
Web开发
前端
电商
Vue
编程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
12
13
14
15
16
...
24
下一页