草庐IT

Vue3:组合式函数(引入外部ts文件,修改外部ts参数)

1.组合式函数        在Vue应用的概念中,“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。更为复杂的业务逻辑可以使用store来处理        vue3中不在推荐使用mixins,在Vue2中,mixins是创建可重用组件逻辑的主要方式。尽管在Vue3中保留了mixins支持,但对于组件间的逻辑复用,CompositionAPI 是现在更推荐的方式。    在不使用mixins的情况下,外部js无法调用vue页面中参数,所以我们需要调用方法或者调用ts中的参数时。需要通过export将参数和方法暴露出来。在外部的ts文件中我们可

使用ExcelJS实现excel的前端导出功能(Vue3+TS)

ExcelJS:读取,操作并写入电子表格数据和样式到XLSX和JSON文件。一个Excel电子表格文件逆向工程项目。github中文文档:https://github.com/exceljs/exceljs/blob/master/README_zh.md 封装excel.ts工具文件importExcelJSfrom'exceljs'//导入参数数据类型exportinterfaceimportExcelType{//第i张工作表i?:number;//表格表头字段数组header:readonlyany[];}//导出参数数据类型exportinterfaceexportExcelType

微信小程序使用TS+腾讯位置API,输入地址,解析经纬度(全局封装及调用)

我们有时候做小程序时需要用到获取地址的经纬度,腾讯位置提供了相关API,我们可以使用其API进行调用实现功能。一、注册应用及key1.登录腾讯位置服务网址腾讯位置服务-立足生态,连接未来腾讯位置服务为各类应用厂商和开发者提供领先的LBS服务和解决方案;有针对Web应用的JavaScriptAPI,适合手机端NativeAPP的各种SDK,WebService接口,适合小程序的插件和各类地图API等。https://lbs.qq.com/dev/console/application/mine2.创建应用,申请key3.查看 文档进行开发微信小程序JavaScriptSDK|腾讯位置服务腾讯地图

vue3+ElementPlus使用 lang=“ts“报Unexpected token错误

文章目录问题背景问题解决步骤一:下载typescript和ts-loader步骤二:配置vue.config.js文件,添加下面的代码步骤三:新建tsconfig.json文件放在项目根目录,并添加如下内容步骤四:在src根目录下新建vue-shim.d.ts文件,并添加如下内容;(这个文件可以让vue识别ts文件,不加会报错)步骤五:重启项目,成功运行问题背景在做vue3+ElementPlus项目时,复制粘贴ElementPlus官网的代码到项目中,结果会报这样的错:ESLintParsingerror:Unexpectedtoken明明就是按照官网的代码原封不动的粘贴过来,为什么会报错呢

html - 是否可以使用 HTML5 显示 MPEG 传输流视频?

我有几个MPEG2传输流视频,其中嵌入了KLV元数据。我想在网络浏览器中显示视频。是否可以使用HTML5标记以在网络浏览器中播放此类视频?如果我使用转换器将视频从MPEG-TS容器中提取出来并创建一个使用H.264编码的MPEG4文件,那么我可以让视频显示在浏览器中。但是有什么可能的方法可以显示这些视频而不必将它们转换成不同的格式吗?我需要保留KLV数据,以便我可以用它做其他事情。 最佳答案 实际的视频编解码器支持仍然取决于浏览器,但有些浏览器本身支持MPEG2-TS作为一种传输方式,如果它们不支持,您可以使用hls.js进行软件解

html - 是否可以使用 HTML5 显示 MPEG 传输流视频?

我有几个MPEG2传输流视频,其中嵌入了KLV元数据。我想在网络浏览器中显示视频。是否可以使用HTML5标记以在网络浏览器中播放此类视频?如果我使用转换器将视频从MPEG-TS容器中提取出来并创建一个使用H.264编码的MPEG4文件,那么我可以让视频显示在浏览器中。但是有什么可能的方法可以显示这些视频而不必将它们转换成不同的格式吗?我需要保留KLV数据,以便我可以用它做其他事情。 最佳答案 实际的视频编解码器支持仍然取决于浏览器,但有些浏览器本身支持MPEG2-TS作为一种传输方式,如果它们不支持,您可以使用hls.js进行软件解

vue3.0 bpmn-js + TS 简易教程

前言bpmn.js是一个BPMN2.0渲染工具包和web建模器,使得画流程图的功能在前端来完成.这里主要记录本人在开发bpmn中的流程参照了LinDaiDai_霖呆呆大佬的文档实战安装bpmnnpminstall--savebpmn-jsHTMLtemplate>divclass="designer-container">divid="container"class="containerBox">/div>//画布divid="js-properties-panel"class="panel">/div>//右边面板/div>/template>JSscriptsetupname="usePr

TS 关于泛类约束Partial<T>、Required<T>、Readonly<T>

Partial<T>:快速把某个接口类型中定义的属性变成可选Partial 是TS中的一个工具类型(Utility Type),它的作用只有一个:将一个对象类型中的所有属性变为可选属性。换句话说,Partial 接受一个泛型参数 T,并返回一个新的类型,新类型与T相同,但是 T 类型中的所有属性都变为可选属性。typeUser={id:number;name:string;age:number;}typeUpdatedPerson=Partial;得到的 UpdatedPerson 类型与下面的类型定义是相同的:typeUpdatedPerson={id?:number;name?:strin

Cocos Creator 定义属性指南(JS和TS)

目录简单说明1.TS写法2.JS写法简单说明这是一个CocosCreator如何定义脚本属性的指南。我这边整理了两个版本,JS和TS,如果还有其他方式,欢迎您的留言。对我个人来说,刚开始写枚举和数组的时候会有点不习惯。还经常容易忘记怎么写。在cocos creator3.x 中官方主推的是:Typescript。在cocos creator2.x中使用JavaScript的项目会比较多。1.TS写法首先创建一个TsCase.ts的脚本,然后复制下方即可。代码如下(示例):const{ccclass,property}=cc._decorator;//枚举-1enumEnumType_1{val

读取swagger接口文档、自动生成前端ts或js代码

目录依据swagger(openapi)文档一键生成typescript或javascript代码先上效果图1.安装脚手架2.打开你的项目3.运行命令3.1ts代码3.2js代码4.实战操作4.1运行命令ts代码js代码依据swagger(openapi)文档一键生成typescript或javascript代码平时在和后端对接时,总是要把后端swagger声明好的类型在ts中再实现一遍,写一堆interface;今天推荐一个库,可以根据swagger文档,直接生成ts或js代码,并且有良好的代码提示注意:swagger文档版本需要3.0及以上先上效果图1.安装脚手架npmi-g@zerone