程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
如何判断用户是否离开了当前页面?
编程
如何判断用户是否离开了当前页面?
2025-06-28 17:11:21 +0800 CST
view 1340
在现代Web开发中,判断用户是否离开当前页面是一个重要需求。本文介绍了多种方法,包括使用PageVisibilityAPI判断页面可见性、beforeunload和unload事件处理用户离开、sendBeacon方法安全上报数据,以及pagehide和pageshow事件应对浏览器缓存。合理使用这些技术可以提升用户体验、节省资源和保证数据完整性。
Web开发
用户体验
数据分析
Kotlin 2026 深度拆解:当 WasmGC 遇见 Multiplatform——从集合字面量到全平台原生复用的工程革命
编程
Kotlin 2026 深度拆解:当 WasmGC 遇见 Multiplatform——从集合字面量到全平台原生复用的工程革命
2026-07-18 08:14:35 +0800 CST
view 250
深度拆解 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
wasm-service 深度拆解:当 Rust + Service Worker 把服务器「塞进」浏览器——一种无后端全栈开发的激进实验
编程
wasm-service 深度拆解:当 Rust + Service Worker 把服务器「塞进」浏览器——一种无后端全栈开发的激进实验
2026-07-29 09:16:39 +0800 CST
view 143
深度拆解 wasm-service 项目:Service Worker 拦截 HTTP 请求 + Rust/WebAssembly 执行后端逻辑 + HTMX 处理页面更新,三者结合实现完全前端化的无后端 Web 应用。附架构解析、代码实战与性能评测。
wasm-service
WebAssembly
Rust
HTMX
Service Worker
前端开发
无后端架构
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
编程
CSS scroll-state() 深度实战:当滚动方向成为样式条件——从 Chrome 144 原生支持到智能导航栏、滚动驱动动画的生产级完全指南(2026)
2026-06-22 15:27:41 +0800 CST
view 541
Chrome 144 带来的 scroll-state() CSS 函数,让开发者首次能用纯 CSS 实现滚动方向感知。本文深入讲解语法、工作原理、浏览器实现机制,并提供智能导航栏、滚动方向动画、滚动状态指示器、Scroll Snap 状态查询等五个生产级实战案例。
CSS
前端
滚动
Chrome
Web开发
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
编程
7 个你可能不知道的 CSS 新特性,彻底改变你的样式写法!
2025-07-07 17:45:39 +0800 CST
view 1154
本文介绍了7个鲜为人知但极具价值的CSS新特性,包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验,推动CSS的未来发展。
Web技术
CSS
前端开发
用户体验
编程
Remix:一款神奇的 JavaScript 全栈框架
综合
Remix:一款神奇的 JavaScript 全栈框架
2024-11-19 09:53:22 +0800 CST
view 2447
Remix是一个由ReactRouter团队创建的全栈JavaScript框架,旨在优化Web应用程序的开发体验。它支持服务器端渲染和客户端路由,提供高性能和灵活性。Remix强调SEO和快速加载,适用于静态和动态应用。通过文件系统定义路由,支持数据加载和错误处理,确保即使在不良网络条件下也能正常工作。适合各种开发者使用。
Web开发
JavaScript框架
React
Bun 深度实战:当 Claude Code 在 9 天内用 Rust 重写了 100 万行代码——从 Zig 迁移到 Rust 的架构剖析、AI 工程范式与生产级评估完全指南(2026)
编程
Bun 深度实战:当 Claude Code 在 9 天内用 Rust 重写了 100 万行代码——从 Zig 迁移到 Rust 的架构剖析、AI 工程范式与生产级评估完全指南(2026)
2026-06-11 11:49:40 +0800 CST
view 679
Bun 用 Claude Code 在 9 天内完成从 Zig 到 Rust 的 100 万行代码迁移,99.8% 测试通过。深入剖析迁移策略、PORTING.md 设计、AI 工程范式、性能对比和生产级部署指南。
Bun
Rust
JavaScript
AI编程
Claude Code
代码迁移
Web开发
快速上手Express:打造高效的Node.js Web应用
编程
快速上手Express:打造高效的Node.js Web应用
2024-11-18 23:16:08 +0800 CST
view 1672
本文介绍了Express框架的基本概念及其在Node.jsWeb应用开发中的应用。Express是一个灵活且易于上手的框架,提供丰富的API支持、强大的路由功能和灵活的中间件机制。文章还涵盖了如何快速开始一个Express项目,包括手动安装和使用集成工具的方法,并提供了简单的代码示例,帮助开发者快速入门。
Node.js
Web开发
框架
编程
技术
Wails:Go 版 Electron,打包体积直接缩小 10 倍!
编程
Wails:Go 版 Electron,打包体积直接缩小 10 倍!
2026-06-11 11:57:18 +0800 CST
view 487
Wails是Go语言写的跨平台桌面应用框架,GitHub 34.7K Stars,打包体积10-20MB(Electron的1/10)。Go后端+任意前端+系统原生WebView,Go方法直接当JS函数调用,支持热重载和v3跨平台编译。
Wails
Go桌面应用
Electron替代
Tauri对比
跨平台桌面
WebView
前端开发
Golang
前端开发中 localStorage 的核心用法与进阶技巧详解
编程
前端开发中 localStorage 的核心用法与进阶技巧详解
2025-07-11 09:18:49 +0800 CST
view 1404
本文详细介绍了localStorage的核心用法,包括数据存储、读取、删除及注意事项。强调了同源策略、容量限制和安全性建议,提供了常见应用场景如用户偏好设置、购物车信息持久化等。还讨论了与其他存储方式的对比及进阶技巧,如监听存储变化和模拟过期时间机制,帮助开发者更高效、安全地使用localStorage。
Web开发
数据存储
前端技术
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
编程
使用 PHP 和 Web 技术(而不是 Electron)构建跨平台桌面应用程序:探索 Boson
2025-07-11 09:31:00 +0800 CST
view 1634
Boson是一个开源的PHP桌面应用程序运行时和编译器平台,允许开发者使用PHP和前端技术(如HTML、CSS、JavaScript)构建跨平台桌面应用。它无需Node.js或本地HTTP服务器,支持直接访问文件系统和本地API,且应用体积轻量。Boson提供了快速的开发体验和原生应用的功能,适合PHP开发者。
PHP
桌面应用
Web开发
开源技术
跨平台
AuroraLZDF/go-framework:基于Gin的高性能Go Web开发框架,Controller→Biz→Store分层架构
编程
AuroraLZDF/go-framework:基于Gin的高性能Go Web开发框架,Controller→Biz→Store分层架构
2026-05-01 08:48:17 +0800 CST
view 557
AuroraLZDF/go-framework是基于Gin的高性能Go Web开发框架,提供Controller→Biz→Store分层架构、开箱即用的JWT/日志/数据库组件、脚手架5分钟创建项目。MIT协议开源。
Go
Web开发
开源
Gin
框架
后端
Bun 1.3.14 深度解析:从 Zig 到 Rust 的史诗级重写——96万行代码6天迁移背后的技术真相
编程
Bun 1.3.14 深度解析:从 Zig 到 Rust 的史诗级重写——96万行代码6天迁移背后的技术真相
2026-05-17 02:46:07 +0800 CST
view 999
深入解析 Bun 1.3.14 版本中从 Zig 到 Rust 的史诗级重写,涵盖96万行代码6天迁移的技术细节、架构变化、性能对比以及对 JavaScript 生态的深远影响。
Bun
Rust
Zig
JavaScript
Web开发
前端工具链
TypeScript
Grid布局的简洁性和高效性
编程
Grid布局的简洁性和高效性
2024-11-18 03:48:02 +0800 CST
view 1596
本文探讨了Grid布局相较于Flex布局的优势,特别是在宫格类布局、后台管理布局和响应式布局中的应用。通过具体的代码示例,展示了Grid布局的简洁性和高效性,以及如何利用其特性简化开发过程。尽管Grid在某些老旧浏览器中的兼容性不如Flex,但在现代浏览器中已得到广泛支持。选择合适的布局方式是关键。
前端
布局
Web开发
9个高级前端必会的性能优化 API,你掌握了几个?
编程
9个高级前端必会的性能优化 API,你掌握了几个?
2025-07-14 12:35:24 +0800 CST
view 1333
本文介绍了9个高级前端性能优化API,包括requestIdleCallback、IntersectionObserver、WeakMap等,详细阐述了它们的适用场景和代码示例。这些API可以显著提升页面性能和用户体验,帮助开发者写出更现代的前端代码。
前端开发
性能优化
Web技术
Vue 3.6 深度解析:Vapor Mode 与 alien-signals 如何从底层重写前端性能范式
编程
Vue 3.6 深度解析:Vapor Mode 与 alien-signals 如何从底层重写前端性能范式
2026-07-12 07:43:17 +0800 CST
view 351
本文深度解析Vue3.6的两大核心特性:VaporMode和alien-signals。VaporMode通过编译时优化消除虚拟DOM运行时开销,实现100ms挂载10万组件;alien-signals采用Push-Pull混合算法和双向链表依赖追踪,使computed吞吐量提升30倍以上。文章涵盖原理、启用方式、性能对比、迁移策略及实战示例,展示了Vue如何从底层重构执行引擎,实现量级性能跃迁。
Vue
前端框架
性能优化
编译时
响应式编程
JavaScript
Web开发
Xlgo:基于 Go + Gin 的轻量级 Web 开发框架,提供完整后端基础设施
编程
Xlgo:基于 Go + Gin 的轻量级 Web 开发框架,提供完整后端基础设施
2026-06-17 09:25:26 +0800 CST
view 375
Xlgo是基于Go+Gin的轻量级Web开发框架,提供完整后端基础设施:配置热更新、MySQL读写分离、Redis分布式缓存、JWT认证、分布式锁、限流、SSE/WebSocket、定时任务、统一错误码等,v2.1.0已发布。
Xlgo
Go
Gin
Web框架
后端开发
开源
GORM
Redis
JWT
分布式锁
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
编程
告别构建工具的幻想?从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST
view 1297
本文探讨了ImportMaps在现代前端开发中的重要性,解决了浏览器无法识别裸模块名的问题,降低了开发门槛。通过ImportMaps,开发者可以在不使用构建工具的情况下直接导入模块,适合快速原型开发和教学演示。尽管如此,构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用,未来可能转变为可选的加速器。
前端开发
Web技术
模块化
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
编程
Tauri 2.0 深度实战:当桌面应用终于告别 Chromium 臃肿——从多进程架构、Rust 核心到移动端跨平台的生产级完全指南
2026-07-12 10:44:07 +0800 CST
view 579
深度剖析 Tauri 2.0 技术内核:从多进程架构设计、Rust 安全模型、IPC 通信机制,到移动端扩展、插件生态与生产级实战。对比 Electron 性能数据,详解体积优化、内存管理、启动速度优化策略,配完整代码示例。
Tauri
Rust
桌面开发
跨平台
WebView
移动端
性能优化
架构设计
编程
10个几乎无人使用的罕见HTML标签
2024-11-18 21:44:46 +0800 CST
view 1541
本文介绍了10个罕见的HTML标签,这些标签在开发中很少被使用。包括`<abbr>`用于缩写,`<q>`用于引用,`<s>`用于删除线,`<mark>`用于高亮,`<wbr>`用于文本换行,`<details>`用于可展开内容,`<optgroup>`用于下拉列表分组,`<datalist>`用于自动完成,`<fieldset>`用于表单分组,以及`<sup>`和`<sub>`用于上标和下标。
HTML
Web开发
前端技术
Dioxus 0.7 深度解析:Rust 全栈跨平台框架如何用一套代码横扫 Web、桌面、移动与后端
编程
Dioxus 0.7 深度解析:Rust 全栈跨平台框架如何用一套代码横扫 Web、桌面、移动与后端
2026-07-24 14:14:40 +0800 CST
view 275
深度解析 Dioxus 0.7:GitHub 33.5k Star 的 Rust 全栈跨平台框架,涵盖三层架构设计、Signal 状态管理、WebAssembly 原生渲染、Server Functions 全栈闭环、热重载机制,以及与 Tauri/Electron 的真实性能横评
Rust
Dioxus
跨平台
WebAssembly
桌面开发
全栈
前端框架
Gunicorn是一个高性能、易于使用的Python,适用于多种应用部署场景
编程
Gunicorn是一个高性能、易于使用的Python,适用于多种应用部署场景
2024-11-18 13:34:51 +0800 CST
view 2195
Gunicorn是一个高性能、易于使用的PythonWSGIHTTP服务器,适用于多种应用部署场景。它支持多种工作模式,能够高效处理并发请求,并兼容多种PythonWeb框架。本文详细介绍了Gunicorn的安装方法、主要特性、基本和高级功能,以及实际应用场景,帮助开发者全面掌握该库的使用。
Python
Web开发
服务器
并发处理
应用部署
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
编程
前端主题切换系统全解析:从亮暗模式到企业级动态皮肤
2025-07-22 16:12:37 +0800 CST
view 1518
本文详细解析了前端主题切换系统的实现,包括明暗模式和企业级动态皮肤的构建。介绍了核心需求、主流方案对比、推荐方案及其实现步骤,强调了CSS变量在高性能主题切换中的重要性,并提供了生产环境优化技巧和企业级动态主题平台的构建方案,旨在提升用户体验和产品专业性。
前端
Web开发
用户体验
主题设计
CSS
Toasty 深度实战:从 Tokio 团队新品到 Rust 异步 ORM 性能之巅——2026 年 Rust 异步 ORM 架构完全指南
编程
Toasty 深度实战:从 Tokio 团队新品到 Rust 异步 ORM 性能之巅——2026 年 Rust 异步 ORM 架构完全指南
2026-05-24 02:29:13 +0800 CST
view 673
2026 年 4 月,Tokio 团队正式开源了 Toasty——一个面向 Rust 的异步 ORM 框架。本文深入剖析 Toasty 的架构设计、核心特性、性能表现,并通过完整的实战代码演示如何在生产环境中使用 Toasty 构建高性能异步应用。
Rust
ORM
异步
Toasty
Tokio
数据库
Web开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
...
10
11
12
13
14
...
76
下一页