- 综合排序
- 最热优先
- 最新优先
- 来自专栏各类技术文章~
webpack5热更新打包TS
webpack5热更新打包 热更新，是指 Hot Module Replacement，缩写为 HMR。 ，我的webpack版本已经是5了)： "typescript": "^4.3.5", "webpack": "^5.48.0", "webpack-cli": "^4.7.2", "webpack-dev-server /TypeScript/tsc05.ts', // 打包对入口文件，期望打包对文件入口。 development" } 注意： 这里千万要注意，start的运行命令要写作webpack serve而不是webpack-dev-server 因为使用webpack-dev-server是webpack5以前的方式了 本篇文章的重点其实并不在于如何打包typescript，反而是在于如何配置webpack的热更新devServer 关于如何在webpack5中配置typescript，我发现在官方网站上也有说明：https
2.5K11发布于 2021-09-22 - 来自专栏小皮咖
Webpack5 搭建 Vue3 + TS 项目
前言 笔者两年前曾写过一篇文章《Webpack4 搭建 Vue 项目》，后来随着 webpack5 和 vue3 的面世，一直想升级下我这个 createVue 项目，但是苦于没有时间（其实是因为懒）， Webpack5 的新特性 持久化缓存 moduleIds & chunkIds 的优化 更智能的 tree shaking Module Federation ... 去除插件 clean-webpack-plugin（v5支持），webpack.HashedModuleIdsPlugin（v5更好的 moduleIds & chunkIds），HardSourceWebpackPlugin （v5支持），happypack（v5不兼容） 安装 vue 核心解析插件 解析插件有所不同，从 vue-template-compiler 变成了 @vue/compiler-sfc, vue-loader 5.
2K30编辑于 2022-03-09 - 来自专栏前端文章小tips
Redux原理分析以及使用详解（TS && JS)
Redux原理分析 一、Reudx基本介绍 1.1、什么时候使用Redux？ 简单说，如果你的UI层非常简单，没有很多互动，Redux 就是不必要的，用了反而增加复杂性。 的变化就会调用React的render（）方法，从而改变视图 3、用户通过一些事件（如点击按钮，移动鼠标）就会向reducer派发一个action 4、reducer接受到action后就会去更新state 5、 __REDUX_DEVTOOLS_EXTENSION__())) Tip ：原来我使用JS+Redux，添加这个插件配置，部署到服务器上用户访问以及别人启动我的项目，都没有报错，但是当我使用TS+hooks userNameData : action.allName} default: return state } } 6.1.4、项目入口文件,index.ts <App /> </Provider>, document.getElementById('root') ); 6.2、在组件中取出store仓库的值，和如果触发action（JS && TS
6.2K30发布于 2021-11-25 - 来自专栏Vue中文社区
Webpack5 搭建 Vue3 + TS 项目
前言 笔者两年前曾写过一篇文章《Webpack4 搭建 Vue 项目》，后来随着 webpack5 和 vue3 的面世，一直想升级下我这个 createVue 项目，但是苦于没有时间（其实是因为懒）， Webpack5 的新特性 持久化缓存 moduleIds & chunkIds 的优化 更智能的 tree shaking Module Federation ... 去除插件 clean-webpack-plugin（v5支持），webpack.HashedModuleIdsPlugin（v5更好的 moduleIds & chunkIds），HardSourceWebpackPlugin （v5支持），happypack（v5不兼容） 安装 vue 核心解析插件 解析插件有所不同，从 vue-template-compiler 变成了 @vue/compiler-sfc, vue-loader 5.
2.5K50发布于 2021-05-24 - 来自专栏Cellinlab's Blog
TS STRUCTURE - Basic TS Types
substr' x[3] = 'cellinlab'; // OK, string type can be assigned to '(string | number)' console.log(x[5] Assertions Sometimes you find yourself in a situation where you know more about the value of a variable than TS TS assumes that the programmer will do all the necessary checks that are required.
86710编辑于 2023-05-17 - 来自专栏河湾欢儿的专栏
TS
[]=['11',22,true] console.log(arr) */ /* 元组类型(tuple)属于数组的一种 var arr:[number,string]=[11,'this is ts run():string{ return 'run' } */ /* 匿名函数 var fun2=function():number{ return 123; } fun2() */ /* ts number):string{ if(age){ return ${name} --- ${age}; }else{ return ${name} ---年龄保密; } } getInfo('ts
2.1K20发布于 2019-07-03 - 来自专栏前端黑板报
TS - in
在 TypeScript 中，in 关键字用于几个不同的场景，包括索引签名、类型守卫和枚举声明。下面是 in 的语法和用法的详细说明：
79910编辑于 2024-05-13 - 来自专栏流媒体音视频
hls中ts切片切割核心逻辑深入分析
前言有使用 ffmpeg 生成 hls 视频文件经历的小伙伴肯定知道，尽管设置了 ts 切片的目标时长，但是实际场景中，总会出现 ts 切片时长或大于目标时长，或小于目标时长的情况。 2、-hls_time参数 hls_time 在 ffmpeg 命令中就是用来控制 ts 切片目标时长的，单位是秒。 因为这样可以保证每个 ts 切片都可以单独解码，保证播放器播放正常。 2.3 初始化分段如果指定了 hls_init_time > 0，那么 ts 切片会动态调整为初始分段和常规分段的不同时长，生成前后时长不一致的 ts 切片。 4、写入流程视频 h264 媒体包写入 ts 切片的流程图：音频 aac 媒体包写入 ts 切片的流程图：
41300编辑于 2025-07-27 - 来自专栏前端开发随笔
Ts安装及自动编译ts文件
安装 npm install -g typescript 新建个index.ts文件 手动执行ts文件 tsc index.ts 自动编译 终端执行 tsc --init 会在自动生成tsconfig.json VsCode打开 终端 ->运行任务 -> typescript ->“tsc: 监视 - tsconfig.json (ts)”
2.6K40发布于 2020-09-08 - 来自专栏ts流分析
hysAnalyser --- 支持UDP实时TS流分析和录制功能
摘要 本文主要介绍 hysAnalyser 支持TS over UDP实时流分析和录制功能，满足用户分析实时流码率，PSI/SI，时间戳PCR等基本指标。 专业级深度分析，化繁为简——小白也能显专业 好处：背后是专业的DVB/MPEG-TS协议分析引擎，但呈现方式极简。 5. 轻量桌面版，随开随用——真正的工程师伙伴 好处：hysAnalyser设计为独立的桌面应用程序（基于高效的C++/VC框架），不依赖网络、不连接远程服务器，所有数据处理都在本地完成。 工具概述 hysAnalyser 是一款专业 MPEG-TS 数据分析工具，定位于 1）音视频开发和测试人员：和MEPG-TS有关开发、调试、测试辅助； 2）和MPEG-TS相关业务系统的运维人员：如数字电视 、OTT、互联网流媒体等领域，协助用户跟踪和分析查错和定位TS数据、DVB业务数据表问题，并且还可以支持定制化的MPEG-TS素材制作和转存。
43300编辑于 2025-11-04 - 来自专栏ts流分析
hysAnalyser 综述 --- 一个特色 TS 流分析工具
前言 hysAnalyser是一款 MPEG-TS 数据分析工具，定位用户主要是音视频开发领域，它是作者长期自用的一个 MPEG-TS 分析工具。 在转码、推流传输、终端播放几个环节中，随着解决问题的经验积累，作者添加了一些其他TS流分析工具没有的特色功能。 主要功能概述 hysAnalyser是一款 MPEG-TS 数据分析工具 （Github：https://github.com/zymill/hysAnalyser） 备用：百度盘下载地址 1）MPEG-TS 列表 PES分析 图像列表 PES分析GOP列表 普通 特例：分辨率变化 十二、RTP包分析 直播RTP包封装格式下的分析和跟踪 跟踪同一个组播地址流是否数据包会有重发, 如图所示 十三、逐包分析 ts 授权成功之后 Links 知乎-发布地址和授权说明 MPEG-1/2/4 常见MPEG-TS问题 AVS工作组 腾讯云MPEG-TS流分析专栏 hysAnalyser从MPEG-TS导出ES功能说明 hysAnalyser
2.6K00编辑于 2026-01-25 - 来自专栏Cocos Creator开发
ts 文件自动生成 d.ts 文件
主要分以下几步： 第一步，ts 生成 js 文件。 先安装ts： npm install -g typescript 检测安装成功后，tsc 命令把 ts 文件生成 js 文件，如下图： 第二步，dtsmake 通过 js 文件生成 d.ts 。 生成 d.ts 文件：dtsmake -s ./t.js 生成的结果：
10.4K20发布于 2021-10-18 - 来自专栏老怪兽的前端之旅
Vue + Ts
# 本章简介 说明 vue 使用 ts 主要是用于对 vue 的一些内置 API 进行定义 ref 类型定义 props 类型定义 emits 类型定义 computed 类型定义 provide / inject 类型定义 template ref 类型定义 组件 ref 类型定义 # 总结-写在最后 说明 本章将会使用一个案例来说明 vue 和 ts 的结合使用过程
66210编辑于 2023-02-22 - 来自专栏404
TS 笔记
表达式函数 const funcType4 = function(name: string, age: number): number { return age } const funcType5:
64720编辑于 2022-04-25 - 来自专栏前端黑板报
TS - as vs is
is 是 TypeScript 中用于类型断言的关键字，它用于在运行时对值的类型进行判断。通过使用 is，你可以编写自定义的类型保护函数，帮助 TypeScript 编译器理解代码中变量的类型。下面是 is 的语法和一个简单的使用案例：
69210编辑于 2024-06-03 - 来自专栏ts流分析
hysAnalyser --- 逐包分析MPEG-TS的功能说明
前言hysAnalyser 是一款新颖、独具特色的 MPEG-TS 数据分析工具，定位于1）音视频开发和测试人员：和MEPG-TS有关开发、调试、测试辅助；2）和MPEG-TS相关业务系统的运维人员：如数字电视 、OTT、互联网流媒体等领域，协助用户跟踪和分析查错和定位TS数据、DVB业务数据表问题，并且还可以支持定制化的MPEG-TS素材制作和转存。 关于它的完整介绍，作者已写过综述，有兴趣的可以访问如下地址：知乎：hysAnalyser v1.0.008版本发布CSDN：hysAnalyser 综述 --- 一个特色TS流分析工具摘要本文主要介绍工具的逐包分析功能 VPS/SPS/PPS/SEI等3.PSI/SI附加信息：PAT/PMT/SDT/BAT等section 版本号，关注观察版本变化4.数据预览：包数据的十六进制格式预览5.解析结果1：TS 4个字节的包头解析 1.TS包头调整字段解析2.PAT(Program Association Table)解析3.PMT(Program map table)分析节目映射表4.含加密描述符的PMT5.含SCTE-35的PMTProgram
62910编辑于 2025-06-01 - 来自专栏前端黑板报
TS - Index Signatures
TS - Index Signatures 你有 2 个描述，软件开发人员薪水的对象： const salary1 = { baseSalary: 100_000, 5.结论 当您不知道对象的确切结构，但您知道键和值类型时，索引签名注释非常适合这种情况。
1.1K10编辑于 2024-06-14 - 来自专栏Cellinlab's Blog
TS STRUCTURE - Interfaces
Unlike classes, interfaces are uncompilable and live only in TS runtime. interface IServer { hostname function interface ICalculator { sum: (a: number, b: number) => number; } # Extending Interfaces In TS
39320编辑于 2023-05-17 - 来自专栏M不作声
使用ts-node直接运行ts脚本
应用场景 在代码日常中，经常会需要写各种脚本，今天使用ts写了个脚本，运行的时候各种报错，还是决定写下来。 运行ts脚本需要一个库ts-node，这个库不能全局安装，否则会报错。 yarn add -D ts-node # 或者 npm i ts-node -D 使用 安装好后开始添加配置项： 在ts.config.json中添加配置"mudoule": esnext或es2005 /data.js'，另外.ts后缀也要改为.js 然后就可以使用命令行命令运行ts脚本。 node --loader ts-node/esm . ❝TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" ❞ 我收到这条报错的时候，命令行命令使用的是ts-node . /myscripts.ts，改用以下命令时，问题解决。 node --loader ts-node/esm .
12.7K40发布于 2021-03-23 - 来自专栏贺贺的前端工程师之路
TS高级类型
in keyof T]: any } // 等同于 type TObj = { name: any; age: any; sex: any; } typeof ts
1.1K20编辑于 2023-02-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号