程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
代码
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
2025-05-15 10:22:08 +0800 CST
view 1725
本文介绍了一种纯CSS实现的3D翻书特效,展示了如何通过CSS的高级特性如transform-style、perspective和transition等,创建逼真的翻页效果。该特效无需JavaScript,提供了优秀的交互体验,适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码,便于读者直接使用和修改。
前端开发
CSS
动画效果
网页设计
用户体验
Gatus:Go 编写的服务健康监控面板,主动探测 + 30+ 告警渠道
编程
Gatus:Go 编写的服务健康监控面板,主动探测 + 30+ 告警渠道
2026-07-11 08:40:40 +0800 CST
view 230
Gatus是Go编写的开源健康监控面板,主动探测HTTP/ICMP/TCP/grpc/DNS等,灵活条件判断(JSONPath/证书/域名过期),30+告警渠道,支持外部推送和Suites工作流监控。
Go
监控
Gatus
健康探测
告警
SSL
开源
DevOps
可观测性
编程
CSS中实现从左下角到右上角的渐变效果
2024-11-19 02:17:33 +0800 CST
view 1940
本文详细介绍了如何在CSS中实现从左下角到右上角的渐变效果。通过使用`linear-gradient`函数,可以指定渐变的方向和颜色过渡。示例中展示了两种颜色渐变、使用角度定义渐变以及添加多个颜色停止点来创建复杂的渐变效果。总结了方向渐变、颜色控制和多颜色渐变的实现方法,帮助读者更好地理解和应用CSS渐变。
前端开发
CSS
网页设计
tinyauth:Go 认证中间件,环境变量搞定反向代理 SSO,7K Star
编程
tinyauth:Go 认证中间件,环境变量搞定反向代理 SSO,7K Star
2026-07-11 08:43:10 +0800 CST
view 221
tinyauth是Go编写的极简认证授权服务器,静态二进制+环境变量配置+SQLite存储,支持本地/OAuth/LDAP/TOTP/OIDC,Traefik/Caddy/Nginx/Envoy通吃,Forward Auth机制统一自托管应用SSO。
Go
认证
tinyauth
SSO
反向代理
OAuth
LDAP
OIDC
自托管
开源
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
编程
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
2024-11-18 15:30:45 +0800 CST
view 1642
本文介绍了如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动。通过处理鼠标的mousedown、mousemove和mouseup事件,结合动态DOM操作,读者可以掌握拖动效果的实现技巧,提升用户体验。文中提供了详细的HTML和JavaScript代码示例,帮助读者理解拖动功能的核心逻辑和实现方法。
前端开发
用户交互
JavaScript
DOM操作
CSS
50 个实用前端 JavaScript/CSS 代码片段
代码
50 个实用前端 JavaScript/CSS 代码片段
2025-05-21 09:53:05 +0800 CST
view 1697
本文整理了50个实用的JavaScript和CSS代码片段,涵盖设备判断、事件监听、DOM操作、数据处理等多个方面,旨在提高前端开发的效率。每个代码片段都提供了具体的实现方式,适合开发者在日常工作中参考和使用。
前端开发
JavaScript
CSS
代码片段
实用工具
SSM-Transformer 混合架构深度实战:当状态空间模型终于与注意力机制握手言和
编程
SSM-Transformer 混合架构深度实战:当状态空间模型终于与注意力机制握手言和
2026-07-11 10:25:05 +0800 CST
view 224
深度拆解 2026 年 SSM-Transformer 混合架构的设计哲学、内核原理与生产实战:Mamba 选择性状态空间模型、Hybrid 混合层设计、vLLM 推理优化、Kubernetes 部署与性能调优,配完整可运行代码。
SSM
Mamba
Mamba2
Transformer
混合架构
状态空间模型
长上下文
推理优化
大模型
LLM
我把 Claude Code 变成了专属运维工程师:MCP + Skills 实战全记录
案例
我把 Claude Code 变成了专属运维工程师:MCP + Skills 实战全记录
2026-05-10 08:41:57 +0800 CST
view 667
通过 MCP + Skills 把 Claude Code 变成专属运维工程师。核心工具:mcp-ssh-manager(SSH操作)、vps-setup Skill(服务器初始化)。一句话完成 VPS 优化、项目部署、监控、Cloudflare 配置。安全边界设计:低权限账号、敏感操作人工审核、Zone-level 权限。
Claude Code
MCP
Skills
运维
SRE
SSH
Docker
Nginx
Cloudflare
AI运维
自动化
GitNexus 深度实战:零服务器代码智能引擎——浏览器端知识图谱与 Graph RAG 的架构革命
编程
GitNexus 深度实战:零服务器代码智能引擎——浏览器端知识图谱与 Graph RAG 的架构革命
2026-05-23 04:17:55 +0800 CST
view 530
深入解析 GitNexus —— 一款完全在浏览器端运行的代码知识图谱创建工具,从技术架构、Graph RAG 实现原理到性能优化,全方位拆解这款颠覆传统代码分析范式的开源项目。
GitNexus
代码知识图谱
Graph RAG
浏览器端
WebAssembly
120个实用CSS技巧汇总合集
代码
120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST
view 1327
本文汇总了120个实用的CSS技巧,涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面,适合新手和进阶前端工程师。每个技巧都配有代码示例,帮助开发者提升页面性能与用户体验,掌握高效、优雅的前端开发技能。
前端开发
CSS
网页设计
WebAssembly 组件模型深度实战:从 WASI Preview2 到跨语言组件互操作,重新定义一次编译到处运行的真正含义
编程
WebAssembly 组件模型深度实战:从 WASI Preview2 到跨语言组件互操作,重新定义一次编译到处运行的真正含义
2026-04-30 03:54:47 +0800 CST
view 680
深入解析 WebAssembly 组件模型技术体系:WIT接口定义、跨语言组件互操作、WASI Preview2能力安全、Wasm容器化部署、性能优化与生产实战
WebAssembly
Wasm
组件模型
WASI
WIT
跨语言
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
2026-04-19 22:45:35 +0800 CST
view 730
2026 年 CSS 迎来革命性升级:原生锚点定位取代 Popper.js、grid-lanes 实现瀑布流、滚动驱动动画解放主线程、field-sizing 一行代码解决 textarea 自动高度。深度解析四大新特性的原理与实战。
CSS
前端
前端工程化
性能优化
Kotlin 2026 深度拆解:当 WasmGC 遇见 Multiplatform——从集合字面量到全平台原生复用的工程革命
编程
Kotlin 2026 深度拆解:当 WasmGC 遇见 Multiplatform——从集合字面量到全平台原生复用的工程革命
2026-07-18 08:14:35 +0800 CST
view 223
深度拆解 Kotlin 2026 技术全景:Kotlin 2.4.0 集合字面量、WasmGC 原生 GC 支持、WebAssembly Component Model、Kotlin Multiplatform 企业架构、Ktor 跨平台网络层、Koog AI Agent 框架,配完整代码实战与生产清单。
Kotlin
Kotlin Multiplatform
KMP
Wasm
WasmGC
WebAssembly
跨平台开发
Android
iOS
JetBrains
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1354
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
WasmGC 深度实战:从 GC Types 到跨语言浏览器高性能运行——下一代 Web 性能革命的架构完全指南
编程
WasmGC 深度实战:从 GC Types 到跨语言浏览器高性能运行——下一代 Web 性能革命的架构完全指南
2026-05-23 11:44:37 +0800 CST
view 509
深入解析 WasmGC 提案:从底层原理、WAT 字节码结构到 Kotlin/Dart 生产级编译实战,探讨 Docker WASM 云端部署与 WebGPU 协同优化的完整指南
WebAssembly
WasmGC
浏览器性能
Kotlin
WASM
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 466
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 1121
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
编程
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
2026-07-18 11:16:28 +0800 CST
view 191
2026年7月爆火的Nutlope/hallmark开源项目深度拆解:21种宏观结构、20+设计主题、57道检测门,从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark
AI设计
反AI-slop
Claude Code
Cursor
Codex
设计系统
前端工程
AI编程
Nutlope
GitHub开源
HTML CSS
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2338
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
向量数据库全景深度解析:2026 年 AI 原生应用的核心基础设施——从 ANN 算法到生产级部署的完整指南
编程
向量数据库全景深度解析:2026 年 AI 原生应用的核心基础设施——从 ANN 算法到生产级部署的完整指南
2026-06-30 12:25:17 +0800 CST
view 302
2026 年向量数据库已成为 AI 应用的核心基础设施。本文深度解析 ANN 算法(HNSW、IVF+PQ、LSH、Annoy)、主流向量数据库(Milvus、Chroma、Qdrant、Pinecone、LanceDB、pgvector)全景对比、性能基准测试、代码实战、生产级部署方案、性能优化技巧,以及未来发展趋势。
向量数据库
Vector Database
AI应用
RAG
语义搜索
Milvus
Chroma
Qdrant
Pinecone
LanceDB
pgvector
ANN算法
HNSW
IVF
PQ
Faiss
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1837
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 1134
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2165
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
gsplat深度解析:3D高斯泼溅的CUDA加速革命——从伯克利/英伟达开源库到生产级实时渲染
编程
gsplat深度解析:3D高斯泼溅的CUDA加速革命——从伯克利/英伟达开源库到生产级实时渲染
2026-06-30 15:18:05 +0800 CST
view 1027
深度解析UC伯克利/NVIDIA等机构联合开发的gsplat开源库:CUDA加速的3D高斯泼溅渲染引擎,节省4倍显存、缩短15%训练时间,涵盖数学原理、CUDA架构、训练流程、性能优化与生产应用。
gsplat
3D Gaussian Splatting
CUDA
图形渲染
3D重建
NeRF
实时渲染
PyTorch
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
25
26
27
28
29
...
106
下一页