程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 122
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 996
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2143
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
Hermes WebUI 深度实战:随时随地用手机/浏览器驱动 Hermes Agent——从 SSE 流式传输到多模型路由的完全指南(2026)
编程
Hermes WebUI 深度实战:随时随地用手机/浏览器驱动 Hermes Agent——从 SSE 流式传输到多模型路由的完全指南(2026)
2026-06-02 21:45:53 +0800 CST
view 409
Hermes WebUI 今日飙升 1725 星。本文深度拆解其架构设计、SSE流式传输机制、多模型路由策略、工具调用可视化实现,以及从本地部署到生产级优化的完整指南。
Hermes
WebUI
SSE
LLM
Agent
Kubernetes v1.36 深度解析:安全架构全面升级与 Gateway API 时代降临
编程
Kubernetes v1.36 深度解析:安全架构全面升级与 Gateway API 时代降临
2026-06-30 12:47:40 +0800 CST
view 16
2026年4月发布的Kubernetes v1.36代号Haru,包含70项增强。本文深入解析User Namespaces GA、Mutating Admission Policies GA、Ingress NGINX退役与Gateway API迁移、gitRepo卷移除等核心变更,提供生产级迁移指南与代码实战。
Kubernetes
Gateway API
Ingress NGINX
云原生
容器安全
User Namespace
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 270
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
Kubernetes v1.36 安全架构革命:从 User Namespaces GA 到 Ingress NGINX 全面退役
编程
Kubernetes v1.36 安全架构革命:从 User Namespaces GA 到 Ingress NGINX 全面退役
2026-06-30 12:50:56 +0800 CST
view 24
2026年4月Kubernetes v1.36正式发布,代号Haru。本文深入解析安全领域两大GA特性(User Namespaces、Mutating Admission Policies)、Ingress NGINX退役与Gateway API迁移方案,提供70项增强的完整技术解析与生产级迁移指南。
Kubernetes
云原生
容器安全
Gateway API
Ingress NGINX
User Namespace
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
案例
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
2026-05-11 10:18:42 +0800 CST
view 420
11.9K Stars 的开源项目 browser-harness,通过 CDP 框架直接连接 AI Agent 与真实 Chrome 浏览器,完全模拟人的行为,让 Agent 可以丝滑地浏览网页、搜索资料、填写表单、发布内容,不会触发任何反爬虫检测。
browser-harness
AI Agent
CDP
浏览器自动化
Claude Code
WebSocket
反爬虫
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1689
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 974
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2037
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
gsplat深度解析:3D高斯泼溅的CUDA加速革命——从伯克利/英伟达开源库到生产级实时渲染
编程
gsplat深度解析:3D高斯泼溅的CUDA加速革命——从伯克利/英伟达开源库到生产级实时渲染
2026-06-30 15:18:05 +0800 CST
view 24
深度解析UC伯克利/NVIDIA等机构联合开发的gsplat开源库:CUDA加速的3D高斯泼溅渲染引擎,节省4倍显存、缩短15%训练时间,涵盖数学原理、CUDA架构、训练流程、性能优化与生产应用。
gsplat
3D Gaussian Splatting
CUDA
图形渲染
3D重建
NeRF
实时渲染
PyTorch
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
编程
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
2026-05-02 05:34:19 +0800 CST
view 529
深度拆解阿里开源的 AI Native 网关 Higress:从 Envoy+Istio 架构原理、Wasm 插件开发、多模型代理、Token 级限流、语义缓存到 OpenAPI-to-MCP 全链路实战
AI网关
Wasm
Envoy
云原生
Higress
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 1222
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
MOSS-TTS-Nano:0.1B参数纯CPU实时语音生成与克隆,MacBook Air单核就能跑
编程
MOSS-TTS-Nano:0.1B参数纯CPU实时语音生成与克隆,MacBook Air单核就能跑
2026-04-20 22:53:28 +0800 CST
view 1061
复旦大学OpenMOSS团队开源的0.1B参数多语言TTS模型,纯CPU运行、支持零样本语音克隆、48kHz双声道、20种语言、流式推理,MacBook Air单核即可流畅运行
TTS
语音合成
语音克隆
AI
开源
CPU推理
OpenMOSS
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1516
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1335
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 677
深入解析 AG-UI 协议,探讨其如何标准化 AI Agent 与前端应用之间的实时双向通信,包括架构设计、事件系统、代码实战和生态定位
AI Agent
前端交互
AG-UI
MCP
A2A
SSE
协议标准化
nginx 1.29.8 深度解析:从 max_headers 到 OpenSSL 4.0 兼容,一次性吃透本次版本全部升级点
编程
nginx 1.29.8 深度解析:从 max_headers 到 OpenSSL 4.0 兼容,一次性吃透本次版本全部升级点
2026-04-12 12:56:27 +0800 CST
view 1199
2026年4月7日nginx发布1.29.8版本,新增max_headers指令防御Slowloris攻击,全面兼容OpenSSL 4.0,修复Early Hints多响应处理异常和字符集解析漏洞。
nginx
nginx1.29
OpenSSL
Web安全
反向代理
服务器运维
性能优化
nginx 1.29.8 深度解析:max_headers安全加固、OpenSSL 4.0兼容、协议层Bug修复全攻略
编程
nginx 1.29.8 深度解析:max_headers安全加固、OpenSSL 4.0兼容、协议层Bug修复全攻略
2026-04-12 12:56:42 +0800 CST
view 642
2026年4月7日nginx发布1.29.8版本,新增max_headers指令防御Slowloris攻击,全面兼容OpenSSL 4.0,修复Early Hints多响应处理异常和字符集解析漏洞。
nginx
nginx1.29
OpenSSL
Web安全
反向代理
服务器运维
性能优化
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 374
浏览器原生Popover API正式发布,零依赖、无拦截风险、样式完全可控、支持自动/手动两种模式,window.open的完美替代方案
前端
JavaScript
HTML5
CSS
Popover API
Browser API
Web开发
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
编程
告别 px!用 CSS `clamp()` 轻松实现流体响应式布局
2025-08-15 12:16:39 +0800 CST
view 1075
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
下一代 CSS 来了!用 @scope 告别全局样式困扰
编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST
view 895
本文介绍了CSS的新特性@scope,它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域,避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码,使样式更直观且易于维护。@scope代表了CSS的未来发展方向,促进了组件化开发。
前端开发
CSS
组件化
Kubernetes Gateway API 深度实战:从 Ingress 废墟到下一代流量治理的完全指南(2026)
编程
Kubernetes Gateway API 深度实战:从 Ingress 废墟到下一代流量治理的完全指南(2026)
2026-05-24 09:29:19 +0800 CST
view 315
从架构设计到生产实战,全面掌握 Kubernetes Gateway API,彻底告别 Ingress annotations 的混乱配置
Kubernetes
Gateway API
云原生
微服务
流量治理
Ingress
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
17
18
19
20
21
...
46
下一页