分类 前端开发 下的文章

这里是一些与Web前端相关的教程和笔记。

前端 JavaScript 打包和解压 Zip 文件

最近写了个网页版的文件批量处理工具,在本地浏览器端处理完成后只能生成多个下载链接导出文件,比较麻烦,要是能打包文件,一次导出就会方便一些。一般大多数后端语言都会内置有处理 Zip 文件的库,PHP 有 ZipArchive 库,Node.js 有 zli...

网页内容禁止拷贝的实现方式

一些博客网站和写作平台,当你准备拷贝内容的时候可能会发现文字无法被选中,也无法使用 Ctrl + C 或右键拷贝。实现禁止拷贝的方式也很简单,主要就是禁止选择内容,禁止弹出右键菜单,触发拷贝事件的时候阻止拷贝。下面就使用 CSS + JS 实现禁止拷贝,...

JavaScript 实现图片框选裁剪

很多网站和 App 在上传头像的时候,如果图片的长宽比不一样,就需要选择区域裁剪为正方形。在很早以前,基本上只能在前端选择裁剪区域,发到服务器裁剪,现在随着浏览器的功能越来越强大和用户设备性能的提升,基本上可以在前端裁剪完再上传。这里简单实现图片的框选和...

JavaScript 浏览器调用摄像头拍摄视频

之前写了 浏览器调用麦克风录制音频 和 调用摄像头拍摄照片 ,这里就继续来调用摄像头拍摄视频。拍摄视频和录制音频的方法其实是差不多的,使用的也是 MediaRecorder 媒体录制接口,录制音频只需要申请麦克风,录制视频需要同时申请麦克风和摄像头。下面...

JavaScript 浏览器调用摄像头拍摄照片

调用摄像头拍照对于网页来说用的不多,在手机上 file 表单直接就可以选择相机拍照,PC 上也是直接选择文件上传。最近对于调用传感器之类的比较感兴趣,之前写了调用麦克风录音,这里继续来写调用摄像头。拍摄照片下面简单实现预览摄像头画面、拍照、显示拍摄的照片...

JavaScript 浏览器调用麦克风录音

在前端网页中,录音功能一般常用于语音输入,例如 Google翻译的语音输入,YouTube 的语音搜索。相比桌面客户端和手机 App 来说网页的录音用的要少一些,但现在越来越多的桌面应用程序都使用 Electron 开发,手机 App 也会用到 Webv...

Electron 最小化到系统托盘

很多需要长时间在后台运行的软件,例如 QQ、微信 和很多下载工具在退出的时候默认都是最小化到系统托盘,退出需要在系统托盘菜单退出。最小化到系统托盘相比直接最小化的优势就是在切换窗口的时候不会干扰,在任务管理器的基础页也不会显示进程。编写系统托盘系统托盘需...

Electron 右键上下文菜单

在 Electron 中默认右键是不会弹出菜单的,就连 input 和 textarea 这一类输入框也不会弹出菜单。右键菜单可以使用 HTML 制作,也可以使用原生菜单,原生菜单的键盘可访问性要好一些。创建菜单Electron 的上下文菜单需要在渲染进...