程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 800
本文介绍了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 1882
本文讨论了如何使用CSS实现亚克力和磨砂玻璃效果,介绍了这两种效果的历史背景及其在现代UI设计中的应用。通过使用CSS的filter和backdrop-filter属性,提供了详细的代码示例,展示了如何构建这些视觉效果,强调了透明度、模糊和层次感的重要性。
UI设计
前端开发
CSS效果
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1446
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 752
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 1696
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
超越 Docker:WebAssembly Component Model 如何重塑跨语言服务架构
编程
超越 Docker:WebAssembly Component Model 如何重塑跨语言服务架构
2026-04-20 22:48:34 +0800 CST
view 111
深度解析 Wasm 组件模型 + WIT 接口语言 + WASI 2.0 如何在服务端重构跨语言协作范式,含完整 Rust/Go 实战代码
WebAssembly
Wasm
组件模型
跨语言
WASI
WIT
服务端架构
移动端 CSS 适配全攻略:从基础到进阶全面解析
编程
移动端 CSS 适配全攻略:从基础到进阶全面解析
2025-07-22 12:32:47 +0800 CST
view 989
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1218
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1057
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 219
深入解析 AG-UI 协议,探讨其如何标准化 AI Agent 与前端应用之间的实时双向通信,包括架构设计、事件系统、代码实战和生态定位
AI Agent
前端交互
AG-UI
MCP
A2A
SSE
协议标准化
TinyGo是Go语言的一个编译器,专为资源有限的环境设计,生成更小的二进制文件,适用于嵌入式系统和WebAssembly
综合
TinyGo是Go语言的一个编译器,专为资源有限的环境设计,生成更小的二进制文件,适用于嵌入式系统和WebAssembly
2024-11-19 03:46:50 +0800 CST
view 1687
TinyGo是Go语言的一个编译器,专为资源有限的环境设计,生成更小的二进制文件,适用于嵌入式系统和WebAssembly。与标准Go编译器相比,TinyGo在功能上有所妥协,如对Cgo和反射的支持有限。它优化了启动时间和内存使用,特别适合物联网设备和WebAssembly应用程序的开发。
编程
Go语言
嵌入式开发
WebAssembly
性能优化
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 556
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 220
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 73
浏览器原生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 856
本文介绍了如何使用CSS的`clamp()`函数来实现流体响应式布局,告别传统的`px`单位和繁琐的媒体查询。通过`clamp()`,可以在设定的最小值和最大值之间,根据视口宽度动态调整元素的大小,实现平滑过渡,提升用户体验。文章还提供了具体的代码示例和工作原理的解释,强调了`clamp()`在现代前端开发中的重要性。
前端开发
CSS
响应式设计
Claude Mythos Preview 深度解析:当 AI 成为漏洞挖掘机,网络安全格局的范式转移
编程
Claude Mythos Preview 深度解析:当 AI 成为漏洞挖掘机,网络安全格局的范式转移
2026-04-12 17:55:58 +0800 CST
view 520
深度解析 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 644
本文介绍了CSS的新特性@scope,它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域,避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码,使样式更直观且易于维护。@scope代表了CSS的未来发展方向,促进了组件化开发。
前端开发
CSS
组件化
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
编程
WebAssembly:让浏览器跑出原生性能,一场静悄悄的Web革命
2026-04-21 09:24:16 +0800 CST
view 106
WebAssembly:二进制指令格式,让浏览器以接近原生速度运行C/C++/Rust代码,应用于游戏、视频处理、AI推理、边缘计算等场景
前端
WebAssembly
WASM
性能优化
Rust
C++
Web开发
技术介绍
WebAssembly Component Model 深度解析:从理论奠基到生产落地的完整指南
编程
WebAssembly Component Model 深度解析:从理论奠基到生产落地的完整指南
2026-04-21 10:20:21 +0800 CST
view 82
深度解析WebAssembly Component Model的设计理念、WIT接口定义语言、Canonical ABI机制、wit-bindgen实战用法,以及2026年主流运行时生态现状,帮助开发者建立完整的技术认知框架。
WebAssembly
WCM
WIT
wasmtime
跨语言互操作
服务器端Wasm
组件模型
WebAssembly 3.0 多内存架构深度解析:当「内存隔离」成为前端性能的新引擎
编程
WebAssembly 3.0 多内存架构深度解析:当「内存隔离」成为前端性能的新引擎
2026-04-12 21:27:18 +0800 CST
view 129
本文深入解析WebAssembly3.0引入的多内存架构,从单内存模型的困境(内存越界、容量限制、安全模糊)出发,详细阐述多内存特性的设计目标、技术原理(内存索引、访问控制、安全隔离)及工程实践。通过浪潮软件的前端渲染专利案例,展示三层内存架构(GPU内存、SIMD内存、CPU内存)带来的显著性能提升(渲染帧率+37%,计算加速6.7倍)。结合Rust工具链、内存管理最佳实践及Rust1.96链接器变更,探讨多内存在在线设计工具、数据处理等场景的应用,并展望组件模型与64位地址空间的未来发展方向。
WebAssembly
前端性能
内存管理
并行计算
浏览器技术
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
编程
只需浏览器!FastAPI+Vue3打造开源高性能Web SSH终端LingTerm
2026-04-21 10:51:33 +0800 CST
view 111
LingTerm:FastAPI+Vue3打造的高性能Web SSH终端,无需安装,打开浏览器就能连接服务器,支持SFTP、可视化文件管理、多标签、主题定制
开源
SSH
Web终端
FastAPI
Vue3
xterm.js
SFTP
Python
运维工具
WebSocket
#免密码登录服务器
编程
#免密码登录服务器
2024-11-19 04:29:52 +0800 CST
view 1352
本文介绍了如何配置服务器的免密码登录功能,主要步骤包括开启RSA登录、生成SSH密钥对、将公钥添加到授权列表以及下载私钥。通过编辑SSH配置文件并重启服务,用户可以实现安全的无密码登录。生成的密钥对包括私钥和公钥,确保私钥的安全性和权限设置至关重要。
服务器配置
安全
SSH
网络管理
比Chrome快9倍!这个Zig写的头浏览器正在悄悄火
编程
比Chrome快9倍!这个Zig写的头浏览器正在悄悄火
2026-04-21 13:39:10 +0800 CST
view 81
用Zig语言从零写的AI浏览器,比Chrome快9倍内存省16倍。兼容CDP协议,AI Agent和爬虫的性价比神器。
Lightpanda
Zig
浏览器
AI
headless
抛弃 `!important`:提升 CSS 优先级的正确姿势
编程
抛弃 `!important`:提升 CSS 优先级的正确姿势
2025-08-15 15:45:38 +0800 CST
view 714
本文探讨了在前端开发中如何有效提升CSS优先级,避免滥用`!important`。通过理解CSS优先级计算规则和使用ID选择器、类选择器、属性选择器等技巧,开发者可以写出更清晰、可维护的代码。同时介绍了BEM方法论,强调其在避免优先级冲突中的优势。
前端开发
CSS
样式管理
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
3
4
5
6
7
下一页