程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
用 HTML、CSS 和 JavaScript 创建颜色选择器
编程
用 HTML、CSS 和 JavaScript 创建颜色选择器
2024-11-18 16:50:17 +0800 CST
view 1801
本文介绍了如何使用HTML、CSS和JavaScript创建一个简单的颜色选择器工具。用户可以选择颜色,并实时查看其十六进制和RGB值。文章详细说明了项目设置、HTML结构、CSS样式和JavaScript功能的实现步骤,适合初学者练习用户输入处理和DOM操作。
前端开发
Web开发
编程教程
20万星背后的工程革命:obra/superpowers 如何让 AI 编程从'自由发挥'走向'系统化交付'
编程
20万星背后的工程革命:obra/superpowers 如何让 AI 编程从'自由发挥'走向'系统化交付'
2026-06-01 15:28:16 +0800 CST
view 160
obra/superpowers 是 2026 年 GitHub 最火的开源项目之一,20万星背后是一套用 Markdown 写成的开发纪律。本文从架构设计、技能系统、TDD 强制流程、子代理协作模型等维度,全面拆解这个让 AI 编程从自由发挥走向系统化交付的技术框架。
AI编程
Superpowers
GitHub
Coding Agent
TDD
工程实践
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
综合
10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST
view 2440
无头浏览器是一种没有图形用户界面的Web浏览器,能够在后台执行任务,广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制,提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等,适合在CI/CD流程中使用,但可能无法完全模拟真实用户体验。
开源工具
自动化
Web技术
测试
爬虫
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
编程
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
2024-11-18 09:46:13 +0800 CST
view 2141
本文深入探讨了HTTP请求的基本概念及其在Web开发中的重要性,详细解析了四种主要的HTTP方法:GET、POST、PUT和DELETE,并介绍了如何使用现代的FetchAPI和传统的XMLHttpRequest进行这些请求。通过示例代码,读者可以学习如何在JavaScript中有效地与服务器交互,处理数据。
Web开发
JavaScript
HTTP协议
一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式
编程
一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式
2025-05-05 19:27:57 +0800 CST
view 1397
Compressor.js是一个轻量级的JavaScript库,专为浏览器端高效图片压缩设计,支持JPEG、PNG、WEBP等格式。它具备零依赖、纯前端处理和丰富的配置选项,适用于各种前端框架。通过简单的API,开发者可以在用户选择图片后进行压缩并上传,提升页面加载速度和用户体验,同时节省服务器带宽和存储空间。
Web开发
JavaScript
图片处理
性能优化
100多个基础常用JS函数和语法集合大全
编程
100多个基础常用JS函数和语法集合大全
2024-11-19 06:30:20 +0800 CST
view 3579
本文总结了JavaScript的基础知识,包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法,适合初学者快速了解JavaScript的核心概念和常用功能。
编程
Web开发
JavaScript
前端技术
学习资源
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
编程
一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST
view 1545
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库,适用于前端和后端应用。它支持多字段搜索,提供高性能和灵活的配置选项,满足复杂的搜索需求。用户可以通过npm或yarn安装,并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景,是提升用户体验的重要工具。
前端开发
JavaScript
搜索库
用户体验
Web应用
Kimi K2.6 开源深度测评:国产模型首次登顶全球代码榜首,开发者必须知道的那些事
编程
Kimi K2.6 开源深度测评:国产模型首次登顶全球代码榜首,开发者必须知道的那些事
2026-04-28 15:51:45 +0800 CST
view 540
2026年4月20日月之暗面发布Kimi K2.6,在SWE-Bench Pro拿下58.6分首次超越GPT-5.4和Claude Opus 4.6。本文从技术架构、代码实测、API集成、性能优化、工具链集成等维度进行深度测评。
AI大模型
代码工具
Kimi
月之暗面
开源模型
SWE-Bench
开发者工具
代码审查
综合
基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST
view 2230
这是一个基于WebCodecs实现的Web端视频编辑工具,功能类似于剪映Web版。该工具允许用户在线编辑视频,提供了便捷的编辑体验。开源地址为:https://github.com/x007xyz/fly-cut。
视频编辑
Web技术
开源工具
HTML5的 input:file上传类型控制
编程
HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST
view 2939
本文介绍了HTML中input:file属性的使用,包括accept和multiple属性的具体应用,以及常用的MIME类型列表。同时,文中详细说明了如何使用AJAX上传文件,包括获取文件列表、构建表单数据和发送POST请求的步骤,最后展示了服务器端接收文件的示例。
HTML
文件上传
AJAX
前端开发
Web技术
综合
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST
view 2487
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器,允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制,适合技术博客和课程开发。通过简单的npm安装,开发者可以轻松嵌入Sandpack组件并配置编辑器,提升开发效率。
Web开发
开源工具
前端开发
代码编辑
React
彻底解决移动端Web开发中的软键盘兼容性问题
编程
彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST
view 1364
本文分析了移动端Web开发中软键盘的兼容性问题,探讨了iOS和Android平台的差异,并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略,开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发
前端技术
移动端
用户体验
兼容性问题
BrickNet开源:AI玩乐高不再翻车,连接图让积木组装零误差
案例
BrickNet开源:AI玩乐高不再翻车,连接图让积木组装零误差
2026-05-09 07:38:19 +0800 CST
view 241
BrickNet开源项目:用连接图替代绝对坐标预测,解决AI乐高组装的误差累积问题。基于Qwen 3训练,标注五种连接器类型,使用32万+组装样本数据集,生成物理可行的分步组装程序,可直接用于机器人执行
AI乐高
连接图生成
3D组装
Qwen 3
结构推理
LDraw
机器人组装
综合
Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST
view 2371
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例,读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置,满足不同的打印需求,帮助开发者轻松实现局部打印。
前端开发
Vue
打印功能
JavaScript
Web技术
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1455
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
Superpowers 深度解析:174K Star 的 AI 编程智能体技能框架——从 Vibe Coding 到工程化开发范式的终极进化
编程
Superpowers 深度解析:174K Star 的 AI 编程智能体技能框架——从 Vibe Coding 到工程化开发范式的终极进化
2026-05-16 07:14:13 +0800 CST
view 278
Superpowers 174K Star 深度解析:AI编程智能体技能框架,从Vibe Coding到工程化开发,TDD强制执行,子代理驱动开发,跨8大AI编程工具
Superpowers
AI编程
Agent
TDD
开源项目
38个实用的JavaScript技巧
编程
38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST
view 1679
本文分享了38个实用的JavaScript技巧,涵盖页面操作、日期处理、数组处理、数字转换等多个方面,旨在提升开发效率。每个技巧都附有代码示例,便于读者理解和应用。希望这些技巧能帮助开发者更高效地完成工作。
编程
Web开发
技术分享
JavaScript
Superpowers 深度实战:从 Vibe Coding 到工程化开发——GitHub 20万星工作流框架的架构设计与生产级实践
编程
Superpowers 深度实战:从 Vibe Coding 到工程化开发——GitHub 20万星工作流框架的架构设计与生产级实践
2026-05-22 17:45:27 +0800 CST
view 167
深入解析Superpowers——GitHub 20万星的开源AI编程工作流框架,探讨如何让AI编程助手从能写代码进化到懂工程约束,涵盖七步核心工作流、技能库设计、子代理驱动开发的生产级实践
AI编程
Superpowers
Claude Code
TDD
工作流
抛弃 Ajax:拥抱更简洁强大的 Fetch API
编程
抛弃 Ajax:拥抱更简洁强大的 Fetch API
2025-05-09 09:31:56 +0800 CST
view 1219
本文介绍了FetchAPI的使用,强调其相较于传统Ajax的优势,包括简洁的语法、灵活的配置和强大的功能。通过示例代码展示了基本的GET和POST请求、错误处理、流式数据处理等高级用法,帮助开发者更高效地进行网络请求和数据处理。
Web开发
JavaScript
API
异步编程
前端技术
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
编程
Shannon 深度解析:当 AI 学会自己当黑客,白盒渗透测试的范式革命
2026-04-19 02:46:40 +0800 CST
view 430
Shannon是Keygraph开源的白盒AI渗透测试工具,38K+ Star,XBOW基准96.15%成功率。深度解析其多Agent架构、四阶段工作流、证明式验证机制,以及CI/CD集成实战。
Shannon
AI安全
渗透测试
白盒测试
OWASP
Web安全
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
编程
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST
view 129
Vue Print Designer是一款可视化打印设计器,面向业务表单、标签、票据、快递单等场景,支持模板化、变量化,并提供静默打印与云打印能力,同时兼容多种导出/打印方式。基于Web Components,零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue
打印设计器
开源
Web Components
可视化
打印
表单设计
标签打印
Nginx 反向代理
编程
Nginx 反向代理
2024-11-19 08:02:10 +0800 CST
view 1525
Nginx是一种高性能的Web服务器和反向代理服务器,广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器,并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用,强调了安全性和扩展性。
Web服务器
反向代理
网络技术
Nginx
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
编程
iframe 实战手册:从入门到精通,掌握前端嵌入的终极武器
2025-05-11 23:15:53 +0800 CST
view 1525
本文深入探讨了`<iframe>`的使用,包括其基本概念、沙箱模式的安全性、懒加载的性能优化以及常见的嵌入场景和错误。通过示例代码,读者可以学习如何有效地使用`<iframe>`,确保安全性和性能,同时避免常见的错误和陷阱。文章还讨论了未来的替代方案,如WebComponents和微前端架构。
前端
Web开发
安全
性能优化
嵌入技术
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
编程
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
2026-05-16 11:46:26 +0800 CST
view 203
WebMCP深度实战:Google与Microsoft联合推动的浏览器原生AI交互协议,从双轨API到工具契约机制,完整代码实战与性能对比分析
WebMCP
AI Agent
浏览器API
MCP协议
前端开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
21
22
23
24
25
...
36
下一页