TS

首页 > TAG信息列表 > TS

Webpack与Vite热更新差异对比

随着项目的日渐迭代，项目整体的代码量也会越来越多，从而导致项目体积越来越大；在Webpack时代，很多人会对历史项目（巨型项目）感到头疼，因为往往巨型项目在本地开发调试的时候会因为本地代码的修改触发HMR热更新重载页面，然而这一过程在Webpack的运行机制中显得很慢，并且是随着项目

07-集合

1.泛型 1.1泛型概述泛型的介绍泛型是JDK5中引入的特性，它提供了编译时类型安全检测机制泛型的好处把运行时期的问题提前到了编译期间避免了强制类型转换泛型的定义格式 <类型>: 指定一种类型的格式.尖括号里面可以任意书写,一般只写一个字母.例如: <类型1,类型

③ vue+ts 实现模拟知乎后台

目录第1章项目起航1 项目起航需求分析1.1 完美的 vue 实践项目是怎样的1.2 需求组件需求2 文件结构和代码规范2.1 文件结构2.2 esLint 代码规范3 样式解决方案简介和分析从好用的样式库开始4 设计图拆分和组件属性分析4.1 开发流程4.2 组件属性分析5 ColumnList 组件编码6 Globa

前端工程化配置指南

本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Github 和 NPM 的整个详细流程。示例我们经常看到像 Vue、React 这些流行的开源项目有很多配置文件，他们是干什么用的？他们的 Commit、Release 记录都那么规范，是否基于某种约定？废话少说，先上图！上图标

2022前端是否有必要学习TS？

目标：做出更加准确的决定 TS价值类型验证甚至自定义类型验证代码编辑器各种提示来规避错误通过自定义类型，代码更加容易理解总而言之，非常适合大规模编程。社区欢迎程度 2021 StackOverflow调查受欢迎程度已经超过python，那可是python啊。生态各种新出的重要工具和框架都是原

[ABP] pro module's ts file t/eslint import modules error

coding tool: vscode 　　版本: 1.71.0 (user setup) 　　Node.js: 16.14.2 　　V8: 10.2.154.15-electron.0 　　OS: Windows_NT x64 10.0.19042 typescript version: 4.8.2 frontend: ng type: add as project with source code for example, identity module, look scrreen sho

ts引入图片报错

在Typscript中是无法识别非代码资源的，所以会报错TS2307: cannot find module '.gif'；因此我们需要声明一个module：新建一个ts声明文件，如：images.d.ts，这样ts就可以识别svg、png、jpg等图片类型文件；项目编译过程中会自动去读取.d.ts这种类型的文件，所以不需要我们手动地加载他们；当

记录ts报错之无法将“ts-node”项识别为 cmdlet、函数、脚本文件或可运行程.....

报错如图所示：原因：可能是ts-node版本过高解决：安装低版本的ts-node 使用ts-node的低版本npm i -g ts-node@8.5.4成功解决问题

vue3+ts 为原型上添加属性声明

背景比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法，vue3的情况下需要为app挂载全局属性配置，但是结合了ts后，在vue文件中会报警告，但是程序可以正常被执行挂载全局配置组件中使用解决办法找到shims-vue.d.ts文件后，进行如下配置即可 // 注意：这个不能省

使用 Node.js 构建基于 Typescript 的命令行界面 (CLI)

使用 Node.js 构建基于 Typescript 的命令行界面 (CLI) 我们的目标是使用 Typescript 创建一个基于 Node.js 的命令行界面 (CLI)。此设置包括顶级等待支持和 ES 模块导入。我们要建造什么对于本教程，我们将创建一个名为在太空 .执行时，CLI 将输出空间中的当前人员。入门我们将

模式匹配-让你 ts 类型体操水平暴增的套路

Typescript 支持泛型，也叫类型参数，可以对类型参数做一系列运算之后返回新的类型，这就是类型编程。因为类型编程实现一些逻辑还是有难度的，所以被戏称为类型体操。社区有用 Typescript 类型实现 Lisp 解释器、实现象棋等案例的（知乎可以搜到），这足够说明了 Typescript 类型可以实现各

2022.9.2 - ts笔记

