JavaScript 浏览器调用麦克风录音 2022年05月19日 Changbin 5187 在前端网页中，录音功能一般常用于语音输入，例如 Google翻译的语音输入，YouTube 的语音搜索。相比桌面客户端和手机 App 来说网页的录音用的要少一些，但现在越来越多的桌面应用程序都使用 Electron 开发，手机 App 也会用到 Webv... 阅读全文 2 评论
CSS 和 JS 根据系统主题配色模式自动切换网页配色模式 2022年05月16日 Changbin 2227 在 YouTube 的菜单中有一项外观设置，这里可以设置 YouTube 的网页配色，包括 深色主题、浅色主题、使用设备主题，这里的使用设备主题就是根据系统的主题配色来调整网页配色。目前的 Android 和 iOS 都有深色模式，开启深色模式后系统应用... 阅读全文 0 评论
Electron 最小化到系统托盘 2021年04月29日 Changbin 5295 很多需要长时间在后台运行的软件，例如 QQ、微信 和很多下载工具在退出的时候默认都是最小化到系统托盘，退出需要在系统托盘菜单退出。最小化到系统托盘相比直接最小化的优势就是在切换窗口的时候不会干扰，在任务管理器的基础页也不会显示进程。编写系统托盘系统托盘需... 阅读全文 0 评论
Electron 右键上下文菜单 2021年04月22日 Changbin 6087 在 Electron 中默认右键是不会弹出菜单的，就连 input 和 textarea 这一类输入框也不会弹出菜单。右键菜单可以使用 HTML 制作，也可以使用原生菜单，原生菜单的键盘可访问性要好一些。创建菜单Electron 的上下文菜单需要在渲染进... 阅读全文 0 评论
Electron 编写菜单栏 2021年04月20日 Changbin 6657 在很多桌面应用程序的顶部都有一个菜单栏，把一些功能入口放到菜单栏的菜单中可以使软件界面更简洁。Electron 可以支持原生菜单栏，也可以用 HTML 来制作菜单栏，不过原生菜单栏在键盘操作和可访问性方面都要更好。禁用菜单Electron 默认会显示一个... 阅读全文 1 评论
使用 electron-builder 打包 Electron 应用 2021年04月12日 Changbin 6263 Electron 是一个可以通过 Web 前端技术来开发桌面应用程序的开源框架，使用 Electron 只需要会 HTML、CSS、JS 就能开发桌面应用程序。使用 npm 之类的包管理工具安装完 electron 后只能运行，不能打包，如果需要把开发完... 阅读全文 0 评论
JavaScript 操作元素的 class 2020年11月28日 Changbin 3639 jQuery 可以很方便的使用 addClass 和 removeClass 这两个方法来添加和删除元素的 class，而且基本不会遇到兼容性问题。原生的 JavaScript 操作 class 就会麻烦一些。我开发博客主题使用 classList 操作... 阅读全文 3 评论
JavaScript 浏览器本地语音合成 2020年11月16日 Changbin 5020 目前大多数网页的语音合成都是由后端合成，然后前端播放后端合成的音频文件。这种方式的好处就是合成的声音相比一般的语音库要真实一些，坏处就是需要等待的时间会比较长，而且在内容较多的情况下可能会合成失败。现在前端浏览器也可以直接调用用户设备上安装的语音库来合成... 阅读全文 1 评论
JavaScript 使用 QRious 生成二维码 2020年10月18日 Changbin 3972 在我的博客文章页下方有一个分享按钮，点击就会生成一个二维码，可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的，完全靠自己手写的话还是不太现实，最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的，我的需求就是不需要依赖 jQ... 阅读全文 3 评论
JavaScript 操作滚动条 2020年09月04日 Changbin 3417 对于大多数网站来说，在编写前端的时候操作滚动条应该是少不了的。现在的很多网站都有一键返回顶部的功能，这就需要涉及到滚动条的操作，还有很多手机 APP 和网站是根据滚动条的位置动态加载数据的，也需要涉及到滚动条的操作。这里简单写一下滚动条的读取和控制，忘记... 阅读全文 1 评论