程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
120个实用CSS技巧汇总合集
代码
120个实用CSS技巧汇总合集
2025-06-23 13:19:55 +0800 CST
view 1318
本文汇总了120个实用的CSS技巧,涵盖布局、视觉样式、交互、性能优化、动画效果等多个方面,适合新手和进阶前端工程师。每个技巧都配有代码示例,帮助开发者提升页面性能与用户体验,掌握高效、优雅的前端开发技能。
前端开发
CSS
网页设计
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
编程
2026 CSS 新特性深度解析:从 Popper.js 到原生锚点定位,前端工具链的终极进化
2026-04-19 22:45:35 +0800 CST
view 678
2026 年 CSS 迎来革命性升级:原生锚点定位取代 Popper.js、grid-lanes 实现瀑布流、滚动驱动动画解放主线程、field-sizing 一行代码解决 textarea 自动高度。深度解析四大新特性的原理与实战。
CSS
前端
前端工程化
性能优化
WiFi-DensePose/RuView 深度解析:用无线电波“看透“世界——无摄像头人体感知革命
编程
WiFi-DensePose/RuView 深度解析:用无线电波“看透“世界——无摄像头人体感知革命
2026-05-10 20:20:33 +0800 CST
view 745
2026年GitHub 17K星开源项目WiFi-DensePose,用普通WiFi信号实现穿墙人体姿态估计、生命体征监测。深度解析技术原理、神经网络架构与部署方案。
WiFi,CSI,人体感知,隐私,AI,开源项目
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1339
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 415
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
RuView深度解析:用WiFi信号看透人体姿态——从CSI信道状态信息到54K FPS实时追踪的完整技术架构
编程
RuView深度解析:用WiFi信号看透人体姿态——从CSI信道状态信息到54K FPS实时追踪的完整技术架构
2026-05-16 23:46:30 +0800 CST
view 999
深度解析RuView(WiFi DensePose)如何用普通WiFi信号实现无摄像头人体姿态估计,从CSI信道状态信息原理到Rust高性能推理引擎的完整技术架构。
WiFi感知
CSI
人体姿态估计
RuView
深度学习
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 1091
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
OpenTelemetry 深度解析:可观测性终极标准如何重塑云原生监控——从三大支柱到 AI 根因分析的全链路实战
编程
OpenTelemetry 深度解析:可观测性终极标准如何重塑云原生监控——从三大支柱到 AI 根因分析的全链路实战
2026-05-11 05:48:38 +0800 CST
view 676
OpenTelemetry深度解析:可观测性终极标准如何重塑云原生监控,从Traces/Metrics/Logs三大支柱到AI根因分析的全链路实战
OpenTelemetry,可观测性,分布式追踪,Metrics,Logs,OTLP,云原生
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
编程
Hallmark 深度拆解:当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌(2026)
2026-07-18 11:16:28 +0800 CST
view 173
2026年7月爆火的Nutlope/hallmark开源项目深度拆解:21种宏观结构、20+设计主题、57道检测门,从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark
AI设计
反AI-slop
Claude Code
Cursor
Codex
设计系统
前端工程
AI编程
Nutlope
GitHub开源
HTML CSS
Stanford CS336 深度实战:从零实现大语言模型——数据清洗、Transformer 架构、FlashAttention 系统优化到 RL 对齐的完全指南(2026)
编程
Stanford CS336 深度实战:从零实现大语言模型——数据清洗、Transformer 架构、FlashAttention 系统优化到 RL 对齐的完全指南(2026)
2026-06-02 20:14:38 +0800 CST
view 559
Stanford CS336 课程深度解读:从零实现大语言模型,覆盖 Tokenizer、Transformer、FlashAttention-2、FSDP 分布式训练、Scaling Law、Common Crawl 数据清洗去重、SFT 与 GRPO 对齐,配完整代码示例。
LLM
Transformer
Stanford CS336
FlashAttention
PyTorch
AI工程
分布式训练
强化学习
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2295
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
e-mall:基于 Gin + GORM 的 Go 电商后端示例项目,秒杀/ES/链路追踪全栈
编程
e-mall:基于 Gin + GORM 的 Go 电商后端示例项目,秒杀/ES/链路追踪全栈
2026-07-12 08:42:31 +0800 CST
view 172
e-mall是基于Gin+GORM的Go电商后端示例项目,集成MySQL/Redis/RabbitMQ/Kafka/Elasticsearch/Jaeger,涵盖用户商品订单支付、秒杀Lua预减库存、异步建单、ES搜索和链路追踪,适合学习后端分层与高并发链路。
Go
Gin
GORM
电商
秒杀
Redis
Kafka
Elasticsearch
链路追踪
开源
1.6万亿参数,1M上下文,仅需27%算力:DeepSeek-V4-Pro 如何重新定义长文本推理
编程
1.6万亿参数,1M上下文,仅需27%算力:DeepSeek-V4-Pro 如何重新定义长文本推理
2026-05-11 10:53:54 +0800 CST
view 665
DeepSeek-V4-Pro 以 1.6T 总参数、49B 激活参数的 MoE 架构,原生支持 100 万 token 上下文,同时将推理算力降至 V3.2 的 27%、KV Cache 降至 10%。本文深度解析 CSA/HCA 混合注意力机制、mHC 流形约束超连接、KV Cache 极致优化、Muon 优化器等核心技术创新,以及如何在 Ollama、vLLM、官方 API 三种方式下部署运行。
DeepSeek-V4,MoE架构,CSA注意力,HCA注意力,KV Cache,1M上下文,长文本推理,开源大模型
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1815
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 1113
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2149
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 1342
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1624
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1461
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
万字深度解析 Bevy 0.19:BSN场景格式与ECS原生设计如何重新定义Rust游戏开发——从架构革命到生产级实践(2026)
编程
万字深度解析 Bevy 0.19:BSN场景格式与ECS原生设计如何重新定义Rust游戏开发——从架构革命到生产级实践(2026)
2026-06-30 19:46:09 +0800 CST
view 292
2026年6月Rust游戏引擎Bevy发布0.19版本,引入全新BSN场景格式和ECS原生设计。万字深度解析BSN架构原理、场景组合机制、GPU渲染优化,附完整代码实战与生产级实践指南。
Bevy
ECS
Rust
游戏引擎
BSN
场景系统
GPU渲染
WebAssembly
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
编程
window.open彻底过时了!浏览器全新Popover API发布,零依赖、无拦截、样式自由
2026-04-21 08:52:41 +0800 CST
view 537
浏览器原生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 1194
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
下一代 CSS 来了!用 @scope 告别全局样式困扰
编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST
view 1048
本文介绍了CSS的新特性@scope,它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域,避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码,使样式更直观且易于维护。@scope代表了CSS的未来发展方向,促进了组件化开发。
前端开发
CSS
组件化
RuView 深度解剖:9 美元的 ESP32 用 WiFi"看穿"墙壁——CSI 感知、生命体征检测与一次被撤回的 100% 准确率
编程
RuView 深度解剖:9 美元的 ESP32 用 WiFi"看穿"墙壁——CSI 感知、生命体征检测与一次被撤回的 100% 准确率
2026-07-25 04:43:50 +0800 CST
view 111
深度拆解 GitHub Trending 开源项目 RuView:CSI 信道状态信息原理、ESP32 采集固件实战、Rust 信号处理流水线、呼吸心率检测 DSP,以及对被撤回的 100% 准确率与 PCK@20=3.0% 姿态模型的诚实性冷思考。
RuView
WiFi感知
CSI
ESP32
边缘计算
Rust
信号处理
开源
生命体征检测
智能家居
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
下一页