分类 前端开发 下的文章

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

JavaScript 浏览器调用麦克风录音

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

Electron 最小化到系统托盘

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

Electron 右键上下文菜单

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

Electron 编写菜单栏

在很多桌面应用程序的顶部都有一个菜单栏,把一些功能入口放到菜单栏的菜单中可以使软件界面更简洁。Electron 可以支持原生菜单栏,也可以用 HTML 来制作菜单栏,不过原生菜单栏在键盘操作和可访问性方面都要更好。禁用菜单Electron 默认会显示一个...

JavaScript 操作元素的 class

jQuery 可以很方便的使用 addClass 和 removeClass 这两个方法来添加和删除元素的 class,而且基本不会遇到兼容性问题。原生的 JavaScript 操作 class 就会麻烦一些。我开发博客主题使用 classList 操作...

JavaScript 浏览器本地语音合成

目前大多数网页的语音合成都是由后端合成,然后前端播放后端合成的音频文件。这种方式的好处就是合成的声音相比一般的语音库要真实一些,坏处就是需要等待的时间会比较长,而且在内容较多的情况下可能会合成失败。现在前端浏览器也可以直接调用用户设备上安装的语音库来合成...

JavaScript 使用 QRious 生成二维码

在我的博客文章页下方有一个分享按钮,点击就会生成一个二维码,可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的,完全靠自己手写的话还是不太现实,最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的,我的需求就是不需要依赖 jQ...

JavaScript 操作滚动条

对于大多数网站来说,在编写前端的时候操作滚动条应该是少不了的。现在的很多网站都有一键返回顶部的功能,这就需要涉及到滚动条的操作,还有很多手机 APP 和网站是根据滚动条的位置动态加载数据的,也需要涉及到滚动条的操作。这里简单写一下滚动条的读取和控制,忘记...