15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

thinkphp swoole websocket 结合的demo

thinkphp swoole websocket 结合的demo
2024-11-18 10:18:17 +0800 CST view 2811
WebSocket是HTML5提供的一种协议，允许在单个TCP连接上进行全双工通讯。通过WebSocketAPI，浏览器与服务器只需进行一次握手，便可建立快速通道进行数据传输。客户端使用JavaScript发起连接，连接建立后可通过send()方法发送数据，并通过onmessage事件接收服务器返回的数据。
网络通讯 Web技术实时数据传输

踩坑浏览器节能机制导致Websocket断连的问题！

踩坑浏览器节能机制导致Websocket断连的问题！
2024-11-19 05:31:36 +0800 CST view 1296
本文分析了浏览器节能机制导致WebSocket频繁断连的问题，探讨了其原因及解决方法。现代浏览器为提高能效引入了节能机制，影响了WebSocket的心跳机制。通过升级socket.io、使用自定义心跳事件和Web-Workers等方法，可以有效解决这一问题，提升用户体验。
Web开发网络编程性能优化前端技术

✍️ 纯 CSS 实现打字效果（无需 JavaScript）

✍️ 纯 CSS 实现打字效果（无需 JavaScript）
2025-05-15 10:26:06 +0800 CST view 462
本文介绍了如何使用纯CSS实现打字机效果，无需JavaScript。通过核心代码示例，展示了HTML和CSS的实现方式，包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用，并提供了可配置建议和实战技巧，适用于博客签名、欢迎页引导等场景。
前端动画 Web开发

ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能

ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能
2024-11-18 14:06:55 +0800 CST view 674
ServiceWorker是一种在浏览器后台运行的独立线程，能够实现缓存、消息推送和后台更新等功能。它通过拦截请求并根据逻辑处理，提供了强大的离线访问能力。本文详细介绍了ServiceWorker的注册、生命周期、请求拦截、事件监听及缓存策略，并展示了如何实现离线访问功能。
Web技术前端开发离线应用服务端能力

HTML + CSS 实现微信钱包界面
2024-11-18 14:59:25 +0800 CST view 960
本文介绍了如何使用HTML和CSS实现一个微信钱包的界面，包含零钱、银行卡等项目的布局和样式。通过简单的代码示例，展示了如何利用基础技术复刻现代用户界面，适合新手和进阶开发者学习。代码解析部分详细说明了布局、图标、响应式设计等关键点，帮助读者理解实现过程。
前端开发用户界面 Web设计

JSON.stringify()的陷阱及其隐藏的秘密

JSON.stringify()的陷阱及其隐藏的秘密
2024-11-19 08:53:06 +0800 CST view 803
本文深入探讨了JavaScript中的JSON.stringify()方法，介绍了其历史、常见陷阱及其参数的强大功能。JSON.stringify()可以将对象转换为JSON字符串，但在使用时需注意循环引用、不可枚举属性、undefined值、日期处理等问题。通过理解这些特性，开发者可以更有效地利用JSON.stringify()，避免常见错误。
JavaScript Web开发数据处理编程技巧

如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器

如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器
2024-11-19 04:21:14 +0800 CST view 779
本文介绍了如何利用JavaScript开发一个兼容PC和移动端的富文本编辑器，涵盖了可编辑区域的设置、光标操作、文本格式修改及移动端的优化等内容。通过使用`contenteditable`属性和`selection`、`range`对象，开发者可以实现丰富的编辑功能，并解决在不同浏览器和设备上遇到的问题。
前端开发 JavaScript Web技术

Graphene：一个无敌的 Python 库！

Graphene：一个无敌的 Python 库！
2024-11-19 04:32:49 +0800 CST view 808
Graphene是一个强大的Python库，用于构建GraphQLAPI，简化WebAPI开发。它支持与Django和SQLAlchemy的集成，提供灵活的数据查询和强大的查询功能。通过简单的安装和配置，开发者可以快速定义GraphQL类型、创建查询和处理数据变更。Graphene适用于构建RESTAPI替代方案和后台管理系统，极大提高开发效率。
Python GraphQL Web开发 API Django

FastAPI 入门指南

