程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
提升 CSS 开发效率的必备 Chrome 插件
编程
提升 CSS 开发效率的必备 Chrome 插件
2025-07-12 15:17:22 +0800 CST
view 1182
本文介绍了五款必备的Chrome插件,旨在提升CSS开发效率。这些插件包括ColorZilla、Visbug、ResponsiveViewer、WindowResizer和CSSPeeper,分别提供颜色提取、元素调整、响应式测试、分辨率控制和样式提取等功能。通过合理使用这些工具,开发者和设计师可以显著提高工作效率,缩短调试时间,专注于创造性编码。
前端开发
工具
设计
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 3448
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
MCP 深度解析:Model Context Protocol 如何重塑 AI 应用开发——从协议设计到生产级实战的完整技术内幕
编程
MCP 深度解析:Model Context Protocol 如何重塑 AI 应用开发——从协议设计到生产级实战的完整技术内幕
2026-05-18 02:15:34 +0800 CST
view 562
深入解析 Anthropic MCP 协议的设计哲学、架构实现、开发实战与生产级部署
MCP
Model Context Protocol
AI应用开发
协议设计
工具集成
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
代码
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
2026-06-27 08:24:14 +0800 CST
view 378
pixel2motion开源项目,用AI将PNG/JPG图片自动转换为专业级SVG矢量+CSS动画,支持hover/pulse/arc/press等多种动效模式,一站式交付,设计师和AI代理都适用。
前端
设计
AI
动效
SVG
CSS动画
开源工具
MCP协议深度实战指南:从协议原理到生产级AI工具链的完整构建方案(2026版)
编程
MCP协议深度实战指南:从协议原理到生产级AI工具链的完整构建方案(2026版)
2026-05-19 07:48:04 +0800 CST
view 733
从MCP协议分层模型到生产级Server完整实现,涵盖传输层选型、JSON-RPC消息设计、三大原语深度剖析及企业级实践。
MCP
AI工具链
Python
协议设计
综合
Claude:审美炸裂的网页生成工具
2024-11-19 09:38:41 +0800 CST
view 3591
本文介绍了应用出海的第一步——制作网页。通过使用Claude等工具,即使是零基础的用户也能轻松生成高颜值的网页。Claude以其出色的审美能力和精细化调节能力,超越了传统的网页生成工具。文章还提供了具体的工具推荐和操作步骤,包括如何创建项目、部署到Vercel以及推广网站的方法,帮助用户快速实现出海目标。
出海
网页设计
人工智能
工具推荐
技术教程
编程
GSAP是一个高性能的JavaScript动画库
2024-11-19 02:18:10 +0800 CST
view 1977
GSAP(GreenSockAnimationPlatform)是一个高性能的JavaScript动画库,适用于现代网页设计。它提供了强大的工具和功能,允许开发者轻松创建流畅的动画效果。GSAP的核心库轻量且易于使用,支持多种插件,适合网页动画、交互式UI、数据可视化和游戏动画等场景。通过简单的代码示例,开发者可以在Vue环境中快速集成GSAP,实现动态效果。
网页设计
动画
JavaScript
开发工具
用户体验
编程
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形
2024-11-18 15:08:45 +0800 CST
view 2637
Paper.js是一个开源的JavaScript库,基于HTML5Canvas构建,提供强大的工具用于创建和操作矢量图形。它支持动态图形设计、数据可视化、游戏开发等多种应用场景。通过简单的API,开发者可以轻松实现动画和交互效果,提升用户体验。本文介绍了Paper.js的基本概念、使用案例及其在前端开发中的重要性。
前端开发
图形设计
开源工具
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
编程
autofit.js:大屏适配终极解决方案,告别手动调整烦恼!
2026-01-27 19:59:59 +0800 CST
view 1629
autofit.js是一个专注于大屏自适应适配的JavaScript库,采用transform缩放技术实现等比自适应。它解决了传统适配方案(如媒体查询、vw/rem单位)在大屏数据可视化项目中复杂图表组件适配困难的问题。该库具有零依赖、轻量级(仅3.6kB)、简单易用、智能适配和实时响应等核心特性。通过简洁的API(如init方法)和配置参数(el、dw、dh、resize等),开发者只需几行代码即可实现复杂大屏在不同分辨率下的自动等比缩放,极大减少了手动调整的工作量。
前端开发
JavaScript工具
响应式设计
数据可视化
Web开发
design-md-chrome深度解析:Chrome扩展一键生成网站设计蓝图DESIGN.md
编程
design-md-chrome深度解析:Chrome扩展一键生成网站设计蓝图DESIGN.md
2026-04-27 20:07:57 +0800 CST
view 577
design-md-chrome是Chrome扩展,扫描任意网页自动提取色彩、字体、间距等视觉规范,生成结构化DESIGN.md文件,可直接用于Claude Code等AI编码工具。
Chrome扩展
前端开发
AI工具
设计规范
代码
一些实用的前端开发工具网站
2024-11-18 14:30:55 +0800 CST
view 1781
本文介绍了一些实用的前端开发工具网站,包括生成CSS阴影效果、动画图标、CSSGrid布局、前端开发工具箱以及SVG波浪形状生成器。这些工具旨在帮助程序员提高开发效率,简化设计过程,提供丰富的视觉效果和动画支持。
前端开发
网页设计
开发工具
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1541
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1850
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
c++ 设计模式-观察者模式(Observer Pattern)
编程
c++ 设计模式-观察者模式(Observer Pattern)
2024-11-18 19:11:17 +0800 CST
view 1876
观察者模式是一种行为型设计模式,定义了一对多的依赖关系。当一个对象状态改变时,所有依赖于它的对象会收到通知并自动更新。该模式解耦了发布者和订阅者,允许它们独立变化。本文提供了C++实现示例,讨论了优缺点、应用场景及如何确保线程安全和避免死锁问题。
设计模式
编程
多线程
Go语言中的nil切片、空切片和零切片的区别
编程
Go语言中的nil切片、空切片和零切片的区别
2025-05-05 19:22:52 +0800 CST
view 1485
本文深入探讨Go语言中的nil切片、空切片和零切片的区别,分析它们在底层实现和特定场景下的表现。通过示例说明nil切片和空切片在JSON序列化中的不同,以及在API设计中的最佳实践。强调在性能优化和数据处理中的选择,帮助开发者在实际开发中做出更明智的决策。
Go语言
编程
数据结构
API设计
性能优化
WebSocket 实时通信架构深度解析:从在线协作到金融交易的生产级实战指南
编程
WebSocket 实时通信架构深度解析:从在线协作到金融交易的生产级实战指南
2026-07-28 08:15:35 +0800 CST
view 79
WebSocket 生产级实战指南:从协议原理、技术选型、集群架构到性能优化、容错安全,深度解析实时通信系统的设计与实现,包含在线协作编辑、即时通讯等场景的完整代码示例。
WebSocket
实时通信
架构设计
性能优化
在线协作
Node.js
Go
Rust
Socket.io
WebTransport
7.8K Star!GPT-Image-2 提示词宝库:120+ 精选案例涵盖肖像、海报、UI、角色设定
编程
7.8K Star!GPT-Image-2 提示词宝库:120+ 精选案例涵盖肖像、海报、UI、角色设定
2026-04-28 17:31:08 +0800 CST
view 732
GitHub 7.8K Star 的 GPT-Image-2 提示词宝库,收录120+精选案例,涵盖肖像、海报、UI原型、角色设定等,详解提示词编写技巧和实战示例。
AI绘图
GPT-Image-2
提示词工程
OpenAI
设计资源
GitHub
动态渐变背景
代码
动态渐变背景
2024-11-19 01:49:50 +0800 CST
view 1737
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变,标题文字呈现出渐变动画,背景色为浅灰色,整个页面居中显示。使用了@keyframes定义动画,使背景在不同颜色之间平滑过渡,增强视觉效果。
网页设计
前端开发
动画效果
PC端与移动端兼容性适配方案全解析
编程
PC端与移动端兼容性适配方案全解析
2025-05-06 09:08:03 +0800 CST
view 1639
本文分析了PC端与移动端的兼容性适配方案,探讨了在现代Web开发中面临的挑战及解决方案。介绍了响应式布局、REM适配、组件化方案和动态路由的优缺点,并提供了相关的技术实现代码和性能优化建议。最后,给出了不同类型网站的适配选择指南,强调了从移动端开始设计的重要性。
Web开发
前端技术
响应式设计
用户体验
性能优化
Vue3 中的动态组件与异步组件有什么区别?
编程
Vue3 中的动态组件与异步组件有什么区别?
2024-11-19 04:25:50 +0800 CST
view 1754
在Vue3中,动态组件和异步组件是用于提高性能和代码复用的功能。动态组件根据数据或条件实时切换组件,而异步组件则在需要时加载,优化首屏加载速度。动态组件使用`<component>`标签实现,适合频繁切换的场景;异步组件使用`defineAsyncComponent`函数,适合减少初始加载体积。两者各有特点,开发者可根据需求选择使用。
前端开发
Vue框架
组件设计
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST
view 2229
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
Go中使用依赖注入的实用技巧
编程
Go中使用依赖注入的实用技巧
2024-11-19 00:24:20 +0800 CST
view 1598
本文提供了在Go中使用依赖注入的实用技巧,强调了接口的重要性以及如何通过合并结构体和接口来提高代码的可维护性。示例代码展示了如何定义接口、实现结构体,以及如何在依赖注入中仅注入接口,从而增强代码的灵活性和可测试性。通过这些方法,开发者可以显著改善代码质量和开发流程。
编程
Go语言
软件开发
设计模式
Connect RPC 深度拆解:当 gRPC 学会「说 HTTP」——跨语言 RPC 框架的工程革命(2026)
编程
Connect RPC 深度拆解:当 gRPC 学会「说 HTTP」——跨语言 RPC 框架的工程革命(2026)
2026-07-17 06:44:27 +0800 CST
view 180
深度拆解 Connect RPC:从协议设计、connect-go 六层架构、流式传输、拦截器链到多语言生态(Go/TS/Python/Kotlin/Swift/Dart),配完整代码实战与性能基准,一份写给后端工程师的微服务 RPC 完全指南(2026)
Connect RPC
gRPC
Protocol Buffers
微服务
Buf
connect-go
RPC框架
protobuf
CNCF
API设计
Vue3 中的 Teleport 组件支持哪些传送目标?
编程
Vue3 中的 Teleport 组件支持哪些传送目标?
2024-11-18 11:33:41 +0800 CST
view 1609
在Vue3中,Teleport组件允许开发者将子组件或内容放置在DOM树中的任何位置,支持多种传送目标。常见的目标包括父组件中的特定位置、指定的DOM元素以及`body`元素,适用于模态框和全局通知等场景。通过灵活使用Teleport组件,开发者可以实现更加灵活的布局和组件设计,提升用户体验。
前端开发
Vue.js
组件设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
34
下一页