15年，专注软件定制开发

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

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器

10个优秀的开源无头浏览器—自动化测试、爬虫、RPA 操作利器
2024-11-19 09:36:25 +0800 CST view 1117
无头浏览器是一种没有图形用户界面的Web浏览器，能够在后台执行任务，广泛应用于自动化测试、网络爬虫和数据抓取。它通过编程接口支持控制，提升测试效率并节省资源。主流工具包括Puppeteer、Selenium、Playwright等，适合在CI/CD流程中使用，但可能无法完全模拟真实用户体验。
开源工具自动化 Web技术测试爬虫

一文搞懂 HTTP 请求：GET、POST、PUT、DELETE 全解析

一文搞懂 HTTP 请求：GET、POST、PUT、DELETE 全解析
2024-11-18 09:46:13 +0800 CST view 1117
本文深入探讨了HTTP请求的基本概念及其在Web开发中的重要性，详细解析了四种主要的HTTP方法：GET、POST、PUT和DELETE，并介绍了如何使用现代的FetchAPI和传统的XMLHttpRequest进行这些请求。通过示例代码，读者可以学习如何在JavaScript中有效地与服务器交互，处理数据。
Web开发 JavaScript HTTP协议

100多个基础常用JS函数和语法集合大全

100多个基础常用JS函数和语法集合大全
2024-11-19 06:30:20 +0800 CST view 2719
本文总结了JavaScript的基础知识，包括常用的输出语句、注释、DOM结构、表单操作、字符串处理、数学函数、日期处理等。内容涵盖了变量声明、条件判断、循环结构、函数定义等基本语法，适合初学者快速了解JavaScript的核心概念和常用功能。
编程 Web开发 JavaScript 前端技术学习资源

一个轻量级、零依赖的JavaScript模糊搜索库，适用于前端和后端应用

一个轻量级、零依赖的JavaScript模糊搜索库，适用于前端和后端应用
2025-05-05 19:31:53 +0800 CST view 312
Fuse.js是一个轻量级、零依赖的JavaScript模糊搜索库，适用于前端和后端应用。它支持多字段搜索，提供高性能和灵活的配置选项，满足复杂的搜索需求。用户可以通过npm或yarn安装，并在浏览器中直接引入。Fuse.js适合实现搜索功能、自动完成和数据过滤等场景，是提升用户体验的重要工具。
前端开发 JavaScript 搜索库用户体验 Web应用

基于Webcodecs + Vue3实现的Web端剪辑工具
2024-11-19 10:07:35 +0800 CST view 1054
这是一个基于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 2068
本文介绍了HTML中input:file属性的使用，包括accept和multiple属性的具体应用，以及常用的MIME类型列表。同时，文中详细说明了如何使用AJAX上传文件，包括获取文件列表、构建表单数据和发送POST请求的步骤，最后展示了服务器端接收文件的示例。
HTML 文件上传 AJAX 前端开发 Web技术

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

彻底解决移动端Web开发中的软键盘兼容性问题

彻底解决移动端Web开发中的软键盘兼容性问题
2025-05-06 09:01:34 +0800 CST view 260
本文分析了移动端Web开发中软键盘的兼容性问题，探讨了iOS和Android平台的差异，并提供了针对输入框被遮挡、fixed定位元素异常及vh单位不一致的解决方案。通过使用VisualViewportAPI和合理的布局策略，开发者可以显著改善用户体验。文中包含了相关的代码示例和最佳实践建议。
Web开发前端技术移动端用户体验兼容性问题

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

38个实用的JavaScript技巧

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

抛弃 Ajax：拥抱更简洁强大的 Fetch API

抛弃 Ajax：拥抱更简洁强大的 Fetch API
2025-05-09 09:31:56 +0800 CST view 238
本文介绍了FetchAPI的使用，强调其相较于传统Ajax的优势，包括简洁的语法、灵活的配置和强大的功能。通过示例代码展示了基本的GET和POST请求、错误处理、流式数据处理等高级用法，帮助开发者更高效地进行网络请求和数据处理。
Web开发 JavaScript API 异步编程前端技术

Nginx 反向代理

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

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

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

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

`Blob` 与 `File` 的关系

`Blob` 与 `File` 的关系
2025-05-11 23:45:58 +0800 CST view 271
在前端开发中，`Blob`和`File`对象是处理文件上传、下载和预览的核心工具。`Blob`表示不可变的原始数据，而`File`是带有元数据的`Blob`。通过示例展示了如何实时预览用户上传的头像、分片上传大文件、生成下载链接、压缩图片以及文件与二进制数据的互相转换。掌握这些技术可以提升前端文件处理能力。
前端开发文件处理 Web技术

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

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

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

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

FastAPI 项目启动/关闭事件实战：数据库连接、缓存预热、模型加载一站式搞定！

FastAPI 项目启动/关闭事件实战：数据库连接、缓存预热、模型加载一站式搞定！
2025-05-14 10:10:04 +0800 CST view 288
本文介绍了如何在FastAPI项目中使用生命周期事件机制来管理应用的启动和关闭过程。通过使用`@app.on_event()`装饰器或`lifespan()`上下文函数，可以优雅地初始化数据库连接、预热缓存和加载机器学习模型，同时在关闭时释放资源，防止资源泄露。示例代码展示了如何实现这些功能，强调了`lifespan()`的推荐使用。
FastAPI Web开发异步编程资源管理机器学习

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

Vue3如何执行响应式数据绑定？
2024-11-18 12:31:22 +0800 CST view 661
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 773
PyJWT是一个用于处理JSONWebToken(JWT)的Python库，简化了JWT的创建、解码和验证过程。JWT是一种安全传输信息的标准，适用于身份验证和信息交换。本文介绍了如何安装PyJWT、创建和解码JWT令牌、进行验证以及刷新令牌的基本概念，强调了在开发安全Web应用和API时的实用性和最佳实践。
编程安全 Web开发 API Python

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

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

thinkphp swoole websocket 结合的demo

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

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

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

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

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

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