草庐IT

$TypeScript

全部标签

【vue3 之 emits & $emit() 讲解 】监听子组件事件、emit事件验证、options写法、composition setup写法

前言:不懂在父组件里对子组件@xxxx声明自定义事件,就不用看本篇文章了。本篇对此内容不做任何说明。这是与emits结合使用的必备知识!emits场景说明:组件功能封装:        组件封装了一系列emit 事件,并返回数据、回调函数等,或单纯执行某个操作后,触发父组件的事件响应。        外部要用时,使用@xxxx来接收使用、响应。类型:Array|Object详细:emits可以是数组或对象,从组件触发自定义事件,emits可以是简单的数组,也可以是对象,后者允许配置事件验证。在对象语法中,每个property的值可以为 null 或验证函数。验证函数将接收传递给 $emit 调

【vue3 之 emits & $emit() 讲解 】监听子组件事件、emit事件验证、options写法、composition setup写法

前言:不懂在父组件里对子组件@xxxx声明自定义事件,就不用看本篇文章了。本篇对此内容不做任何说明。这是与emits结合使用的必备知识!emits场景说明:组件功能封装:        组件封装了一系列emit 事件,并返回数据、回调函数等,或单纯执行某个操作后,触发父组件的事件响应。        外部要用时,使用@xxxx来接收使用、响应。类型:Array|Object详细:emits可以是数组或对象,从组件触发自定义事件,emits可以是简单的数组,也可以是对象,后者允许配置事件验证。在对象语法中,每个property的值可以为 null 或验证函数。验证函数将接收传递给 $emit 调

录音、上传、播放音频微信小程序实践

文章目录录音、上传、播放音频微信小程序实践实践分析依赖接口录音上传播放Page事件参考录音、上传、播放音频微信小程序实践最近上线了一款智能外呼机器人产品,需要开发一款录音、上传、播放音频功能的微信小程序给录音师配置外呼话术真人录音。代码已开源,数据均已本地化处理。适合新手参考学习的完整原生微信小程序小项目。实践分析依赖接口主要使用以下apiwx.getRecorderManager:获取全局唯一的录音管理器RecorderManagerwx.createInnerAudioContext:创建内部audio上下文InnerAudioContext对象PS.默认audio组件样式不符合需求,目前

录音、上传、播放音频微信小程序实践

文章目录录音、上传、播放音频微信小程序实践实践分析依赖接口录音上传播放Page事件参考录音、上传、播放音频微信小程序实践最近上线了一款智能外呼机器人产品,需要开发一款录音、上传、播放音频功能的微信小程序给录音师配置外呼话术真人录音。代码已开源,数据均已本地化处理。适合新手参考学习的完整原生微信小程序小项目。实践分析依赖接口主要使用以下apiwx.getRecorderManager:获取全局唯一的录音管理器RecorderManagerwx.createInnerAudioContext:创建内部audio上下文InnerAudioContext对象PS.默认audio组件样式不符合需求,目前

【vue3】子组件修改父组件传过来的props数据

前言最近新项目用vue3搭建的,准备开始使用vue3的语法,从这篇开始记录下vue3遇到的一些问题和一些语法的使用方法,以便于以后复习,也可能帮助到一些小伙伴。1.修改父组件普通数据使用v-mode语法,代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量,例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上ChildComponentv-model:test="test"/>其实它是以下的简写:ChildComponent:test="test"@update:test="test=$event"/>子组件子组件使用emit修改父

【vue3】子组件修改父组件传过来的props数据

前言最近新项目用vue3搭建的,准备开始使用vue3的语法,从这篇开始记录下vue3遇到的一些问题和一些语法的使用方法,以便于以后复习,也可能帮助到一些小伙伴。1.修改父组件普通数据使用v-mode语法,代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量,例vartest=ref(‘parent’)父组件用v-mode将数据绑定到子组件上ChildComponentv-model:test="test"/>其实它是以下的简写:ChildComponent:test="test"@update:test="test=$event"/>子组件子组件使用emit修改父

【TypeScript基础】TypeScript之常用类型(下)

前言博主主页👉🏻蜡笔雏田学代码专栏链接👉🏻【TypeScript专栏】上篇文章讲解了TypeScript的一些常用类型,👉🏻详细内容请阅读【TypeScript基础】TypeScript之常用类型(上)今天继续学习TypeScript另一些常用类型!感兴趣的小伙伴一起来看看吧~🤞文章目录1.元组(Tuple)2.类型推论声明变量并初始化时决定函数返回值时3.类型断言如何使用类型断言技巧:console.dir()4.字面量类型5.枚举类型访问枚举成员枚举的值字符串枚举枚举的特点及原理6.any类型7.typeof操作符1.元组(Tuple)2.类型推论在TS中,某些没有明确指出类型的地方,TS

【TypeScript基础】TypeScript之常用类型(下)

前言博主主页👉🏻蜡笔雏田学代码专栏链接👉🏻【TypeScript专栏】上篇文章讲解了TypeScript的一些常用类型,👉🏻详细内容请阅读【TypeScript基础】TypeScript之常用类型(上)今天继续学习TypeScript另一些常用类型!感兴趣的小伙伴一起来看看吧~🤞文章目录1.元组(Tuple)2.类型推论声明变量并初始化时决定函数返回值时3.类型断言如何使用类型断言技巧:console.dir()4.字面量类型5.枚举类型访问枚举成员枚举的值字符串枚举枚举的特点及原理6.any类型7.typeof操作符1.元组(Tuple)2.类型推论在TS中,某些没有明确指出类型的地方,TS

TypeScript算法基础——TS字符串的常用操作总结:substring、indexOf、slice、replace等

字符串的操作是算法题当中经常碰见的一类题目,主要考察对string类型的处理和运用。在处理字符串的时候,我们经常会碰到求字符串长度、匹配子字符串、替换字符串内容、连接字符串、提取字符串字符等操作,那么调用一些简单好用的api可以让工作事半功倍,在TypeScript中,这些api其实和JavaScript的相同,下面整理一些比较常用的api:1️⃣、返回字符串长度length属性:返回字符串的长度 lettxt="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; console.log(txt.length)//262️⃣、查找字符串indexOf()方法:返回字符串中指定文本首次出现

TypeScript算法基础——TS字符串的常用操作总结:substring、indexOf、slice、replace等

字符串的操作是算法题当中经常碰见的一类题目,主要考察对string类型的处理和运用。在处理字符串的时候,我们经常会碰到求字符串长度、匹配子字符串、替换字符串内容、连接字符串、提取字符串字符等操作,那么调用一些简单好用的api可以让工作事半功倍,在TypeScript中,这些api其实和JavaScript的相同,下面整理一些比较常用的api:1️⃣、返回字符串长度length属性:返回字符串的长度 lettxt="ABCDEFGHIJKLMNOPQRSTUVWXYZ"; console.log(txt.length)//262️⃣、查找字符串indexOf()方法:返回字符串中指定文本首次出现