程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用 rem 适配 PC 与移动端——原理与实战指南
编程
使用 rem 适配 PC 与移动端——原理与实战指南
2025-07-02 09:02:48 +0800 CST
view 1062
本文介绍了如何使用rem单位适配PC与移动端的原理与实战指南。通过flexible.js动态设置根字体和postcss-pxtorem插件自动转换px为rem,实现一套代码适配多端的设计理念。强调了开发、构建和运行阶段的最佳实践与注意事项,确保视觉一致性与用户体验。
前端开发
响应式设计
CSS
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 886
本文介绍了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 1999
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 31
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
案例
browser-harness:狂揽 11.9K Stars!让 AI Agent 真正丝滑操控浏览器
2026-05-11 10:18:42 +0800 CST
view 187
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 1540
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 846
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 1876
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
编程
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
2026-05-02 05:34:19 +0800 CST
view 210
深度拆解阿里开源的 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 1086
本文全面解析了移动端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 603
复旦大学OpenMOSS团队开源的0.1B参数多语言TTS模型,纯CPU运行、支持零样本语音克隆、48kHz双声道、20种语言、流式推理,MacBook Air单核即可流畅运行
TTS
语音合成
语音克隆
AI
开源
CPU推理
OpenMOSS
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1331
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1179
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 397
深入解析 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 840
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 369
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 171
浏览器原生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 954
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
Claude Mythos Preview 深度解析:当 AI 成为漏洞挖掘机,网络安全格局的范式转移
编程
Claude Mythos Preview 深度解析:当 AI 成为漏洞挖掘机,网络安全格局的范式转移
2026-04-12 17:55:58 +0800 CST
view 738
深度解析 Anthropic 发布 Claude Mythos Preview:72.4%零日漏洞挖掘成功率、发现 OpenBSD 27年漏洞、FFmpeg 16年漏洞,12家机构联合启动 Project Glasswing 网络安全计划。
AI安全
网络安全
Claude
Anthropic
漏洞挖掘
零日漏洞
Project Glasswing
AI编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST
view 754
本文介绍了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 34
从架构设计到生产实战,全面掌握 Kubernetes Gateway API,彻底告别 Ingress annotations 的混乱配置
Kubernetes
Gateway API
云原生
微服务
流量治理
Ingress
从MIT到SSPL:Deno 3.0如何用微内核架构向Node.js发起总攻
编程
从MIT到SSPL:Deno 3.0如何用微内核架构向Node.js发起总攻
2026-05-12 00:43:53 +0800 CST
view 135
深度解析Deno3.0五大核心变革:微内核+可插拔模块架构、动态权限沙箱与microVM隔离、WASM优先插件生态、io_uring与V8深度优化带来的3倍性能提升,以及MIT转SSPL许可证争议对开发者的真实影响,附Node.js迁移实战指南
Deno,Node.js,TypeScript,RyanDahl,SSPL,微内核,权限沙箱,WASM,io_uring,V8引擎,JavaScript运行时,开源许可证
OpenSSL 4.0 深度解析:ECH 加密握手与后量子密码学的双重革命
编程
OpenSSL 4.0 深度解析:ECH 加密握手与后量子密码学的双重革命
2026-05-12 01:18:07 +0800 CST
view 164
深度解析OpenSSL4.0三大核心升级:ECH加密整个TLS握手消除SNI隐私泄露、ML-DSA-MU与RFC8998后量子国密混合算法套件实现量子安全、cSHAKE可定制哈希函数防止重放攻击,附完整C/Python/Go多语言迁移实战与ECH部署指南
OpenSSL,TLS,ECH,后量子密码学,ML-DSA-MU,RFC8998,SM2,SM3,SM4,cSHAKE,隐私保护,国密算法,迁移指南
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
编程
CSS 2026 新特性深度解析:从锚点定位到瀑布流布局,前端开发迎来纯 CSS 解决方案时代
2026-04-21 10:51:18 +0800 CST
view 317
深度解析 CSS 2026 核心新特性:锚点定位彻底替代 Popper.js、原生瀑布流布局告别 JavaScript 库、滚动驱动动画实现零 JS 滚动效果。包含完整代码示例、性能对比和浏览器兼容性方案。
CSS
前端
Web开发
Anchor Positioning
Masonry
Scroll Animation
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
5
6
7
8
9
10
下一页