JavaScript 浏览器调用麦克风录音 2022年05月19日 Mr. Ma 3155 在前端网页中，录音功能一般常用于语音输入，例如 Google翻译的语音输入，YouTube 的语音搜索。相比桌面客户端和手机 App 来说网页的录音用的要少一些，但现在越来越多的桌面应用程序都使用 Electron 开发，手机 App 也会用到 Webv... 阅读全文 2 评论
CSS 和 JS 根据系统主题配色模式自动切换网页配色模式 2022年05月16日 Mr. Ma 1360 在 YouTube 的菜单中有一项外观设置，这里可以设置 YouTube 的网页配色，包括 深色主题、浅色主题、使用设备主题，这里的使用设备主题就是根据系统的主题配色来调整网页配色。目前的 Android 和 iOS 都有深色模式，开启深色模式后系统应用... 阅读全文 0 评论
JavaScript 操作元素的 class 2020年11月28日 Mr. Ma 2698 jQuery 可以很方便的使用 addClass 和 removeClass 这两个方法来添加和删除元素的 class，而且基本不会遇到兼容性问题。原生的 JavaScript 操作 class 就会麻烦一些。我开发博客主题使用 classList 操作... 阅读全文 3 评论
JavaScript 浏览器本地语音合成 2020年11月16日 Mr. Ma 3838 目前大多数网页的语音合成都是由后端合成，然后前端播放后端合成的音频文件。这种方式的好处就是合成的声音相比一般的语音库要真实一些，坏处就是需要等待的时间会比较长，而且在内容较多的情况下可能会合成失败。现在前端浏览器也可以直接调用用户设备上安装的语音库来合成... 阅读全文 1 评论
JavaScript 使用 QRious 生成二维码 2020年10月18日 Mr. Ma 2924 在我的博客文章页下方有一个分享按钮，点击就会生成一个二维码，可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的，完全靠自己手写的话还是不太现实，最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的，我的需求就是不需要依赖 jQ... 阅读全文 3 评论
JavaScript 操作滚动条 2020年09月04日 Mr. Ma 2528 对于大多数网站来说，在编写前端的时候操作滚动条应该是少不了的。现在的很多网站都有一键返回顶部的功能，这就需要涉及到滚动条的操作，还有很多手机 APP 和网站是根据滚动条的位置动态加载数据的，也需要涉及到滚动条的操作。这里简单写一下滚动条的读取和控制，忘记... 阅读全文 1 评论
JavaScript 复制文本和读取剪贴板 2020年07月06日 Mr. Ma 5854 在很多提供在线翻译服务的网站和 APP 的译文区域基本都有一个复制的按钮，点击就可以一键复制翻译结果，不需要手动选择复制。除了翻译网站外，很多需要提取内容的网站也都提供一键复制功能。这里就来简单写一下 JavaScript 在浏览器环境下的复制文本和读取... 阅读全文 0 评论
JavaScript 通过浏览器导出和读取本地 JSON 文件 2020年04月22日 Mr. Ma 5559 最近我准备给我的博客主题增加一个备份主题配置的功能，我使用的方案是通过导出主题的设置来备份。因为不需要导入数据库，所以可以直接通过 JS 获取表单内容，然后导出为 JSON。导入配置也是直接读取本地的 JSON 文件，然后根据 JSON 的配置信息设置表... 阅读全文 0 评论
JS 根据文章中的标题生成目录索引 2020年02月15日 Mr. Ma 3925 在浏览一些博客或 wiki 类网站的时候，你可能会发现在文章的开头或侧边会有一个目录，点击就可以跳转到指定的章节。对于比较长的文章来说，目录还是比较重要的。通过目录可以快速了解文章包含的内容，要查看某个章节也可以直接跳转。最近准备给博客增加一个生成文章目... 阅读全文 0 评论
使用 ESLint 检查代码规范 2020年02月04日 Mr. Ma 3880 ESLint 是一个代码检查工具，它能按照定义的规则来检查代码是否符合规范。对于需要编译的静态语言来说，编译器在编译的时候可以自动检查代码规范。但是对于解释执行的动态语言来说，只能在运行的时候调试，而且一些运行在浏览器之外的 JS 也 不太方便调试。ES... 阅读全文 2 评论