08 2022 档案

webpack打包分析webpack-bundle-analyzer 打包文件分析工具

摘要：最近需要减少项目打包后的文件(bundle)的大小，那么首先需要了解bundle的构成。目前我已知的方法有两种：利用webpack-bundle-analyzer插件利用webpack官方提供的分析功能 1.webpack-bundle-analyzer 安装插件webpack-bundle- 阅读全文

posted @ 2022-08-30 17:07 三寸日光阅读(1500) 评论(0) 推荐(0) 编辑

Vue.sync修饰符与this.$emit('update:xxx', newXXX)

摘要：Vue通过prop进行双向数据绑定。子组件数据变化，一般只能通过 this.$emit(func, val) 回调父组件函数来传值给父组件。 Vue2.3版本引入sync，作为一个事件绑定语法糖，当子组件触发事件时，父组件会响应事件并实现数据更新。 .sync 修饰符 this.$emit('upd 阅读全文

posted @ 2022-08-29 15:19 三寸日光阅读(542) 评论(0) 推荐(0) 编辑

浏览器语音播报功能

摘要：当界面需要语音播报时候，浏览器一般自带播报功能，可以使用一下方法 let speechInstance = new window.SpeechSynthesisUtterance('我读的是当前文字');window.speechSynthesis.speak(speechInstance) 阅读全文

posted @ 2022-08-29 11:02 三寸日光阅读(227) 评论(0) 推荐(0) 编辑