15年，专注软件定制开发

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

WebAssembly：前端开发的性能加速利器

WebAssembly：前端开发的性能加速利器
2025-08-27 08:32:56 +0800 CST view 150
WebAssembly（WASM）是一种可在浏览器中运行的二进制指令格式，提供接近原生的性能表现，支持多种编程语言。它的优势包括卓越的执行速度、多语言开发支持、增强的安全性和广泛的浏览器兼容性。WASM在视频处理、图像处理、游戏、AI推理等领域有广泛应用。它与JavaScript并存，专注于性能密集型任务，推动前端开发进入新的性能时代。
Web技术编程语言前端开发性能优化浏览器技术

WebRTC直播技术详解：从原理到实战演示

WebRTC直播技术详解：从原理到实战演示
2025-09-02 10:30:46 +0800 CST view 116
WebRTC是一种开放标准，允许Web应用实现实时音视频通信，广泛应用于直播、视频会议等场景。本文详细介绍了WebRTC的核心技术原理，包括信令服务器、SDP和ICE，并提供了一个完整的WebRTC直播系统的实战演示代码。通过理解这些核心概念，开发者可以构建低延迟的直播应用，提升用户体验。
实时通信 Web技术直播技术

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

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

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

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

`Blob` 与 `File` 的关系

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

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

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

thinkphp swoole websocket 结合的demo

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

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

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

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

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

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

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

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

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

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

9个高级前端必会的性能优化 API，你掌握了几个？

9个高级前端必会的性能优化 API，你掌握了几个？
2025-07-14 12:35:24 +0800 CST view 296
本文介绍了9个高级前端性能优化API，包括requestIdleCallback、IntersectionObserver、WeakMap等，详细阐述了它们的适用场景和代码示例。这些API可以显著提升页面性能和用户体验，帮助开发者写出更现代的前端代码。
前端开发性能优化 Web技术

告别构建工具的幻想？从 Import Maps 谈浏览器原生模块导入的未来

告别构建工具的幻想？从 Import Maps 谈浏览器原生模块导入的未来
2025-07-21 18:52:15 +0800 CST view 320
本文探讨了ImportMaps在现代前端开发中的重要性，解决了浏览器无法识别裸模块名的问题，降低了开发门槛。通过ImportMaps，开发者可以在不使用构建工具的情况下直接导入模块，适合快速原型开发和教学演示。尽管如此，构建工具仍然在代码转译、性能优化和跨浏览器兼容等方面发挥着重要作用，未来可能转变为可选的加速器。
前端开发 Web技术模块化

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！

浏览器原生剪贴板大揭秘：原来你也能轻松读取用户截图！
2025-08-15 12:28:43 +0800 CST view 283
本文全面解析了浏览器原生剪贴板API`navigator.clipboard`，介绍了如何安全地读取和写入剪贴板内容，包括文本和图片的处理。通过示例代码，读者可以学习如何实现用户授权的剪贴板操作，确保用户隐私，同时提升网页应用的用户体验。
Web技术前端开发用户体验安全性 API

告别传统方法：在关闭浏览器标签前可靠发送 HTTP 请求

告别传统方法：在关闭浏览器标签前可靠发送 HTTP 请求
2025-08-15 15:16:12 +0800 CST view 184
在前端开发中，用户关闭页面时需要向服务器发送数据，但传统方法如同步XMLHttpRequest会阻塞主线程，影响用户体验。现代方案如`navigator.sendBeacon()`和`fetch({keepalive:true})`提供了异步非阻塞的方式，确保数据在页面关闭时可靠发送。适用于日志、统计和草稿保存等场景。
前端开发 HTTP 用户体验数据处理 Web技术

前端录屏黑科技：几行 JS 代码实现网页录屏

前端录屏黑科技：几行 JS 代码实现网页录屏
2025-08-15 15:19:33 +0800 CST view 203
本文介绍了如何使用MediaRecorderAPI和原生JavaScript实现网页录屏功能。通过简单的几行代码，开发者可以获取用户屏幕流并进行录制，支持音视频捕获。文章详细说明了获取媒体流、创建MediaRecorder实例、开始和停止录制的步骤，并提供了注意事项和最佳实践，强调了浏览器兼容性和用户授权的重要性。
前端开发 Web技术编程视频处理

Web Workers：前端性能优化的隐藏利器

Web Workers：前端性能优化的隐藏利器
2025-08-15 16:03:55 +0800 CST view 236
WebWorkers是一种在后台线程执行JavaScript的API，能够有效释放主线程压力，提升前端性能。它允许开发者在不影响UI响应的情况下处理计算密集型任务，充分利用多核CPU，优化内存管理。尽管存在兼容性和实现复杂性的误解，WebWorkers在大数据处理、图像处理、音视频处理等场景中展现出强大能力，是前端性能优化的重要工具。
前端开发性能优化 Web技术 JavaScript 多线程编程

现代前端存储利器：从 localStorage 到 IndexedDB

现代前端存储利器：从 localStorage 到 IndexedDB
2025-08-15 16:07:03 +0800 CST view 270
本文探讨了现代前端存储技术，重点分析了localStorage的局限性及其安全风险，并介绍了IndexedDB作为更强大的替代方案。IndexedDB提供异步操作、强大的存储能力和高级查询功能，适合复杂应用需求。通过使用封装库如localForage，开发者可以更轻松地实现数据存储和管理，提升应用性能和安全性。
前端开发数据存储 Web技术安全性性能优化

前端必学技巧：用户离开页面时如何可靠地发送 HTTP 请求？

前端必学技巧：用户离开页面时如何可靠地发送 HTTP 请求？
2025-08-16 09:03:44 +0800 CST view 260
本文讨论了在用户离开页面时如何可靠地发送HTTP请求，避免数据丢失的问题。常见的做法如直接使用fetch会导致请求被取消，而使用awaitfetch会影响用户体验。现代浏览器支持fetch的keepalive参数，可以在页面卸载时继续发送请求，推荐使用此方法或navigator.sendBeacon来确保数据的可靠上报。
前端开发 Web技术用户体验数据上报

WebSQL数据库：HTML5的非标准伴侣

WebSQL数据库：HTML5的非标准伴侣
2024-11-18 22:44:20 +0800 CST view 708
WebSQL是一个独立于HTML5规范的数据库API，曾在前端开发中扮演重要角色。它提供了简单的API用于数据库交互，包括打开数据库、控制事务和执行SQL查询。尽管WebSQL已被W3C废弃，现代浏览器不再支持，但了解其基本用法和历史仍然有价值。本文介绍了WebSQL的核心API及其在实际项目中的应用示例。
前端开发数据库 Web技术

前端文件上传全攻略：从表单提交到分片上传

前端文件上传全攻略：从表单提交到分片上传
2025-08-16 09:29:45 +0800 CST view 299
本文详细介绍了四种常见的前端文件上传方案，包括经典表单提交、Ajax异步上传、Base64编码上传和分片上传。每种方案都提供了代码示例和优缺点分析，适用于不同的场景和需求，帮助开发者选择合适的文件上传方式。
前端开发文件上传 Web技术

上一页12 3...18 下一页