FastAPI 入门指南
2024-11-19 08:51:54 +0800 CST view 836
FastAPI是一个现代、高性能的PythonWeb框架，旨在构建APIs。它基于类型提示，支持自动生成文档，具有速度快和类型安全的优势。通过简单的示例，展示了如何安装FastAPI、创建应用、处理路由和参数、进行数据验证以及支持异步编程。FastAPI适合构建各种规模的Web服务，是开发者的理想选择。
Web开发 Python API设计框架

全新 Nginx 在线管理平台
2024-11-19 04:18:33 +0800 CST view 963
该项目是一个基于Go和Vue.js的Nginx在线管理平台，提供流量统计、日志查看、配置文件编辑、自动检查和重载等功能。支持Docker部署和Linux安装，具备深色模式和国际化支持，旨在为IT从业者和爱好者提供便捷的Nginx管理工具。
开源 Web管理服务器管理开发工具

你可能不知道的 18 个前端技巧

你可能不知道的 18 个前端技巧
2025-06-12 13:15:26 +0800 CST view 270
本文整理了18个鲜为人知的前端技巧，涵盖了JavaScript、HTML和CSS的实用小窍门。这些技巧可以提升开发效率，帮助开发者在调试和优化过程中事半功倍。内容包括如何在地址栏执行脚本、让网页可编辑、解析URL、创建三角形等，适合前端开发者学习和应用。
前端开发编程技巧 Web技术

Rust API 服务器：发送和接收字节数据

Rust API 服务器：发送和接收字节数据
2024-11-18 18:17:46 +0800 CST view 811
本文介绍了如何使用Rust构建API服务器以处理字节数据的发送和接收。使用axum框架，文章涵盖了接收二进制数据、处理Multipart/form-data请求、设置请求体大小限制，以及发送二进制数据的正确响应头设置。提供了详细的代码示例，帮助开发者理解如何实现这些功能。
编程网络应用 Rust Web开发 API

初学者的 Rust Web 开发指南

初学者的 Rust Web 开发指南
2024-11-18 10:51:35 +0800 CST view 825
本文介绍了如何使用Rust语言和Actix-Web框架从零开始构建一个简单的Web应用程序。内容涵盖了Rust的内存安全、高性能和异步处理能力，指导读者安装Rust开发环境、创建项目、编写Web服务器代码，并返回JSON数据。最后，提供了进一步探索的建议，以帮助读者在Web开发中更进一步。
编程 Web开发 Rust 技术教程

如何判断用户是否离开了当前页面

如何判断用户是否离开了当前页面
2025-06-26 20:08:39 +0800 CST view 223
本文探讨了如何判断用户是否离开当前页面，介绍了多种现代API的使用方法，包括PageVisibilityAPI、beforeunload事件、navigator.sendBeacon和pagehide事件。通过这些技术，开发者可以优化用户体验、进行数据分析并提升系统性能。文章还提供了最佳实战建议和综合示例代码，帮助开发者有效实现用户离开检测。
Web开发用户体验前端技术 API

OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统
2024-11-19 04:56:20 +0800 CST view 1032
OwlAdmin是一个基于Vue3和Laravel的开源后台管理系统，旨在为开发者提供高效、灵活的管理解决方案。它结合了现代前端技术与后端框架，支持用户管理、角色权限管理、表单生成、数据展示等功能，并具备良好的扩展性和文档支持，适用于企业内部管理和SaaS产品开发。
后台管理开源项目 Web开发技术栈开发工具

告别 `addEventListener`！Chrome 推出原生 Observable API，事件处理效率提升 300%！
2025-06-28 15:57:08 +0800 CST view 229
Chromium团队推出的ObservableAPI旨在以更声明式的方式处理事件，提升性能最高可达300%。该API允许开发者轻松管理DOM事件、WebSocket和用户交互，简化代码逻辑，避免复杂的回调地狱。通过示例代码，展示了如何实现实时响应用户输入、WebSocket消息监听、防抖效果及多事件流组合。尽管尚处于提案阶段，ObservableAPI代表了事件处理的未来方向。
前端技术 JavaScript Web开发

Shadcn UI：这个 82.7k Star 的神器，正在超越传统组件库！
2025-06-28 17:04:58 +0800 CST view 219
ShadcnUI是一个新兴的前端组件库，具有源码自由、原子级组件架构和原生主题切换等革命性特点。与传统组件库相比，它在打包体积、定制难度和加载时间上表现优异，适合企业级应用。支持TailwindCSS和RadixUI，提供高性能的智能表单和数据表格，越来越多的大型项目正在采用ShadcnUI，代表了组件库的未来趋势。
前端开发组件库 Web技术性能优化开源

