分类 前端开发 下的文章

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

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 和网站是根据滚动条的位置动态加载数据的,也需要涉及到滚动条的操作。这里简单写一下滚动条的读取和控制,忘记...

Vuex 的简单使用

Vue 组件之间有很多种通信方式,例如 props、ref、$emit 等。但是这些通信方式都有一个问题就是一次只能和一个组件通信,如果要把值传给多个组件就需要写多行代码,而且对于层级较多的组件来说需要传很多次,不太方便。Vuex 是 Vue 的一个状态...

JavaScript 复制文本和读取剪贴板

在很多提供在线翻译服务的网站和 APP 的译文区域基本都有一个复制的按钮,点击就可以一键复制翻译结果,不需要手动选择复制。除了翻译网站外,很多需要提取内容的网站也都提供一键复制功能。这里就来简单写一下 JavaScript 在浏览器环境下的复制文本和读取...