TypeScript 中的代码清道夫：非空断言操作符 value: { type!: Array, required: true }, 类型别名及导入导出，对数组内的对象做限制 // util/type.d.ts // 类型别名 type RouteMeta = { name: string; method: string; path: string; isVerify: boolean; }

[Typescript Challenges] 4. Easy - First of Array

Implement a generic First<T> that takes an Array T and returns it's first element's type. type arr1 = ['a', 'b', 'c'] type arr2 = [3, 2, 1] type head1 = First<arr1> // expected to be 'a' type

解决vue3+ts require报错

自己安装命令安装之后，在ts.config.json里面配置之后（最后一行） { "compilerOptions": { "target": "es5", "module": "esnext", "strict": true, "jsx": "preserve", "importHel

[Typescript] Step1 & 2 for converting a js app to ts

1. Compiling in "loose mode" Start with all tests passing Rename all .js to .ts, allowing implicit any Fix only things that are not type-checking, or causing compile errors Be careful to avoid changing behavior of function Get test passing agai

ts项目搭建

1.创建文件夹&项目初始化 npm init -y 2.下载 npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader npm i -D @babel/core @babel/preset-env babel-loader core-js npm i -D css-loader less less-loader style-loader html-webpack-plugin clean-

TS定义类型

export type OrcInsuranceRecordsTypeBarForm = { id?: number carNumber?: string subCompanyId?: string remarkDesc?: string insuranceVos?: { insuranceType?: number insuranceBillcode?: string insuranceCompany?: string insuran

windows环境 php 连接 sql server

下载扩展： Microsoft Drivers for PHP for SQL Server https://www.microsoft.com/en-us/download/details.aspx?id=20098 ODBC Driver： Microsoft® ODBC Driver 11 for SQL Server® - Windows （支持Sql Server® 2005） https://www.microsoft.com/zh-CN/download/details.aspx?

angular ionic ts的数据不更新到html页面

场景：在ts中更新了某个数据但是未刷新到html页面，该页面的上方放置的腾讯地图，下方放置需要更新数据的版块，该板块的数据未更新其他页面能正常更新原因：未知解决方法：在ts中更新数据的后面加如下语句 this.cd.detectChanges();

vue3+ts使用bus事件总线

1、在vue2中我是这样使用的 //创建一个vueBus.jsimport Bus from 'vue';let install = function (Vue) { Vue.prototype.$bus = new Bus()} export default { install}; //在main.js中引入import vueBus from '@/utils/vueBus';Vue.use(vueBus);//可根据this.$bus._events[&

[Typescript] ts-expect-error

In some ways // @ts-expect-error can act as a suppression comment, similar to // @ts-ignore. The difference is that // @ts-ignore will do nothing if the following line is error-free. For example: of course, "string" is not a number. but, when

使用monorepo发布vue3组件库

安装pnpm npm install pnpm -g 初始化package.json pnpm init 新建配置文件 .npmrc 在根目录下新建.npmrc文件，并写入如下内容 shamefully-hoist = true ::: tip 注意如果某些工具仅在根目录的node_modules时才有效，可以将其设置为true来提升那些不在根目录的node_modules，就是

ts的接口和泛型的基本语法

一、接口 1.接口定义接口是一种规范的定义，它定义行为和规范，在程序设计中接口起到限制和规范的作用。 2.接口的声明与使用 //声明对象类型接口 interface Person { name: string, age: number, say(): void } // 使用接口 let person: Person =

vite+vue3+ts项目搭建

# **大反派项目说明** ## **一、项目搭建与配置引入** 用到的库：vue3 ts vite less pinia vue-router axios element-plus ### **1.创建项目** yarn create vite 运行完成以后输入项目名称和使用框架就创建好了 ### **2.添加各种依赖** 创建项目是就引入了vue3 ts vi

M3U8流视频数据爬虫

M3U8流视频数据爬虫 HLS技术介绍现在大部分视频客户端都采用HTTP Live Streaming，而不是直接播放MP4等视频文件（HLS，Apple为了提高流播效率开发的技术）。HLS技术的特点是将流媒体切分为若干【TS片段】（比如几秒一段），然后通过一个【M3U8列表文件】将这些TS片段批量下载供客户端播放器实