程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
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 524
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
Lightpanda 深度实战:当 AI Agent 有了自己的浏览器——从 Zig 零构建引擎到 CDP/MCP 双协议生产级部署完全指南
编程
Lightpanda 深度实战:当 AI Agent 有了自己的浏览器——从 Zig 零构建引擎到 CDP/MCP 双协议生产级部署完全指南
2026-06-11 10:49:09 +0800 CST
view 566
Lightpanda是用Zig从零构建的无头浏览器,专为AI和自动化设计。100并行页面比Chrome快9倍、内存省16倍,支持CDP和MCP双协议
Lightpanda
Zig
Headless Browser
AI Agent
MCP
CDP
Puppeteer
Web Automation
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 1147
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
Firefox in WebAssembly 深度拆解:当浏览器内核开始「无边界」——从 Gecko 引擎编译到 WebAssembly 的工程全貌(2026)
编程
Firefox in WebAssembly 深度拆解:当浏览器内核开始「无边界」——从 Gecko 引擎编译到 WebAssembly 的工程全貌(2026)
2026-07-18 11:46:15 +0800 CST
view 268
2026年7月Puter Labs开源项目深度拆解:将Firefox完整渲染引擎Gecko编译为WebAssembly,在Chrome中运行Firefox。含Emscripten工具链、Gecko编译挑战、SpiderMonkey JIT集成、WebGL渲染加速等核心技术,配完整代码实战与性能分析。
Firefox
Gecko
WebAssembly
Wasm
Emscripten
SpiderMonkey
Mozilla
浏览器
开源
2026
CSS实现亚克力和磨砂玻璃效果
编程
CSS实现亚克力和磨砂玻璃效果
2024-11-18 01:21:20 +0800 CST
view 2420
本文讨论了如何使用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 769
Hermes WebUI 今日飙升 1725 星。本文深度拆解其架构设计、SSE流式传输机制、多模型路由策略、工具调用可视化实现,以及从本地部署到生产级优化的完整指南。
Hermes
WebUI
SSE
LLM
Agent
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
编程
Harness Engineering 深度实战:从"玄学 Prompt"到"硬核线束架构"——2026年 AI Agent 开发范式转移完全指南
2026-05-23 18:15:43 +0800 CST
view 434
深入拆解2026年AI Agent开发最新范式:Harness Engineering(线束工程),从Prompt Engineering的结构性失败到硬核系统约束的范式转移,六大核心支柱与生产级实战代码
AI Agent
Harness Engineering
工程实践
架构设计
Go 1.24 深度解析:Swiss Table 哈希表革命、泛型增强与 weak 包——重新定义 Go 并发性能
编程
Go 1.24 深度解析:Swiss Table 哈希表革命、泛型增强与 weak 包——重新定义 Go 并发性能
2026-06-30 13:15:00 +0800 CST
view 257
2025年2月Go 1.24正式发布,内置map全面切换为Swiss Table,sync.Map引入HashTrieMap架构。本文深入解析两大数据结构的底层原理、性能对比、泛型类型别名、weak包、runtime.AddCleanup等核心新特性,提供完整代码实战与迁移指南。
Go
Go1.24
Swiss Table
HashTrieMap
泛型
weak包
sync.Map
性能优化
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1861
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
5个 CSS 新功能,简单好用还超省时间
代码
5个 CSS 新功能,简单好用还超省时间
2025-07-18 07:48:14 +0800 CST
view 1152
本文介绍了五个值得立即使用的CSS新功能,包括:has()、clamp()、mask-image、scroll-snap-type和aspect-ratio。这些特性能够简化代码、提升效果和加快开发速度,解决了许多传统上需要JavaScript或复杂技巧才能实现的问题。掌握这些新特性将使前端开发更加高效和现代。
CSS
前端开发
新特性
综合
整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性
2024-11-19 10:13:33 +0800 CST
view 2180
本文整理了8款基于CSS和JavaScript的创意通知界面,展示了现代网页通知的多样性和设计可能性。每种设计都结合了视觉效果与交互体验,适用于电商和社交平台,提升用户体验。通过这些创意实现,通知不仅传递信息,还能增强品牌形象。
网页设计
用户体验
前端开发
CSS
JavaScript
超越 Docker:WebAssembly Component Model 如何重塑跨语言服务架构
编程
超越 Docker:WebAssembly Component Model 如何重塑跨语言服务架构
2026-04-20 22:48:34 +0800 CST
view 831
深度解析 Wasm 组件模型 + WIT 接口语言 + WASI 2.0 如何在服务端重构跨语言协作范式,含完整 Rust/Go 实战代码
WebAssembly
Wasm
组件模型
跨语言
WASI
WIT
服务端架构
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
编程
Higress 深度拆解:阿里开源的 AI Native 网关如何用 Wasm 插件重新定义流量治理
2026-05-02 05:34:19 +0800 CST
view 894
深度拆解阿里开源的 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 1386
本文全面解析了移动端CSS适配的关键问题,包括viewport设置、1px物理像素问题、安全区域适配、字体缩放控制及rem方案等。通过具体的代码示例,提供了多种解决方案,帮助前端工程师应对不同设备的适配挑战,确保页面在各种屏幕上都能良好显示。
前端开发
移动开发
CSS
技术文档
响应式设计
编程
为什么你应该停止使用传统的 Margin 和 Padding
2024-11-18 14:34:19 +0800 CST
view 1646
随着网络用户的增加,确保可访问性变得重要。传统的`margin`和`padding`可能导致不同区域设置的用户困惑。现代开发者应使用`margin-inline`、`margin-block`、`padding-inline`和`padding-block`,以适应不同方向的布局需求。这些新属性通过定义起始和结束边距,确保无论区域设置如何,布局都能按预期显示。结合`flexbox`使用时,这些属性更加强大。
前端开发
CSS
无障碍设计
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1507
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
Deno 2.9 深度实战:当 TypeScript 运行时终于杀入桌面战场——从 deno desktop 全链路解析到性能跃迁内幕
编程
Deno 2.9 深度实战:当 TypeScript 运行时终于杀入桌面战场——从 deno desktop 全链路解析到性能跃迁内幕
2026-07-12 14:13:45 +0800 CST
view 267
深度解析 Deno 2.9 三大核心更新:deno desktop 原生桌面应用构建、启动速度 2x 提升、内存降低 3.1x、HTTP 吞吐量 1.27x 提升,附完整代码实战与生产级性能调优指南。
Deno
TypeScript
桌面开发
WebAssembly
Node.js
性能优化
运行时
Web标准
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 1030
深入解析 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 2075
TinyGo是Go语言的一个编译器,专为资源有限的环境设计,生成更小的二进制文件,适用于嵌入式系统和WebAssembly。与标准Go编译器相比,TinyGo在功能上有所妥协,如对Cgo和反射的支持有限。它优化了启动时间和内存使用,特别适合物联网设备和WebAssembly应用程序的开发。
编程
Go语言
嵌入式开发
WebAssembly
性能优化
Vera 编程语言深度解析:当一门语言从设计之初就为 LLM 而生
编程
Vera 编程语言深度解析:当一门语言从设计之初就为 LLM 而生
2026-06-17 16:27:35 +0800 CST
view 378
深度解析 Vera 编程语言——一门从设计之初就专为 LLM 编写的编程语言,涵盖强制合约验证、结构引用、效果类型系统、WebAssembly 编译等核心技术。
编程语言
AI编程
LLM
形式化验证
WebAssembly
Z3
WASI 3.0 与 WebAssembly 组件模型深度拆解:当 Wasm 从浏览器走向服务器端——从 WIT 接口定义、World 组合到跨语言互操作的工程全貌(2026)
编程
WASI 3.0 与 WebAssembly 组件模型深度拆解:当 Wasm 从浏览器走向服务器端——从 WIT 接口定义、World 组合到跨语言互操作的工程全貌(2026)
2026-07-19 06:13:07 +0800 CST
view 395
深度拆解 WASI 3.0 与 WebAssembly 组件模型:从 WIT 接口定义语言、World 组合机制,到 Rust/Go/JS 多语言组件构建,再到 Wasmtime/WAMR/WasmEdge/Wasmer 四大运行时横向对比,以及 AI Agent 沙箱的生产级实战。
WASI
WebAssembly
组件模型
WIT
World
服务器端
Wasmtime
WAMR
WasmEdge
跨语言互操作
Go 1.24 三板斧重塑工程边界:Swiss Table 革新底层性能、weak.Pointer 解锁内存效率革命、后量子密码 ML-KEM 引领安全未来
编程
Go 1.24 三板斧重塑工程边界:Swiss Table 革新底层性能、weak.Pointer 解锁内存效率革命、后量子密码 ML-KEM 引领安全未来
2026-07-12 15:16:22 +0800 CST
view 226
深度解析 Go 1.24 三大重磅更新:Swiss Table 让 map 性能提升 20-30%,weak.Pointer 补全内存管理版图,crypto/mlkem 引领后量子密码时代
Go语言
后量子密码
SwissTable
性能优化
内存管理
工程实践
Deno 2.9 深度拆解:Web 技术栈「一次编写,随处编译」的时代来了
编程
Deno 2.9 深度拆解:Web 技术栈「一次编写,随处编译」的时代来了
2026-07-30 09:45:02 +0800 CST
view 178
深度拆解 Deno 2.9:deno desktop 桌面开发、17ms 冷启动优化、62MB 恒定内存、HTTP 吞吐量提升 27%,以及与 Tauri/Electron 的本质区别与选型建议。
Deno
TypeScript
JavaScript
桌面开发
WebAssembly
性能优化
Node.js
开源
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 1556
2026年4月7日nginx发布1.29.8版本,新增max_headers指令防御Slowloris攻击,全面兼容OpenSSL 4.0,修复Early Hints多响应处理异常和字符集解析漏洞。
nginx
nginx1.29
OpenSSL
Web安全
反向代理
服务器运维
性能优化
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
54
55
56
57
58
...
111
下一页