Vue3中如何实现国际化（i18n）？

Vue3中如何实现国际化（i18n）？
2024-11-19 06:35:21 +0800 CST view 1029
本文介绍了如何在Vue3中实现国际化（i18n）功能，包括安装VueI18n、配置、创建语言文件、在组件中使用翻译以及动态切换语言的实现。通过示例代码，读者可以学习如何支持多语言，从而提升用户体验。
前端开发国际化 Vue框架 Web应用

什么是 Vue 的服务端渲染（SSR）？它与客户端渲染的区别是什么？

什么是 Vue 的服务端渲染（SSR）？它与客户端渲染的区别是什么？
2024-11-18 09:40:45 +0800 CST view 815
Vue的服务端渲染（SSR）是一种在服务器上生成完整HTML页面并发送给客户端的技术，提供更好的SEO和更快的首屏加载速度。与客户端渲染（CSR）相比，SSR减轻了客户端负担，适合需要优化加载时间和搜索引擎优化的场景。Vue提供了`vue-server-renderer`库来实现SSR，开发者可以根据需求选择合适的渲染方式。
Web开发前端技术 Vue.js 渲染技术性能优化

如何判断用户是否离开了当前页面？

如何判断用户是否离开了当前页面？
2025-06-28 17:11:21 +0800 CST view 210
在现代Web开发中，判断用户是否离开当前页面是一个重要需求。本文介绍了多种方法，包括使用PageVisibilityAPI判断页面可见性、beforeunload和unload事件处理用户离开、sendBeacon方法安全上报数据，以及pagehide和pageshow事件应对浏览器缓存。合理使用这些技术可以提升用户体验、节省资源和保证数据完整性。
Web开发用户体验数据分析

Rust vs. PHP：新旧交替中的编程语言之战

Rust vs. PHP：新旧交替中的编程语言之战
2024-11-19 03:04:10 +0800 CST view 897
本文深入探讨了Rust和PHP两种编程语言的优缺点，比较了它们在性能、安全性、学习曲线、生态系统和部署方面的差异。Rust是一种新兴的系统编程语言，强调内存和线程安全，适合高性能应用；而PHP是一种成熟的Web开发语言，易于学习，适合快速开发。选择哪种语言取决于项目需求和团队经验。
编程语言技术对比软件开发 Web开发系统编程

7 个你可能不知道的 CSS 新特性，彻底改变你的样式写法！

7 个你可能不知道的 CSS 新特性，彻底改变你的样式写法！
2025-07-07 17:45:39 +0800 CST view 134
本文介绍了7个鲜为人知但极具价值的CSS新特性，包括无需Flexbox/Grid的居中对齐、@property安全的CSS变量、@starting-style解决闪屏问题、新数学函数、light-dark()简化主题切换、新伪类:user-valid和:user-invalid、以及interpolate-size优雅的高度动画。这些特性将提升开发效率和用户体验，推动CSS的未来发展。
Web技术 CSS 前端开发用户体验编程

全栈利器 H3 框架来了！
2025-07-07 17:48:01 +0800 CST view 234
H3是由Nuxt核心团队打造的轻量、标准、跨平台的全栈HTTP框架，支持Node.js、Bun、Deno等多种运行时。它遵循原生fetch请求模型，具有简洁易用的API设计和内建中间件、插件机制。H3适用于构建现代边缘服务应用、APIServer等，提供了灵活的路由、事件处理和生命周期钩子，能够替代axios，满足多种开发需求。
Web开发框架后端开发前端开发全栈开发

快速上手Express：打造高效的Node.js Web应用

快速上手Express：打造高效的Node.js Web应用
2024-11-18 23:16:08 +0800 CST view 728
本文介绍了Express框架的基本概念及其在Node.jsWeb应用开发中的应用。Express是一个灵活且易于上手的框架，提供丰富的API支持、强大的路由功能和灵活的中间件机制。文章还涵盖了如何快速开始一个Express项目，包括手动安装和使用集成工具的方法，并提供了简单的代码示例，帮助开发者快速入门。
Node.js Web开发框架编程技术

上一页 1 234 5...10 下一页