JavaScript 浏览器本地语音合成 2020年11月16日 Changbin 5786 目前大多数网页的语音合成都是由后端合成，然后前端播放后端合成的音频文件。这种方式的好处就是合成的声音相比一般的语音库要真实一些，坏处就是需要等待的时间会比较长，而且在内容较多的情况下可能会合成失败。现在前端浏览器也可以直接调用用户设备上安装的语音库来合成... 阅读全文 1 评论
JavaScript 使用 QRious 生成二维码 2020年10月18日 Changbin 4859 在我的博客文章页下方有一个分享按钮，点击就会生成一个二维码，可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的，完全靠自己手写的话还是不太现实，最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的，我的需求就是不需要依赖 jQ... 阅读全文 3 评论
JavaScript 操作滚动条 2020年09月04日 Changbin 3986 对于大多数网站来说，在编写前端的时候操作滚动条应该是少不了的。现在的很多网站都有一键返回顶部的功能，这就需要涉及到滚动条的操作，还有很多手机 APP 和网站是根据滚动条的位置动态加载数据的，也需要涉及到滚动条的操作。这里简单写一下滚动条的读取和控制，忘记... 阅读全文 1 评论
Vuex 的简单使用 2020年07月30日 Changbin 2899 Vue 组件之间有很多种通信方式，例如 props、ref、$emit 等。但是这些通信方式都有一个问题就是一次只能和一个组件通信，如果要把值传给多个组件就需要写多行代码，而且对于层级较多的组件来说需要传很多次，不太方便。Vuex 是 Vue 的一个状态... 阅读全文 0 评论
JavaScript 复制文本和读取剪贴板 2020年07月06日 Changbin 7290 在很多提供在线翻译服务的网站和 APP 的译文区域基本都有一个复制的按钮，点击就可以一键复制翻译结果，不需要手动选择复制。除了翻译网站外，很多需要提取内容的网站也都提供一键复制功能。这里就来简单写一下 JavaScript 在浏览器环境下的复制文本和读取... 阅读全文 0 评论
ES6 代码转义器 SWC 体验 2020年05月07日 Changbin 8156 SWC 是一个类似于 Babel 的代码转义器，它的主要功能就是把 ES2015 或更高版本的 JS 代码转换为老浏览器能够使用的 ES5 或更低版本的 JS 代码。SWC 是使用 Rust 语言编写的，相比 Babel 来说，速度要更快。按照官网的说法... 阅读全文 1 评论
Bootstrap 按需引入 2020年05月03日 Changbin 6541 在使用 Bootstrap 的时候，为了方便，可能通常都会选择直接引入官方编译的 CSS 和 JS。直接引入官方的 CSS 和 JS 虽然方便，但是体积也比较大，如果你能用到它的所有功能也倒还好，但是大多数情况下可能用不到它的所有功能。可能你只是想用它的... 阅读全文 0 评论
前端打包工具 PARCEL 的简单使用 2020年04月26日 Changbin 6991 在 Webpack 的使用中，配置文件算是 Webpack 比较难的一个部分。使用 Webpack 搭建一个项目，需要配置各种 Loader 和插件，对于不太熟悉的新手来说，非常容易出错。PARCEL 是一个零配置的 Web 打包工具，不需要任何配置就能... 阅读全文 2 评论
JavaScript 通过浏览器导出和读取本地 JSON 文件 2020年04月22日 Changbin 7687 最近我准备给我的博客主题增加一个备份主题配置的功能，我使用的方案是通过导出主题的设置来备份。因为不需要导入数据库，所以可以直接通过 JS 获取表单内容，然后导出为 JSON。导入配置也是直接读取本地的 JSON 文件，然后根据 JSON 的配置信息设置表... 阅读全文 0 评论
Webpack 本地服务器设置代理 2020年03月18日 Changbin 5239 因为浏览器同源策略的限制，AJAX 是不能跨域请求的，只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说，前端如果要测试 API 就需要后端设置 header 来配合前端，前端在发送请求也需要输入完整的域名，而且也不方便传递 Cooki... 阅读全文 0 评论