- 博客(87)
- 收藏
- 关注
RSS订阅原创 纯前端 PDF 压缩：浏览器里跑 Ghostscript，文件零上传
NBTools PDF 压缩工具的价值，不在于它"发明"了什么，而在于它把一个原本只能在服务器端跑的工业级 PDF 引擎，通过 WebAssembly 技术搬到了浏览器里——让用户在处理合同、银行流水、病历等敏感文件时，既能享受 Ghostscript 的强大压缩能力，又不必承担文件上传的隐私风险。它基于开源项目修改而来（保留 Ghostscript-WASM 内核，仅调整界面与集成方式），遵循 AGPLv3 协议。
2026-08-28 18:46:37
304
原创 视频格式转不过来？这个浏览器本地工具，30 秒搞定 MP4/WebM/MOV/MKV
这类"小而美"的浏览器工具，价值就是解决一个具体问题，且做得足够好用。视频转换这个需求高频但低频——平时用不上，用上时不想装软件也不想传服务器。🔗技术栈：WebCodecs API + mediabunny 封装库，本地硬件编解码。评论区聊聊~
2026-08-26 10:46:58
506
原创 在线免费音频剪辑：NBTools在线工具 可视化波形裁剪 MP3/WAV，本地处理免上传
NBTools在线音频剪辑是一款轻量级网页工具，无需下载安装，适合快速处理音频剪辑需求。主要特点包括：完全免费、本地处理保障隐私、支持多种音频格式导入导出（MP3/WAV/WebM）、可视化波形编辑。操作简单，30秒即可上手，适用于裁剪录音静音段、制作手机铃声、播客粗剪等场景。建议处理时长不超过30分钟，文件小于500MB。该工具还提供视频格式转换、PDF处理等20余种本地化在线工具，是替代专业软件的轻量化选择。
2026-08-19 10:47:39
1062
原创 推荐一个网页端局域网文件传输工具：NBTools 局域网直传，免安装、不走服务器
NBTools 局域网文件传输是一款基于网页的跨设备文件传输工具，支持同一 WiFi 下点对点直传，无需安装客户端或登录账号。其核心优势在于纯网页操作、4位连接码/扫码极简连接、文件全程不经过服务器，适合手机电脑互传、同事间临时分享等场景。相比微信/网盘等方案，它避免了限速、压缩和隐私风险；相比系统共享功能，操作更简单。但需注意公共WiFi下的安全性，且受限于局域网环境。同类工具中，NBTools以零安装和低门槛握手方式脱颖而出，成为临时文件传输的高效轻量化选择。
2026-08-14 11:37:02
546
原创 浏览器本地 GPU 加速视频压缩：基于 NBTools 的 MP4/MOV/WebM 压缩实践
本文介绍了基于WebCodecs API的NBTools在线视频压缩工具，支持MP4/MOV/WebM格式在浏览器本地进行GPU加速压缩，文件全程不离开用户设备。工具通过调用设备硬件编码器实现快速处理，标准模式下可缩减40%-60%体积，特别适合微信/抖音上传等场景。文章详细解析了其技术原理：利用WebCodecs直接访问GPU硬件编码器，配合Mediabunny处理容器封装，相比传统WASM方案提速15-20倍。同时解释了为何选择H.264编码以兼顾兼容性与效率，以及智能码率控制算法如何根据画面复杂度动态
2026-08-13 13:36:05
363
原创 基于浏览器沙箱的音频格式转换实践：NBTools Converter 技术解析
NBTools Audio Converter 展示了现代浏览器在多媒体处理领域的潜力。它牺牲了部分处理速度和大文件支持能力，换取了极致的便携性和数据安全性。对于开发者而言，这是一种利用 Web 标准 API 替代传统桌面应用的典型案例；对于终端用户而言，它是一个在特定约束条件下（小文件、隐私敏感）极具价值的实用工具。
2026-07-20 17:17:07
554
原创 纯前端实现 PNG/JPG 转 ICO：基于 Canvas 与 WebAssembly 的多尺寸图标生成方案
通过上述方案，我们成功实现了纯前端的 PNG/JPG 转 ICO 功能。核心难点在于理解 ICO 的文件结构以及 BMP 格式的编码细节。隐私安全：数据不出本地。响应迅速：无需网络传输延迟。架构简单：无需维护后端服务。如果你对这个工具有任何建议，或者发现了 Bug，欢迎在评论区留言讨论。工具直达。
2026-06-20 12:05:53
287
原创 浏览器端视频转音频技术实现：Web Audio API 实战
本文介绍了浏览器端实现视频转音频的技术方案，相比传统服务器方案具有隐私安全、零服务器成本等优势。核心采用Web Audio API和MediaRecorder API实现本地处理，无需上传文件。技术架构包含视频解码、音频提取和编码三个关键环节，通过File API读取视频、Video Element解码、AudioContext处理音频数据，最终使用MediaRecorder生成音频文件。文章提供了完整的JavaScript实现代码，包括音频提取、解码和MP3编码功能，支持多种音频格式和质量设置。该方案适用
2026-05-26 17:01:14
529
原创 基于 WebAssembly 的纯前端图片压缩方案：告别后端，隐私与安全兼得
用浏览器算力替代服务器算力。它不仅是一个效率工具，更是一个优秀的 WebAssembly 落地案例。如果你正在寻找一种低成本、高隐私的图片处理方案，强烈建议尝试一下。🔗工具直达。
2026-05-25 10:00:00
521
原创 HEIC 转 JPG 的另一种思路：基于 WebAssembly 的浏览器端图像处理实践
作为一名开发者，我平时习惯用 iPhone 拍照记录技术文档和会议纪要。但最近在整理资料时，我发现一个很尴尬的问题：Windows 对 HEIC 格式的原生支持很差。为了转换成通用的 JPG/PNG，我试用了市面上不少在线转换工具。上传图片 → 服务器端转换 → 返回下载链接。这在技术实现上最简单，但在隐私安全上却是个灾难。未发布的App 界面截图带有API Key或数据库配置的代码截图个人信息或公司内部文档把这些图片上传到未知的第三方服务器，无疑是非常危险的。
2026-04-14 13:00:39
342
原创 uniapp上滑加载
/ 加载状态（more/loading/noMore）// 滚动触底事件处理（带防抖）/* 保持原有样式不变 */// 减去顶部导航栏高度。// 计算滚动容器高度。// 失败时回退页码。
2025-03-22 18:24:20
514
原创 uniapp实现全局拖拽按钮
要先引入 “vue3-draggable-resizable”: “^1.6.5”1.创建DragComponent组件2.createDrag.js 将组件dom创建到app根组件下在App.vue中执行js
2025-03-19 14:16:27
1663
原创 pwa的基本使用
1.vue项目打包后可能需要适当修改manifest.json中路径前缀，视情况而定。2. 图片大小一定要规范，src也可以使用线上地址。
2025-02-27 15:59:24
496
原创 uniapp引入cloudflare人机验证
使用cloudflare需要注册个账号，并添加网站域名。使用的网站域名要与添加的网站域名一致；.登录页面使用 id需要 唯一。
2025-02-05 09:34:20
1376
原创 uniapp实现后端数据i18n国际化
我这里是通过后端接口先获取到一个多个数据的的json链接，通过链接再获取数据，拿到数据后通过遍历的方式设置i18n。
2025-01-04 16:28:10
731
原创 uniappp配置导航栏自定义按钮(解决首次加载图标失败问题)
4.最后最关键的一步将iconfont.css中的iconfont改为.uni-btn-icon（底下是修改后的）
2024-12-12 09:46:22
743
原创 面试题收集
8、onActivated(): 被包含在 中的组件，会多出两个生命周期钩子函数，被激活时执行；9、onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；2、onBeforeMount() : 组件挂载到节点上之前执行的函数；6、onBeforeUnmount(): 组件卸载之前执行的函数；4、onBeforeUpdate(): 组件更新之前执行的函数；7、onUnmounted(): 组件卸载完成后执行的函数；
2024-07-02 21:27:28
408
原创 uniapp蓝牙打印图片
前言这是个蓝牙打印图片的功能，业务是打印界面固定的demo范围通过html2canvas插件生成的图片base64，然后图片base64绘制到canvas中去后，获取canvas中的像素信息，然后对像素信息进行一个灰度值处理，灰度值处理后再进行黑白值的处理，然后再根据蓝牙机需要通过图片的宽高比例进行一个二维数组的生成等等，一番数据处理后，将数据转换为buffer格式 ，因为蓝牙一次只能发20字节所以采用递归方式发送。采用贴纸打印的话，需要使用黑标指令发送固定数据给蓝牙一次，打印机会蜂鸣，目的是打印内容完
2024-05-23 12:00:08
3005
6
原创 uniapp实现列表拖拽排序+滑动删除功能
此篇代码在原插件基础进行了bug修改与滑动功能的新增原插件地址 HM-dragSorts.vue组件使用HM-dragSorts.vue<template> <view class=""> <view class="HM-drag-sort" :style="{'height': ListHeight+'rpx','background-color': listBackgroundColor}"> <!-- 拖拽中显示的行 -->
2024-05-14 10:15:19
2500
14
uniapp实现扫码功能H5+APP+wx小程序
2023-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人