置顶 MWordStar 双栏 Typecho 博客主题 2019年08月07日 Mr. Ma MWordStar 是一套简洁的 Typecho 双栏博客主题,也是我的博客之前使用的主题,这是一个免费开源的 Typecho 主题,可以在 Github 上免费下载。 阅读全文 173 评论
置顶 Facile 一个简洁的 Typecho 博客主题 2021年05月12日 Mr. Ma Facile 是一套简洁的 Typecho 博客主题,也是我的博客正在使用的主题。之前我用的主题是 MWordStar ,时间长了就想换一下外观,本来想再给 MWordStar 增加一套样式,但是外观变动比较大,而且 MWordStar 已经有几套样式了... 阅读全文 60 评论
Linux 服务器安装 Aria2 + AriaNg 和配置 HTTPS 访问 2022年07月30日 Mr. Ma 之前我写过 Linux 服务器安装 qBittorrent ,qBittorrent 是一个不错的 BT 下载工具,自带 Web 面板,可以远程访问。但是 qBittorrent 只能用于 BT下载,也就是只能下载种子和磁力,不能下载 HTTP 和 FT... 阅读全文 0 评论
手动搭建 Electron-vue 开发环境 2022年07月17日 Mr. Ma Electron 是一个使用 HTML、CSS、JavaScript、Node.js 来开发桌面应用程序的开源框架,它具有开发速度快和跨平台方便的优点。虽然打包的软件体积比较大,体验也不如 C++ 的 QT 和 C# 的 WPF,但是 Electron ... 阅读全文 0 评论
前端 JavaScript 打包和解压 Zip 文件 2022年07月02日 Mr. Ma 最近写了个网页版的文件批量处理工具,在本地浏览器端处理完成后只能生成多个下载链接导出文件,比较麻烦,要是能打包文件,一次导出就会方便一些。一般大多数后端语言都会内置有处理 Zip 文件的库,PHP 有 ZipArchive 库,Node.js 有 zli... 阅读全文 0 评论
网页内容禁止拷贝的实现方式 2022年06月25日 Mr. Ma 一些博客网站和写作平台,当你准备拷贝内容的时候可能会发现文字无法被选中,也无法使用 Ctrl + C 或右键拷贝。实现禁止拷贝的方式也很简单,主要就是禁止选择内容,禁止弹出右键菜单,触发拷贝事件的时候阻止拷贝。下面就使用 CSS + JS 实现禁止拷贝,... 阅读全文 0 评论
JavaScript 使用 Axios 发送 GET 和 POST 请求 2022年06月12日 Mr. Ma Axios 是一个基于 Promise 的网络请求库,它可以用于浏览器端和 Node.js。在浏览器端使用的是 XMLHttpRequest 来发送请求,在 Node.js 使用的是 HTTP 模块。因为 Axios 使用到了 ES6 以上的语法和特性,... 阅读全文 0 评论
JavaScript 实现图片框选裁剪 2022年06月08日 Mr. Ma 很多网站和 App 在上传头像的时候,如果图片的长宽比不一样,就需要选择区域裁剪为正方形。在很早以前,基本上只能在前端选择裁剪区域,发到服务器裁剪,现在随着浏览器的功能越来越强大和用户设备性能的提升,基本上可以在前端裁剪完再上传。这里简单实现图片的框选和... 阅读全文 0 评论
JavaScript 浏览器调用摄像头拍摄视频 2022年05月24日 Mr. Ma 之前写了 浏览器调用麦克风录制音频 和 调用摄像头拍摄照片 ,这里就继续来调用摄像头拍摄视频。拍摄视频和录制音频的方法其实是差不多的,使用的也是 MediaRecorder 媒体录制接口,录制音频只需要申请麦克风,录制视频需要同时申请麦克风和摄像头。下面... 阅读全文 0 评论
JavaScript 浏览器调用摄像头拍摄照片 2022年05月20日 Mr. Ma 调用摄像头拍照对于网页来说用的不多,在手机上 file 表单直接就可以选择相机拍照,PC 上也是直接选择文件上传。最近对于调用传感器之类的比较感兴趣,之前写了调用麦克风录音,这里继续来写调用摄像头。拍摄照片下面简单实现预览摄像头画面、拍照、显示拍摄的照片... 阅读全文 0 评论
JavaScript 浏览器调用麦克风录音 2022年05月19日 Mr. Ma 在前端网页中,录音功能一般常用于语音输入,例如 Google翻译的语音输入,YouTube 的语音搜索。相比桌面客户端和手机 App 来说网页的录音用的要少一些,但现在越来越多的桌面应用程序都使用 Electron 开发,手机 App 也会用到 Webv... 阅读全文 0 评论
CSS 和 JS 根据系统主题配色模式自动切换网页配色模式 2022年05月16日 Mr. Ma 在 YouTube 的菜单中有一项外观设置,这里可以设置 YouTube 的网页配色,包括 深色主题、浅色主题、使用设备主题,这里的使用设备主题就是根据系统的主题配色来调整网页配色。目前的 Android 和 iOS 都有深色模式,开启深色模式后系统应用... 阅读全文 0 评论