- 综合排序
- 最热优先
- 最新优先
- 来自专栏编程技术总结分享
TypeScript 工程化的实践方案
一.TypeScript—编译选项和tsconfig.json配置选项 二.使用webpack打包ts代码 上一篇系统地总结学习了TypeScript的基础常用语法。 但我们学习 TypeScript 的目的不是为了造一间“小茅屋”，而是为了造“高楼大厦”，这也正是 TypeScript 的类型系统带来的优势。 这一篇博客会学习TypeScript 工程化的一些知识点，具体内容包括：tsc编译选项、tsconfig.json的配置、webpack打包ts代码。 一.TypeScript—编译选项和tsconfig.json配置选项 JavaScript代码可以直接被浏览器执行，而TypeScript则需要编译后才能被执行，比如使用tsc命令编译。 ---- 预告：下一篇博客会用TypeScript来开发一个贪吃蛇小游戏，用来熟练TypeScript 。感兴趣的小伙伴们一定不要错过哦！ ----
1.4K30编辑于 2022-11-22 - 来自专栏黯羽轻扬
类_TypeScript笔记4
一.类成员 TypeScript里的类的定义与ES6 Class规范一致，静态属性，实例属性，访问器等都支持： class Grid { static origin = {x: 0, y: 0} 符合TypeScript的设计原则： 不给编译产物增加运行时开销 另外，类成员可访问性也是类型检查的一部分，private/protected修饰符会打破鸭子类型，例如： class Animal { __proto__ || Object.getPrototypeOf(A)).apply(this, arguments) } TypeScript里的Class继承也会被编译替换成基于原型的继承，如下 Object.create(b) : (__.prototype = b.prototype, new __()); }; })();// __extends(A, B); 二者大同小异，从实现上看，TypeScript 四.抽象类 TypeScript里也有抽象类的概念： abstract class Animal { abstract makeSound(): void; move(): void {
1.1K50发布于 2019-06-12 - 来自专栏腾讯IVWEB团队的专栏
TypeScript4有些啥?
原文: What's coming in TypeScript 4 作者: Tim Perry TypeScript4来得很快, 这周(6.25)就有一个Beta Release的计划, 而最终的正式release 需要注意的是, TypeScript的Release并没有遵循Semantic版本规则进行, 所以4.0版本并不算是一个大型的更新. TypeScript从来没有说过遵循Semantic版本规则, 即断代更新会体现在主版本号变更上相反, TypeScript承诺在每一个Stable Release之间不会有断代更新, 因此在2.1.5 在TypeScript4中, a的类型会被推断为number | boolean: 从构造函数自动推断. 至少它们帮着TypeScript的程序员们续命了 -- 改善了类型安全以及开发体验.
1.2K10发布于 2020-07-01 - 来自专栏前端精读评论
精读《Typescript 4》
1 引言 随着 Typescript 4 Beta 的发布，又带来了许多新功能，其中 Variadic Tuple Types 解决了大量重载模版代码的顽疾，使得这次更新非常有意义。 但在 Typescript 4 版本支持了这种语法： type Strings = [string, string]; type Numbers = number[]; // [string, string 局部 TS Server 快速启动功能， 打开大型项目时，TS Server 要准备很久，Typescript 4 在 VSCode 编译器下做了优化，可以提前对当前打开的单文件进行部分语法响应。 3 精读 Typescript 4 最大亮点就是可变元组类型了，但可变元组类型也不能解决所有问题。 4 总结 Typescript 4 带来了更强类型语法，更智能的类型推导，更快的构建速度以及更合理的开发者工具优化，唯一的几个 Break Change 不会对项目带来实质影响，期待正式版的发布。
1.1K20编辑于 2022-03-14 - 来自专栏一Li小麦
typescript基础篇（4）：函数
4. 函数 ? 函数在前面的章节已经多次使用，本节将梳理ts函数的知识。 add2: (x: number, y: number) => number // 3.类型别名 type add3 = (x: number, y: number) => number // 4. 接口定义 interface add4 { (x: number, y: number): number } 4.1 不定参数 我们在调用函数时，入参多一个不行，少一个也不行。 number, y = 0, z: number, q = 1) => x + y + z + q // 剩余参数不用也可以 console.log(add6(1, undefined, 3)) // 4 const add7 = (x: number, ...rest: number[]) => x + rest.reduce((pre, cur) => pre + cur) add7(1,2,3,4)
67720发布于 2020-08-10 - 来自专栏Web Front End
React-Webpack5-TypeScript打造工程化多页面应用
我们废话不多说，一篇文章让你彻底搞懂所谓工程化的多页面应用构建。 文章中涉及的模板配置可以点击这里查看戳这里。 接下来让我们继续来支持TypeScript吧！ 配置TypeScript支持 针对TypeScript代码的支持其实业内存在两种编译方式: 直接通过TypeScript去编译ts/tsx代码。 loader的作用都已经被内置了～ 接下来我们来看看应该如何配置,具体对应的作用可以查看webpack资源模块 处理图片,文件资源文件 资源模块类型(asset module type)，通过添加 4 接下来就让我们尝试来修改这些配置将它变成自动化且按需打包的工程化配置吧。 工程化多页配置 工程化原理 我们之前已经讲清楚了webpack中的原理了，接下来我们需要实现的过程是: 每次打包通过node脚本去执行打包命令。
2.6K10发布于 2021-11-15 - 来自专栏颜颜yan_的学习笔记
【HormonyOS4+NEXT】TypeScript基础语法详解
前言 TypeScript是一种由微软开发的开源编程语言，它是JavaScript的一个超集，添加了静态类型、类、接口和泛型等特性。 这些特性使得TypeScript在大型项目中具有更好的可维护性和可扩展性。本文将对TypeScript的基础语法进行详细讲解，帮助读者快速入门。 变量与类型 TypeScript的核心特性之一就是静态类型系统。这意味着在声明变量时，我们可以为其指定一个类型，这样TypeScript编译器就可以在编译时检查类型错误。 数值、整数、浮点数都可以 let age: number = 30; let price: number = 19.99; any：不确定类型，可以是任意类型 let notSure: any = 4; object = { name: "Alice", age: 25 }; Array：数组、元素可以是任意其他类型 let numbers: number[] = [1, 2, 3, 4,
68210编辑于 2024-04-20 - 来自专栏全栈开发工程师
【TypeScript 4.5】004-第 4 章 类型缩小
【TypeScript 4.5】004-第 4 章 类型缩小 一、typeof 类型守卫 1、什么是类型缩小 含义 TypeScript 类型缩小就是从宽类型转化为窄类型的过程 类型缩小常用于处理联合类型变量的场景 input } console.log(100, "哈哈哈") console.log("大哥", "刘备") 执行结果 PS D:\MyFile\VSCodeProjects\study-ts\第 4 if(strs && typeof strs === "object"){ // ... } } 三、等值缩小 1、说明 TypeScript 也可以使用分支语句做全等（=）、全不等 fly } 五、instanceof 操作符缩小 1、概述 说明 JavaScript 使用 instanceof 操作符来检查一个值是否是另一个值的实例 instanceof 也是一个类型保护 TypeScript dist> node .\05-instanceof.js Mon, 07 Feb 2022 01:08:07 GMT HELLO WORLD 六、分配缩小 1、概述 说明 当我们为任何变量赋值的时候 TypeScript
58300编辑于 2025-01-06 - 来自专栏京程一灯
《重构-代码整洁之道TypeScript版》第4天
---- 今天让我们来继续第4天，老规矩先来回顾一下昨天我们都实现了哪些： Consolidate Conditional Expression（合并条件表达式） Consolidate Duplicate 如下我贴上一段非常核心的TypeScript实战DDD的代码。 4. Encapsulate Collection（封装集合） 描述?：让一个函数返回该集合的一个只读副本，并在这个类中提供添加、移除集合元素的函数。 动机?
67410发布于 2020-08-04 - 来自专栏心源易码
TypeScript算法题实战——剑指 Offer篇（4）
在本文中，我们将使用TypeScript来解决剑指offer的算法题。这些问题涵盖了各种各样的主题，包括数组、字符串、链表、树、排序和搜索等。 我们将使用TypeScript的强类型和面向对象的特性来解决这些问题，并通过实际的代码示例来演示如何使用TypeScript来解决算法问题。 如7,5,6,4，归并排序首先将其转成[7],[5],[6],[4]这四个小数组，然后分析[7]和[5]，7比5大，归并排序后为[5,7]，7对于逆序的贡献为1，分析[6]和[4]，6比4大，归并排序后为 [4,6]，6对于逆序的贡献为1， 然后再分析[5,7]和[4,6]，排序的过程如下：首先变为[4,]，无贡献，然后变为[4,5]，5对于逆序的贡献为2 - 0 = 2，然后变为[4,5,6]，6对于逆序的贡献度为 2 - 1 =1，最后变为[4,5,6,7]，贡献度总和为5。
29700编辑于 2024-09-19 - 来自专栏JAVA
OpenCV4应用开发：入门、进阶与工程化实践
《OpenCV应用开发：入门、进阶与工程化实践》一书第十四 章 通过案例详细介绍基于OpenCV如何实现传统方式的缺陷检测跟基于深度学习的缺陷检测。 基于深度学习UNet模型网络，实现裂纹与划痕检测，运行截图如下： 方法六：基于深度学习实例分割网络模型网络，实现细微缺陷检测，运行截图如下： 以上内容均来自最近出版的一本新书《OpenCV应用开发：入门、进阶与工程化实践
32110编辑于 2024-11-20 - 来自专栏携程技术
沙龙报名 | 无线技术工程化，4月21日上海
为了支撑如此多的工程师并行开发，提高研发效率，工程化改造和优秀技术框架的引入是规模化研发团队的必由之路。 无线端技术与服务端技术相比，工程化的经验很难通用，因此需要针对iOS、Android、React Native等不同领域开发相应的工程化技术，同时以平台化的方式实现公共技术的支撑，覆盖从开发、集成、测试 此次携程无线技术沙龙将邀请业内知名互联网公司，分享不同业务和团队规模下的无线技术与工程化实践经验，希望能够为大家在工程化的探索上提供借鉴和灵感。 点击文末“阅读原文”报名~ 活动信息 ---- 【时间】4月21日（周六）13:00-17:10 【地点】上海市长宁区金钟路968号，凌空SOHO 12号楼 【议程】 13:00-13:30 签到 13 本次主要分享唯品会研究院在深度学习的工程化实践探索中，碰到的问题以及对其进行自动化测试相关的问题。包括了对tensorflow的部署、模型的优化、自动化测试等相关的解决方案。
86020发布于 2018-07-05 - 来自专栏全栈程序员必看
typescript 接口_typeScript
介绍 TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。 如果你不想指定类型，TypeScript的类型系统会推断出参数类型，因为函数直接赋值给了 SearchFunc类型变量。 函数的返回值类型是通过其返回值推断出来的（此例是 false和true）。 sub) { let result = src.search(sub); return result > -1; } 类类型 类实现接口 与 C# 或 Java 里接口的基本作用一样，TypeScript
1.6K20编辑于 2022-09-16 - 来自专栏全栈程序员必看
Typescript教程_安装typescript
前言 由于最近在使用vue3写项目，使用vue3的前提就是要学习TypeScript，TypeScript算是JavaScript的升级版，TypeScript包含JavaScript和自己的一些特性 介绍 TypeScript是一种由微软开发的开源、跨平台的编程语言。 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript TypeScript的作者是安德斯·海尔斯伯格，C TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以运行在TypeScript环境中。 文件编译成01_typescript.js文件，只需要在当前目录下执行如下命令： tsc 01_typescript.ts 输出结果为一个01_typescript.js文件，它包含了和输入文件中相同的
1.2K10编辑于 2022-09-19 - 来自专栏前端达人
深入解析 TypeScript 索引签名：通过 4 个实例轻松掌握
让我们通过4个具体的例子来深入了解如何使用索引签名来实现类型安全的动态对象。 什么是索引签名(Index Signatures)？ 在TypeScript中，索引签名是一种定义对象键和值类型的机制。 希望这个例子能帮助你更好地理解和应用TypeScript中的索引签名。 虽然TypeScript内置了一个实用类型 Partial 来实现这一点，但为了更好地理解索引签名，让我们创建一个自定义的工具类型 Optional，实现相同的功能。 示例4：具有动态键的API响应 在处理API时，通常会收到包含固定属性和动态属性的数据。索引签名非常适合定义这种数据的类型。 结尾 索引签名是TypeScript中的一个强大功能，它允许你为具有未知结构的对象定义类型。在创建类似字典的数据结构或定义复杂的工具类型时，索引签名尤其有用。
1.6K10编辑于 2024-06-26 - 来自专栏全栈程序员必看
javascript typescript_typescript python
前言：无论在学习什么语言的时候，我们都需要明白其该怎么样去定义一个变量或者Function，那么今天我们来看看TypeScript的数据类型。 变量松散定义，属于弱类型语言； 4 . 面向对象的. TypeScript是由微软大神Anders Hejlsberg（安德斯·海尔斯伯格，丹麦人，Turbo Pascal编译器的主要作者，Delphi、C#开发领导者，同时也是.NET奠基人之一）领衔开发的 TypeScript可谓一门语言，其主要特性有： 面向对象，并拥有一些函数式特性； 类型语言； 实现了注解、泛型等特性； 适配大型App构建。 而在TypeScript中启用严格的空校验（–strictNullChecks）特性，就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型 10.never: never
96710编辑于 2022-09-24 - 来自专栏全栈程序员必看
typescript web_typescript文档
前言 上一篇我们讲到如何手动编译TypeScript，如果我们每次都要手动编译，那么这样会很累，接下来就介绍自动编译TypeScript。 mac自动编译typescript 在Typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js 编辑tscongfig.json,修改outDir 的参数，既默认ts转换成js后的输出目录 点击WebStorm->Preferences到设置页面 点击Languages & Frameworks -> TypeScript，勾选Recompile on changes，点击ok 点击tools->File Watchers->左上角的+号、选择custom 输入如下信息，点击ok Name:TypeScript File Type :TypeScript Scope:All Places Program:/usr/local/lib/node_modules/typescript/bin/tsc（既安装typescript的路径下的
1.4K20编辑于 2022-09-19 - 来自专栏Hongten
TypeScript系列 - 什么是TypeScript
看了很多关于TypeScript的文章，总体说来没有很好的，一个系统的学习TypeScript的资源。 接下来，我将给大家带来TypeScript的系列，让你和我一样，一步一步的学习TypeScript，并且学以致用。 什么是TypeScript呢 在TypeScript的官方网站上面有这样的描述： ? 我们怎样解读TypeScript呢 首先我们要知道TypeScript的爹是微软。开发工具通常使用VSC（Visual Studio Code）。 4) 可读性 对于阅读代码的人来讲， 各种便利的类型一目了然， 更容易明白作者的意图。 TypeScript 虽然是强类型语言，但是如果对象被声明为了 any 类型，就会忽略所有的类型检查。
1.5K40发布于 2019-02-25 - 来自专栏Rust
三大语言多包同仓终极对比，谁才是工程化之王？Rust vs TypeScript vs Go
4. 重构？不存在的 跨项目重构、批量升级依赖、统一代码风格……光是想想就头皮发麻，还是算了吧。 clippy --workspace --all-targets cargo fmt --all cargo publish -p my-crate-* 一条命令搞定所有子包，CI 配置瞬间清爽得像刚洗完的头 4. 三、TypeScript Workspace：磁盘占用碾压者 TypeScript 生态的 workspace 经历了 npm → yarn classic → yarn berry → pnpm 的演进 那种丝滑感，就像德芙巧克力 4. tsconfig project references + 增量构建 开启 composite + project references 后，tsc 能进行增量构建 + 4.
21310编辑于 2026-04-23 - 来自专栏黯羽轻扬
TypeScript简介_TypeScript笔记1
一.背景 2010 – 微软团队开始开发 2012 – 第一个公开版本发布（TypeScript 0.8） 2013 – TypeScript 0.9 发布，支持泛型了 2014 – TypeScript 同时，源码从 CodePlex 迁移到 Github 2017 – TypeScript 2.1 发布 2018 – TypeScript 3.2 发布 TypeScript 最初是个微软内部项目，叫 样板项目：Samples、Community Samples 案例：GitHub TypeScript 项目（包括 Angular、ant-design 等） 参考资料 TypeScript TypeScript Design Goals Anders Hejlsberg: Introducing TypeScript：TypeScript 公开发布演讲 TypeScript：上面演讲对应的 PPT Who built Microsoft TypeScript and why TypeScript
1.7K30发布于 2019-06-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号