- 博客(14)
- 收藏
- 关注
原创 微信小程序 实时语音识别
使用ai搜出来的api ,onRecognize!为了紧随时代,接入ai大模型,需要实现小程序的实时语音识别。要使用这个,首先得去腾讯云注册账号。然后生成密钥和密钥id。首先要在微信公众开发平台 - 插件管理里面导入需要的插件。如果只需要文字最后的结果!那么只需要使用官方自带的。如果需要实时监听语音,使用websocket 的。如果要在语音输入的时候!显示同步实时显示文字。有免费的市场,但是长期使用,需要收费。在开始录音的时候,记得要配置。那么就需要money,使用。同时,在要去开通对应的服务。
2025-03-29 14:36:11
355
原创 iView表格不同色块区别显示
组件一般自带斑马纹和色块,但是有些需求就会要求同一个表格有不同的色块显示,同时不同色块的斑马纹和字体也不一样。该博客就是针对iview组件库的表格的。先贴展示图,不同色块,不同斑马纹,不同字体。首先是表头部分,通过在iview表格的列属性内,添加className属性,绑定相应的类名,在下面使用对应的方法,而斑马纹部分,使用的是render方式渲染的,字体也是。再在对应的地方写上css样式这样就可以实现了。...
2020-12-01 15:55:09
467
原创 jit.si.meet的静音和注销
jit.si.meet插件可以实现通话,通过引入和注册。在其中有需要实现静音和注销。其中官方的api在这:https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe为了节省时间,写点常用的:静音:api.executeCommand("toggleAudio"); api.executeCommand('toggleVideo');注销:api.executeCommand("hangup");api.disp
2020-10-14 14:51:22
1016
原创 Vue网页录音,js录音mp3
在网上找到关于HTML5的录音教程,但是发现转成Vue的时候报错了。所以写一下解决方法。HTML5录音链接:本文是在此文的基础上进行修改的,使用了recorder.js和worker.js。同时因为Vue找不到worker.js文件,所以修改了部分源码,最终实现。其中坑多多,各位注意踩坑。首先是Vue的文件。进行说明:recordercopy为修改后的recorder.js,由于是父子组件关系,所以按钮是通过isStart的true和false来实现触发点击事件的。limit 是限制加载时候直接进入
2020-08-31 15:06:41
1176
原创 表单验证,动态添加验证
表单验证,动态添加验证在前端开发过程中,遇到了一个问题。有一个表单需要实现按钮控制添加删除新增input,同时新增的inpit需要有各自的验证。而我写的原有表单验证只会显示其中一个的验证结果!经过挣扎和百度,解决方法如下:在组件的代码:验证规则:验证规则调用:最后实现的效果:...
2020-08-27 15:31:24
647
原创 同一表格单选框,复选框切换
同一表格 单选框,复选框切换先放样式图在同一表格内,实现多选框和单选框的切换,用的组件是iview。代码截图源码:this.columnsVideo.splice(0, 1, { //this.columnsVideo是表格列 type: "selection", width: 60, tooltip: true, align: "center"})this.columnsVideo.splice(0, 1, { type: 'radio', tit
2020-08-27 15:20:50
340
原创 IIS服务-前端http转https
#IIS服务-前端http转https在某些项目需要使用https才能进行网页功能展示,而本地又只有http的时候,就需要IIS服务来搭一个本地的https网站来测试。首先,在本地安装IIS服务。在控制面板中找到安装。然后,在安装完成之后打开这个服务然后,进行基本设置,绑定物理地址。(前端打包的文件)进行网站的绑定,在这边就可以勾选https,ip地址为本地的,端口为任务未占用的,点击启动即可。下图为可能需要要点的地方,为了找到,进行标红了。...
2020-08-27 15:13:17
413
原创 VUE数字滚动插件(简单版)
如何在页面上实现数字从初始值滚动到最终值?这就需要在vue项目中引入vue-countTo,这是一个无依赖,轻量级的vue组件。安装引入方式:npm install vue-count-to //安装引入使用:<template> <countTo :startVal="a" :endVal="b" :duration="3000"></countTo></template><script> import cou
2020-06-24 16:04:46
1181
原创 深拷贝与浅拷贝的区别(简单理解)
深拷贝与浅拷贝的区别(简单理解)如何区分深拷贝与浅拷贝?简单点来说,就是假设B复制了A,当修改A时,如果B也跟着变了,说明这是浅拷贝。如果B没变,那就是深拷贝。简单图解如下:在js的数据类型中,可以分为 基本类型 和 引用数据类型 。有着类似于深拷贝和浅拷贝的特性。1.基本类型–名值存储在栈内存中,例如let a=1;当你b=a复制时,栈内存会新开辟一个内存,例如这样:所以当你此时修改a=2,对b并不会造成影响。(深拷贝)2.引用数据类型–名存在栈内存中,值存在于堆内存中,但是栈内存会
2020-06-22 16:00:09
689
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人