- 博客(90)
- 资源 (16)
- 问答 (1)
- 收藏
- 关注
原创 Web Speech API(2)—— SpeechSynthesis
Web Speech API 有两个部分:SpeechSynthesis 语音合成(文本到语音 TTS)和 SpeechRecognition 语音识别(异步语音识别)。语音合成 (也被称作是文本转为语音,英语简写是 tts) 包括接收 app 中需要语音合成的文本,再在设备麦克风播放出来这两个过程。其中包含了将由语音服务朗读的内容,以及如何朗读它(例如:语种、音高、音量)。语音合成服务的控制器接口,可用于获取设备上可用的合成语音,开始、暂停以及其他相关命令的信息。控制器,从而获取语音合成功能的入口。
2024-05-21 10:22:42 1494
原创 Web Speech API(1)—— SpeechRecognition
Web Speech API 使你能够将语音数据合并到 Web 应用程序中。Web Speech API 有两个部分:SpeechSynthesis 语音合成(文本到语音 TTS)和 SpeechRecognition 语音识别(异步语音识别)。
2024-05-21 10:19:41 1152
原创 js比大小的问题
字符串比大小,位数相同,则对比第一位,不等就出结果;然后在对比第二位,如果其中一个没第二位,另一个有,则有第二位的大,下面类似。结果发现 a,b类型均为string时候,会错误,需要转成number类型。记录工作中遇到的一个问题,两个输入金额比对,但结果是错误的。分析:a>b,结果不对,分析是a,b类型导致。
2024-01-24 16:16:38 524
原创 vue beforeDestroy/destroyed生命周期里使用$emit失效
vue beforeDestroy/destroyed生命周期里使用$emit失效
2023-10-11 14:28:15 214
原创 记录一次异常访问场景
我的需求业务是 当前请求一次接口 就会消耗当前计划的视频池里一个视频 但是当页面在抖音app打开时 会偶尔出现一次打开却消耗了两个视频 查看当前页面却只能看到发起了一个请求。解决方案 可以当前页面先不加载 出现页面后,通过交互再发起请求获取信息 规避掉被抖音方面请求到 进而导致后端统计异常。经过排查 最后发现了抖音方面偶尔会对当前接口进行访问。
2023-09-21 11:26:11 129
原创 记录移动端页面用户访问却是访问到缓存网页的问题
更新后用户访问时候部分用户缓存不更新 还是get请求导致405 无法获取到信息。本次是页面更改了一个接口 只是把get改成post URL没变。其实这个时候要对页面强制更新。
2023-09-21 11:15:17 100
原创 ios浏览器下载和请求冲突问题
这个下载安卓环境正常,但ios会出现只下载请求回调一直pending,导致回调下载状态无法完成;需求:就是页面点击按钮下载视频,然后后端记录下这个视频是否被下载过了;
2023-03-16 16:34:23 109
原创 记录一次bug经历
这个标签上聚集后 再按键盘上任意键 就能导致边框变黑。盘查了挺久 才发现是标签outline的锅。outline: none即可消除。
2022-10-25 19:51:19 85
原创 图片隐写,盲水印,加密logo
隐写术算是一种加密技术,权威的wiki说法是“隐写术是一门关于信息隐藏的技巧与科学,所谓信息隐藏指的是不让除预期的接收者之外的任何人知晓信息的传递事件或者信息的内容。
2022-08-03 20:04:23 3408
原创 papaparse实现csv在线预览中文乱码问题
PapaParse插件实现csv在线预览时,会出现中文预览乱码问题,用XMLHttpRequest()获取到文件,然后再用FileReader()改变文件的编码,最后用PapaParse直接解析,解决文文乱码
2022-08-03 16:32:04 1458
原创 video标签只播放返回视频资源的一部分
需求:请求回来的视频资源,要求页面预览只展示根据返回的起始时间部分的视频; 这个视频预览是弹窗预览,所以通过show弹窗时,把后端返回的播放初始时间赋予当前video的currentTime,播放速率也一样(playbackRate); 初始时间处理好了,结束时间也要进行赋值,可以通过video多媒体方法timeupdate监控设置: 这时候要弹窗关闭展开时对video的处理:over,以此笔记!!...
2022-07-08 10:37:54 685
原创 input[file]上传文件条件过滤
日常做文件上传时,会需要条件过滤掉一部分不符合条件1.文件格式过滤 2.数量3.尺寸过滤然后上传过程中过滤:
2022-06-16 11:33:38 1048
原创 el-table子项复选自定义选中状态
elementUI里的el-table子项复选有时候做展开子项时才添加数据,这个时候想做全选把子项也选择上,就要子项的自定义选中状态,先通过this.$refs['pushMultipleTable'].store.states.isAllSelected获取全选按钮的状态TRUE,然后做遍历操作:// pushMultipleSelection想要设置为选中的数据this.pushMultipleSelection.forEach(item => { this.$r..
2022-05-18 15:06:08 908
原创 el-table获取全选的勾选状态
有时候要自定义el-table的全选按钮的事件操作用它本身全选点击事件,然后根据点击状态TRUE/FALSE来做自己的操作@select-all="handleSelectAll"handleSelectAll(){ // ref=pushMultipleTable 的el-table的全选点击TRUE/FALSE if(this.$refs['pushMultipleTable'].store.states.isAllSelected) { // do some
2022-05-18 14:59:31 1144
原创 css属性——env()和constant()设置安全区域
env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量:safe-area-inset-left:安全区域距离左边边界的距离 safe-area-inset-right:安全区域距离右边边界的距离 safe-area-inset-top:安全区域距离顶部边界的距离 safe-area-inset-bottom :安全距离底部边界的距离而env()和constant()函数有个必要的使用前提,H5网页设置viewport-f
2021-11-26 18:30:46 4147
原创 js直接请求导出,非打开地址
const xhr = new XMLHttpRequest() xhr.open('get', `${process.env.VUE_APP_BASE_API}/store/registrationActivitiesApplies/export/excel`, true) xhr.setRequestHeader('token', getToken()) xhr.responseType = 'blob' // 返回类型blob // 定.
2021-11-23 17:44:01 152
原创 Excel导出报表
// 导出 downLoadTable() { this.isLoading = true const msg = this.$message({ showClose: true, message: '导出中,请耐心等待...', type: 'success', duration: 0 }) this.listQuery.upload = 1 winnin...
2021-11-23 16:16:51 651
原创 vue 使用定时器
const paramsTimer = setInterval(() => { fetchCustomizeList({ has_options: 1, store_id: this.store_id, page_size: 999, status: 1 }).then(async(res) => { if (res.code === RES_SUCCESS_CODE) { this.customizeList = res.d...
2021-10-29 14:43:24 151
原创 CSS 颜色
CSS 颜色模块自从 Level 4 开始,除了新增了一些新的函数值,比如 hwb()、lch() 、lab() 、color-mix() 、 color-contrast() 和 color() 之外,对原本的 rgb() 、hsl() 以及 #rrggbb 等颜色值定义语法规则也做出调整。 比如,原本我们熟悉的描述颜色值的方式:#09f #90eafergb(123, 123, 123)rgba(123, 123, 123, .5)hsl(220, 50%, 50%)hsla(22
2021-07-19 16:32:45 202
原创 css选择器
今天没事做,摸鱼看了下掘金,其中看到css选择器部分,值的记录下。多元素的组合选择器序号 选择器 含义 1 E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔 2 E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 3 E > F 子元素选择器,匹配所有E元素的子元素F 4 E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F 如下div div { c
2021-07-19 16:28:04 63
原创 小程序input获取焦点时提示文字上移的问题
在做一个小程序时,遇到一个问题:input获取焦点时提示文字上移的问题?查了下没见有啥解决方案,只有一个使用焦点事件来替换的,经过查找原因,发现解决方法:给它加个box-sizing:border-box;求赞!...
2021-07-07 09:25:58 1270 8
大前端学习教程视频.txt
2021-05-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人