15年，专注软件定制开发

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

基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST view 846
这是一个基于WebCodecs实现的Web端视频编辑工具，功能类似于剪映Web版。该工具允许用户在线编辑视频，提供了便捷的编辑体验。开源地址为：https://github.com/x007xyz/fly-cut。
视频编辑 Web技术开源工具

HTML5的 input:file上传类型控制

HTML5的 input:file上传类型控制
2024-11-19 07:29:28 +0800 CST view 1932
本文介绍了HTML中input:file属性的使用，包括accept和multiple属性的具体应用，以及常用的MIME类型列表。同时，文中详细说明了如何使用AJAX上传文件，包括获取文件列表、构建表单数据和发送POST请求的步骤，最后展示了服务器端接收文件的示例。
HTML 文件上传 AJAX 前端开发 Web技术

Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器，允许开发者在浏览器中实时编写和预览代码
2024-11-19 08:21:15 +0800 CST view 742
Sandpack是一个由CodeSandbox团队开发的开源在线代码编辑器，允许开发者在浏览器中实时编写和预览代码。它支持多文件项目、丰富的插件和主题定制，适合技术博客和课程开发。通过简单的npm安装，开发者可以轻松嵌入Sandpack组件并配置编辑器，提升开发效率。
Web开发开源工具前端开发代码编辑 React

Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST view 834
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例，读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置，满足不同的打印需求，帮助开发者轻松实现局部打印。
前端开发 Vue 打印功能 JavaScript Web技术

38个实用的JavaScript技巧

38个实用的JavaScript技巧
2024-11-19 07:42:44 +0800 CST view 602
本文分享了38个实用的JavaScript技巧，涵盖页面操作、日期处理、数组处理、数字转换等多个方面，旨在提升开发效率。每个技巧都附有代码示例，便于读者理解和应用。希望这些技巧能帮助开发者更高效地完成工作。
编程 Web开发技术分享 JavaScript

Nginx 反向代理

Nginx 反向代理
2024-11-19 08:02:10 +0800 CST view 607
Nginx是一种高性能的Web服务器和反向代理服务器，广泛应用于Web应用架构中。反向代理功能允许将客户端请求转发到后端服务器，并将响应返回给客户端。本文详细介绍了Nginx反向代理的配置步骤、案例及其在负载均衡中的应用，强调了安全性和扩展性。
Web服务器反向代理网络技术 Nginx

WebSocket在消息推送中的应用代码

WebSocket在消息推送中的应用代码
2024-11-18 21:46:05 +0800 CST view 602
本文对比了AJAX和WebSocket在消息推送中的应用，详细介绍了AJAX的轮询和长轮询方法，以及WebSocket的全双工通信特性。提供了WebSocket客户端和服务器端的实现代码，并封装了WebSocket管理器，支持连接建立、消息发送和重连机制，适合高效的实时消息推送场景。
Web开发实时通信前端技术 Node.js 编程

Nginx rewrite 的用法
2024-11-18 22:59:02 +0800 CST view 696
Nginx的`rewrite`指令用于根据请求的URI重写路径，适用于URL重写、伪静态和重定向等场景。本文介绍了`rewrite`指令的语法、使用场景及具体案例，包括伪静态、永久重定向、去除尾斜杠和HTTP到HTTPS的重定向等。使用时需注意避免循环重定向，并优先考虑使用`try_files`指令。
Nginx Web服务器 URL管理

使用Vue 3和Axios进行API数据交互

使用Vue 3和Axios进行API数据交互
2024-11-18 22:31:21 +0800 CST view 512
本文介绍了如何使用Vue3和Axios进行API数据交互。通过示例代码，展示了如何创建一个简单的组件来获取并显示用户数据，包括环境准备、组件结构、运行项目及异常处理等内容。使用CompositionAPI和setup语法糖，提升了代码的可读性和可维护性，同时实现了基本的错误处理机制，以改善用户体验。
前端开发 Web技术 JavaScript

如何在单页应用（SPA）中实现版本更新检测机制

如何在单页应用（SPA）中实现版本更新检测机制
2024-11-18 21:33:53 +0800 CST view 658
本文探讨了如何在单页应用（SPA）中实现版本更新检测机制。由于SPA的特性，用户可能无法及时获取最新版本，导致功能和安全性问题。文中提供了两种方案：一种是比较构建文件的哈希值，另一种是利用HTTP协议的缓存机制（Etag和Last-Modified）进行版本检测。通过这些方法，可以有效提示用户更新，确保他们使用最新的应用版本。
前端开发 Web应用用户体验版本控制技术方案

Vue3如何执行响应式数据绑定？

Vue3如何执行响应式数据绑定？
2024-11-18 12:31:22 +0800 CST view 506
Vue3是最新版本的Vue.js，采用Proxy对象实现响应式数据绑定。通过定义拦截方法，Vue3能够监听数据对象的变化并实时更新页面内容。示例代码展示了如何使用Proxy包装数据对象，并在Vue应用中创建响应式绑定。这种机制相比于Vue2的Object.defineProperty更加灵活高效，提升了性能和扩展性。
前端开发 JavaScript框架 Web应用

PyJWT一个用于处理JSONWebToken(JWT)的Python库

PyJWT一个用于处理JSONWebToken(JWT)的Python库
2024-11-18 17:19:59 +0800 CST view 619
PyJWT是一个用于处理JSONWebToken(JWT)的Python库，简化了JWT的创建、解码和验证过程。JWT是一种安全传输信息的标准，适用于身份验证和信息交换。本文介绍了如何安装PyJWT、创建和解码JWT令牌、进行验证以及刷新令牌的基本概念，强调了在开发安全Web应用和API时的实用性和最佳实践。
编程安全 Web开发 API Python

几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面

几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面
2024-11-19 09:31:41 +0800 CST view 1050
本文介绍了几种防止他人调试前端代码的常见方法，包括使用无限debugger、浏览器宽高检测、关闭断点跳转到空白页面，以及使用第三方插件如disable-devtool和console-ban。这些技术可以增加攻击者分析和调试代码的难度，但无法完全阻止恶意调试，建议敏感信息在后端处理。
Web开发前端安全代码保护

thinkphp swoole websocket 结合的demo

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

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

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

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

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

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

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

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

Graphene：一个无敌的 Python 库！

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

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

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

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

初学者的 Rust Web 开发指南

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

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

上一页 123 4...12 下一页