程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
一行CSS魔法:瞬间开启网站暗黑模式!
编程
一行CSS魔法:瞬间开启网站暗黑模式!
2025-08-31 08:15:28 +0800 CST
view 945
本文介绍了一种通过一行CSS代码快速实现网站暗黑模式的方法。使用CSS的filter属性,结合invert和hue-rotate函数,可以轻松将网页颜色反转并修正色彩失真。虽然这种方法适合个人项目和快速原型开发,但在生产环境中可能存在局限性,如无法精细控制样式和颜色转换不准确。文章还提供了处理媒体元素的解决方案和与传统方法的对比。
Web开发
CSS
暗黑模式
前端技术
设计
CSS 媒体查询
编程
CSS 媒体查询
2024-11-18 13:42:46 +0800 CST
view 1568
CSS媒体查询是响应式设计的重要组成部分,允许开发者根据设备特性调整网站样式。通过定义条件,媒体查询能在特定情况下应用相应的CSS规则,提升网站的适应性。常见的媒体类型包括all、print和screen,条件可包括宽度、高度和方向等。运算符如and、not和only可用于构建复杂查询,从而实现更精确的样式控制。
CSS
前端开发
响应式设计
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
代码
1.1K Star!前端logo动画终于有专业级AI工作流了!设计师的福音来了!
2026-06-27 08:24:14 +0800 CST
view 98
pixel2motion开源项目,用AI将PNG/JPG图片自动转换为专业级SVG矢量+CSS动画,支持hover/pulse/arc/press等多种动效模式,一站式交付,设计师和AI代理都适用。
前端
设计
AI
动效
SVG
CSS动画
开源工具
HTML和CSS创建的弹性菜单
代码
HTML和CSS创建的弹性菜单
2024-11-19 10:09:04 +0800 CST
view 1573
该文本描述了一个使用HTML和CSS创建的弹性菜单。菜单包含四个项目:主页、关于、服务和联系。通过CSS样式和动画效果,菜单项在悬停时会改变颜色并产生弹跳效果,增强用户体验。代码中使用了flex布局和关键帧动画,使菜单在视觉上更加吸引人。
前端开发
网页设计
用户体验
一个手机端的导航栏的HTML和CSS代码
代码
一个手机端的导航栏的HTML和CSS代码
2024-11-19 06:37:04 +0800 CST
view 1705
该文本展示了一个手机端的导航栏的HTML和CSS代码。导航栏包含四个选项:消息、添加、定位和我的。每个选项都有相应的图标和交互效果,用户点击时会高亮显示。样式使用了Flexbox布局,确保导航栏在屏幕底部固定,并具有响应式设计。通过JavaScript函数实现了选项的激活状态切换。
前端开发
网页设计
用户界面
DeerFlow 2.0实战指南:从架构原理到生产部署的完整攻略
编程
DeerFlow 2.0实战指南:从架构原理到生产部署的完整攻略
2026-04-24 20:34:20 +0800 CST
view 368
深入剖析字节跳动开源的超级Agent框架DeerFlow 2.0,从架构原理、核心机制到生产部署的系统性指南,包含Skill开发、沙箱隔离、记忆系统等关键技术详解。
AI Agent
DeerFlow
字节跳动
LangGraph
多智能体
架构设计
PHP设计模式:单例模式
编程
PHP设计模式:单例模式
2024-11-18 18:31:43 +0800 CST
view 1525
单例模式确保在应用程序生命周期内只有一个对象实例,常用于共享资源如数据库连接。通过私有化构造函数、克隆和反序列化方法,防止外部创建多个实例。提供静态方法`getInstance()`返回唯一实例。测试结果表明,成功实现了单例模式,避免了资源浪费,提高了系统性能。
设计模式
PHP
编程
用户在线时长增加经验并升级功能
代码
用户在线时长增加经验并升级功能
2024-11-19 08:19:17 +0800 CST
view 1612
该文档描述了一个用户在线时长增加经验并自动升级的功能需求。用户每小时增加10点经验,达到一定经验值后自动升级。设计了两张数据库表:用户等级表和等级经验对照表,并提供了二分查找算法来确定用户经验值对应的等级区间。通过该方案,可以有效提升查询性能,确保用户在经验增加后能够快速升级。
用户管理
游戏设计
数据库
算法
PostgreSQL & MySQL 数据库性能优化实战:从查询计划到高并发调优的完全指南(2026版)
编程
PostgreSQL & MySQL 数据库性能优化实战:从查询计划到高并发调优的完全指南(2026版)
2026-05-19 06:15:56 +0800 CST
view 426
深入剖析PostgreSQL和MySQL性能优化技术,涵盖查询计划分析、索引设计、配置调优、高并发处理等核心主题,附实战案例和代码示例。
PostgreSQL
MySQL
数据库性能优化
查询计划
索引设计
高并发
MCP协议深度实战指南:从协议原理到生产级AI工具链的完整构建方案(2026版)
编程
MCP协议深度实战指南:从协议原理到生产级AI工具链的完整构建方案(2026版)
2026-05-19 07:48:04 +0800 CST
view 486
从MCP协议分层模型到生产级Server完整实现,涵盖传输层选型、JSON-RPC消息设计、三大原语深度剖析及企业级实践。
MCP
AI工具链
Python
协议设计
综合
Claude:审美炸裂的网页生成工具
2024-11-19 09:38:41 +0800 CST
view 3434
本文介绍了应用出海的第一步——制作网页。通过使用Claude等工具,即使是零基础的用户也能轻松生成高颜值的网页。Claude以其出色的审美能力和精细化调节能力,超越了传统的网页生成工具。文章还提供了具体的工具推荐和操作步骤,包括如何创建项目、部署到Vercel以及推广网站的方法,帮助用户快速实现出海目标。
出海
网页设计
人工智能
工具推荐
技术教程
消息队列与任务调度:从内存队列到生产级架构的实战指南
编程
消息队列与任务调度:从内存队列到生产级架构的实战指南
2026-06-27 13:44:00 +0800 CST
view 62
从内存队列到生产级消息架构的完整实战指南,涵盖 Redis 队列、RabbitMQ、Kafka 三种方案,包含完整代码示例、性能对比和最佳实践。
消息队列
Redis
RabbitMQ
Kafka
异步处理
架构设计
任务调度
分布式系统
代码
css模拟了MacBook的外观
2024-11-18 14:07:40 +0800 CST
view 1565
该文本是一个HTML文档,模拟了MacBook的外观。使用CSS样式定义了MacBook的屏幕、摄像头孔、底部和反光效果。屏幕中嵌入了一个iframe,用于加载外部内容。整体设计注重细节,如边框、阴影和反光效果,旨在提供真实的视觉体验。
网页设计
前端开发
用户界面
CSS样式
HTML包含实现图片点击放大、拖拽和滚动缩放功能的JavaScript代码
代码
HTML包含实现图片点击放大、拖拽和滚动缩放功能的JavaScript代码
2024-11-19 06:09:21 +0800 CST
view 1715
该文本是一个HTML文档,包含实现图片点击放大、拖拽和滚动缩放功能的JavaScript代码。用户可以点击图片放大查看,使用鼠标滚轮进行缩放,并通过拖动来移动放大的图片。代码中包含了对图片尺寸的计算和调整逻辑,确保图片在不同屏幕尺寸下的适配性。
前端开发
JavaScript
网页设计
代码
html一个包含iPhoneX和MacBook模拟器
2024-11-19 08:03:47 +0800 CST
view 1476
该文本是一个HTML文档,展示了一个包含iPhoneX和MacBook模拟器的商城系统界面。用户可以通过输入框更新iPhone和MacBook的iframe地址,展示不同的内容。文档中包含了详细的CSS样式,用于美化设备的外观和布局,确保在不同设备上有良好的展示效果。
网页设计
前端开发
商城系统
代码
纯CSS绘制iPhoneX的外观
2024-11-19 06:39:43 +0800 CST
view 1951
该文本展示了如何使用纯CSS绘制iPhoneX的外观,包括设备的尺寸、框架样式、状态栏、内容区和按钮等。通过CSS样式设置,创建了一个模拟iPhoneX的网页结构,并嵌入了百度的内容。代码中详细定义了各个部分的样式和布局,适合前端开发者学习和参考。
前端开发
网页设计
CSS
iPhone
技术
WebSocket、SSE、WebRTC 深度实战:2026年实时通信架构选型、原理分析与生产级部署完全指南
编程
WebSocket、SSE、WebRTC 深度实战:2026年实时通信架构选型、原理分析与生产级部署完全指南
2026-06-27 16:13:11 +0800 CST
view 69
WebSocket、SSE、WebRTC三大实时通信协议深度实战指南。从协议原理、代码实战到性能基准和生产部署,涵盖AI模型流式输出方案选型、HTTP/3与WebTransport新趋势,2026年架构师必读的实时通信完全指南。
WebSocket
SSE
WebRTC
实时通信
HTTP/3
QUIC
WebTransport
架构设计
Go
JavaScript
Python
代码
基于Vue.js的拖动功能和画布设置的Web应用
2024-11-19 09:53:07 +0800 CST
view 1678
该文本描述了一个基于Vue.js的拖动功能和画布设置的Web应用。用户可以通过左侧的功能菜单添加文字或图片元素到画布中,并可以调整这些元素的样式和位置。应用提供了设置画布的宽度、高度、背景颜色和背景图片的功能,同时支持预览和下载画布内容的功能。整体设计旨在提供一个直观的用户界面,方便用户进行图形设计。
Web开发
前端技术
用户界面
图形设计
编程
5种独特的图标导航设计,利用CSS和JavaScript提升用户体验
2024-11-19 10:04:42 +0800 CST
view 1340
本文分享了5种独特的图标导航设计,利用CSS和JavaScript提升用户体验。每种设计都有其特点,如滑动效果、黏液效果、全屏切换、垂直导航和按钮式菜单,适合不同场景和需求。这些设计不仅美观,还考虑了可访问性,旨在为网页和移动应用提供灵感。
网页设计
用户体验
前端开发
在 Go 语言中使用 Wire 进行依赖注入
编程
在 Go 语言中使用 Wire 进行依赖注入
2024-11-19 08:47:21 +0800 CST
view 1728
本文介绍了在Go语言中使用Wire进行依赖注入的基本方法。依赖注入是一种设计模式,可以减少组件之间的耦合度,提高系统的可测试性和可维护性。Wire是一个编译时依赖注入框架,通过自动生成代码来管理复杂的依赖关系。文章还提供了Wire的安装步骤和使用示例,展示如何定义组件、建立对象图并生成初始化代码。
编程
软件开发
设计模式
Go语言
依赖注入
编程
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果
2024-11-19 02:35:11 +0800 CST
view 2046
mo.js是一个轻量级的JavaScript动画库,专注于创建流畅且表现力强的动画效果。本文介绍了mo.js的基本概念、特点及其在Vue环境中的应用,展示了如何通过简单的API实现复杂的动画效果,提升网页的动态性和用户体验。
前端开发
JavaScript
动画
用户体验
Web设计
Go语言接口最佳实践:为何应在使用方定义接口
编程
Go语言接口最佳实践:为何应在使用方定义接口
2024-11-19 06:01:51 +0800 CST
view 1396
本文探讨了在Go语言中接口的最佳实践,强调应在使用方定义接口而非实现方。通过示例说明了错误做法与正确做法,指出解耦、灵活性和聚焦等使用接口的好处,并提供了按需定义接口和优先使用小接口的建议,以提高代码的模块化和可维护性。
编程
Go语言
软件开发
接口设计
编程
GSAP是一个高性能的JavaScript动画库
2024-11-19 02:18:10 +0800 CST
view 1831
GSAP(GreenSockAnimationPlatform)是一个高性能的JavaScript动画库,适用于现代网页设计。它提供了强大的工具和功能,允许开发者轻松创建流畅的动画效果。GSAP的核心库轻量且易于使用,支持多种插件,适合网页动画、交互式UI、数据可视化和游戏动画等场景。通过简单的代码示例,开发者可以在Vue环境中快速集成GSAP,实现动态效果。
网页设计
动画
JavaScript
开发工具
用户体验
原生JS判断手机与PC端:实现一个炫酷设备检测页面
编程
原生JS判断手机与PC端:实现一个炫酷设备检测页面
2025-09-18 08:37:04 +0800 CST
view 910
本文详细介绍如何使用原生JavaScript检测设备类型,通过分析用户代理字符串、屏幕特性和触摸支持等多种方法判断手机与PC设备。包含完整的HTML实现代码,展示设备详细信息并提供直观的视觉反馈,帮助开发者创建精确的设备检测页面。
前端开发
JavaScript
响应式设计
Web技术
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
7
8
9
10
11
下一页