程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
简单的打造现代感十足的卡片式企业官网首页HTML+CSS全攻略
2024-11-17 04:03:50 +0800 CST
view 1683
本教程详细介绍如何使用HTML和CSS创建现代感十足的企业官网首页,采用卡片式设计和响应式布局,适合展示企业品牌形象和重要信息。内容包括页面结构、响应式设计技巧、CSS3动画、前端框架集成等,提供完整源码,适合中小型企业使用。
网页设计
前端开发
企业网站
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
编程
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
2025-08-15 12:16:39 +0800 CST
view 1243
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
编程
如何在Vue3中使用CompositionAPI构建一个响应式导航菜单?
2024-11-19 08:34:45 +0800 CST
view 1843
本文介绍了如何在Vue3中使用CompositionAPI构建一个响应式导航菜单。通过创建一个简单的项目结构和组件,文章详细说明了响应式布局、动态切换页面和高亮选中项的实现。读者可以通过示例代码学习如何处理不同屏幕尺寸下的用户交互,提升用户体验。
Web开发
前端
Vue.js
响应式设计
用户体验
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
编程
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
2026-05-03 00:35:59 +0800 CST
view 899
14.8K Stars,5 天破万,这个开源项目凭什么成为 Claude Design 的最强挑战者?
AI
Agent
设计系统
开源
TypeScript
Claude Code 架构泄露深度拆解:从 51 万行 TypeScript 中提炼的 7 个 AI Agent 生产级设计模式
编程
Claude Code 架构泄露深度拆解:从 51 万行 TypeScript 中提炼的 7 个 AI Agent 生产级设计模式
2026-08-06 00:18:53 +0800 CST
view 91
深度拆解Claude Code v2.1.88源码泄露事件揭示的7个AI Agent生产级设计模式:Prompt驱动编排、KAIROS自主守护进程、技能按需加载、四阶段上下文管道、安全纵深防御、IDE桥接层、反蒸馏机制
Claude Code
AI Agent
TypeScript
Bun
多Agent
架构设计
安全
源码分析
前端如何给页面添加水印
综合
前端如何给页面添加水印
2024-11-19 07:12:56 +0800 CST
view 2138
本文介绍了在前端页面中添加水印的多种方法,包括使用CSS背景图像、JavaScript动态创建水印和SVG实现水印。每种方法都有其适用场景,CSS适合静态水印,JavaScript适合动态内容,SVG则适合复杂图形。文中还提到用户体验和性能考虑,确保水印不会影响页面的可用性。
前端开发
网页设计
用户体验
使用HTML、CSS和JavaScript创建的动态时钟
代码
使用HTML、CSS和JavaScript创建的动态时钟
2024-11-18 13:49:31 +0800 CST
view 1655
该文本展示了一个使用HTML、CSS和JavaScript创建的动态时钟。时钟通过SVG元素绘制,包含外圈、内圈、刻度和指针。JavaScript用于计算时间并更新时钟的显示,样式通过CSS设置,确保时钟在不同屏幕尺寸下的适应性。时钟的设计包括平滑的过渡效果和现代的外观。
前端开发
网页设计
动态效果
CSS 代码:去除网站颜色(灰度效果)
编程
CSS 代码:去除网站颜色(灰度效果)
2024-11-18 16:49:46 +0800 CST
view 1596
该CSS代码用于将整个网页转换为灰度模式,适用于IE及现代浏览器。使用`filter`和`-webkit-filter`属性,可以在特定场景如纪念日、追悼日等营造庄重氛围。代码中`grayscale=1`和`grayscale(100%)`分别对应IE和现代浏览器的实现方式。
网页设计
CSS
特效
Codex+Figma MCP:GPT-image-2 出图转前端的完整实践
案例
Codex+Figma MCP:GPT-image-2 出图转前端的完整实践
2026-05-12 06:38:15 +0800 CST
view 1147
GPT-image-2 生成的图怎么变成前端代码?两种路径完整实践:直接用 Codex 生图转前端,或通过 Figma MCP 读取设计文件转代码。Playwright 自动校验,AI 自己检查自己。
GPT-image-2
Codex
Figma MCP
AI前端
设计转代码
Playwright
OpenAI
MCP 深度解析:Model Context Protocol 如何重塑 AI 应用开发——从协议设计到生产级实战的完整技术内幕
编程
MCP 深度解析:Model Context Protocol 如何重塑 AI 应用开发——从协议设计到生产级实战的完整技术内幕
2026-05-18 02:15:34 +0800 CST
view 585
深入解析 Anthropic MCP 协议的设计哲学、架构实现、开发实战与生产级部署
MCP
Model Context Protocol
AI应用开发
协议设计
工具集成
API 架构四国大战 2026:REST、gRPC、GraphQL、tRPC —— 从协议原理到生产级选型的完整实战指南
编程
API 架构四国大战 2026:REST、gRPC、GraphQL、tRPC —— 从协议原理到生产级选型的完整实战指南
2026-06-25 22:45:20 +0800 CST
view 317
2026年API架构四强争霸:REST、gRPC、GraphQL、tRPC深度对比,从协议原理到代码实战,从性能压测到生产级选型。万字长文,附完整代码示例和选型决策矩阵。
REST
gRPC
GraphQL
tRPC
API设计
TypeScript
性能优化
微服务
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
案例
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
2026-05-04 07:34:23 +0800 CST
view 932
nexu.io创始人Tom Huang开源的Claude Design平替项目,开源5天斩获18.2K星,支持11种编码代理,129套设计系统
AI设计
开源
Claude
OpenDesign
前端开发
Remix 3 深度拆解:当一个全栈框架决定「杀死」自己的 React 依赖——从 JSX 到 Web 标准、从函数式到命令式,一个被 Shopify 收购的框架如何用「反 React 哲学」重新定义全栈开发的终极形态
编程
Remix 3 深度拆解:当一个全栈框架决定「杀死」自己的 React 依赖——从 JSX 到 Web 标准、从函数式到命令式,一个被 Shopify 收购的框架如何用「反 React 哲学」重新定义全栈开发的终极形态
2026-08-08 10:48:55 +0800 CST
view 16
Remix 3 彻底移除 React 依赖,转向 Web 平台原生标准。深度拆解 Frames 服务端驱动 UI、命令式状态管理、Unbundling 运行时架构,以及从 Remix 2 到 3 的完整迁移指南。
Remix
Web Platform
全栈框架
Preact
前端架构
React
命令式编程
Streaming SSR
Frames
框架设计
JavaScript设计模式:适配器模式
编程
JavaScript设计模式:适配器模式
2024-11-18 17:51:43 +0800 CST
view 1697
适配器模式是一种结构设计模式,通过创建适配器解决不同模块之间接口不兼容的问题。它包含目标接口、被适配者和适配器,允许不兼容的类协同工作。适配器模式的优点包括兼容性、灵活性和复用性,但也可能增加系统复杂性。Axios是适配器模式的经典应用,能够在不同环境中使用统一的API接口,简化请求机制。
设计模式
软件开发
JavaScript
JavaScript设计模式:单例模式
编程
JavaScript设计模式:单例模式
2024-11-18 10:57:41 +0800 CST
view 1495
单例模式是一种对象创建型设计模式,确保一个类只有一个实例,并提供全局访问点。它适用于管理共享资源,如配置文件和数据库连接。单例模式的优点包括资源节约和数据一致性,但也可能导致全局状态难以管理和扩展性受限。在JavaScript中,jQuery和Pinia展示了单例模式的应用。
设计模式
JavaScript
编程
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 2138
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
OpenClaw 深度解析:开源个人 AI 助手的新范式——从架构设计到多平台集成的完整技术内幕
编程
OpenClaw 深度解析:开源个人 AI 助手的新范式——从架构设计到多平台集成的完整技术内幕
2026-05-18 04:43:45 +0800 CST
view 767
深度剖析 OpenClaw 这一 2026 年现象级开源 AI 助手项目,从核心架构、多模型编排、技能系统到生产级部署实践
OpenClaw
AI助手
开源
架构设计
JavaScript设计模式:发布订阅模式
编程
JavaScript设计模式:发布订阅模式
2024-11-18 01:52:39 +0800 CST
view 1482
发布订阅模式是一种对象间通信机制,发布者通过消息中间件向多个订阅者发送消息,二者不直接相互了解。该模式包含发布者、订阅者和中介等组件,具有解耦、扩展性和灵活性等优点,但也存在消息顺序和性能问题。广泛应用于物联网、事件总线和Vue响应式系统等场景。
设计模式
JavaScript
编程
JavaScript设计模式:观察者模式
编程
JavaScript设计模式:观察者模式
2024-11-19 05:37:50 +0800 CST
view 1570
观察者模式是一种行为设计模式,定义了一对多的依赖关系,使得一个对象的状态变化时,所有依赖者都会得到通知并自动更新。模式包含观察目标和观察者,适用于事件驱动场景,如MVC架构和DOM事件监听。优点包括解耦和灵活性,但也可能导致性能消耗和循环依赖。该模式在许多框架和库中被广泛应用。
设计模式
软件开发
JavaScript
一个简单的html卡片元素代码
代码
一个简单的html卡片元素代码
2024-11-18 18:14:27 +0800 CST
view 1761
该文本展示了一个简单的HTML页面,包含多个卡片元素,分别代表教育、凭证、钱包和人力资源。每个卡片使用CSS样式进行布局和视觉效果设计,包括悬停效果和SVG图标。页面的整体设计旨在提供清晰的视觉层次和交互体验。
网页设计
前端开发
用户界面
JavaScript设计模式:桥接模式
编程
JavaScript设计模式:桥接模式
2024-11-18 19:03:40 +0800 CST
view 1677
桥接模式是一种结构型设计模式,通过将抽象部分与实现部分分离,允许它们独立变化,适用于处理多维度变化的系统。该模式包含抽象类、实现类接口、细化抽象类和具体实现类。它的优点包括解耦、扩展性和灵活性,但也增加了系统设计的复杂性。桥接模式在前端开发中广泛应用于UI组件库和Ajax数据请求的实现。
设计模式
软件工程
前端开发
代码
一个登录注册界面的HTML结构和样式
2024-11-17 20:33:23 +0800 CST
view 1775
该文本描述了一个登录注册界面的HTML结构和样式。界面包括登录和注册两个部分,用户可以输入邮箱和密码进行登录或注册。界面设计使用了CSS进行样式设置,并通过JavaScript实现了登录和注册之间的切换功能。整体布局采用了Flexbox,确保了良好的响应式设计。
前端开发
网页设计
用户界面
HTML
CSS
JavaScript
JavaScript设计模式:组合模式
编程
JavaScript设计模式:组合模式
2024-11-18 11:14:46 +0800 CST
view 1668
组合模式是一种对象结构型设计模式,允许将对象组合成树形结构以表示部分-整体的层次关系。它包括抽象类Component、叶节点Leaf和容器节点Composite,客户端通过Component接口与组合结构交互。该模式适用于树形结构和层次结构的统一操作,具有易于扩展和递归操作的优点,但也存在类型限制和复杂性增加的问题。
设计模式
JavaScript
编程
软件工程
树形结构
JavaScript设计模式:装饰器模式
编程
JavaScript设计模式:装饰器模式
2024-11-19 06:05:51 +0800 CST
view 1669
装饰器模式是一种结构型设计模式,允许在不修改对象本身的情况下动态地为其增加新功能。通过创建包装对象,装饰器模式实现了对象功能的扩展。该模式的核心组件包括抽象组件、具体组件、抽象装饰者和具体装饰者。它在多个领域有广泛应用,如Axios拦截器、React高阶组件和TypeScript装饰器,提供了灵活且优雅的解决方案。
设计模式
JavaScript
编程
软件工程
前端开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
6
7
8
9
10
...
12
下一页