- 综合排序
- 最热优先
- 最新优先
- 来自专栏编程技术总结分享
TypeScript 工程化的实践方案
一.TypeScript—编译选项和tsconfig.json配置选项 二.使用webpack打包ts代码 上一篇系统地总结学习了TypeScript的基础常用语法。 但我们学习 TypeScript 的目的不是为了造一间“小茅屋”，而是为了造“高楼大厦”，这也正是 TypeScript 的类型系统带来的优势。 这一篇博客会学习TypeScript 工程化的一些知识点，具体内容包括：tsc编译选项、tsconfig.json的配置、webpack打包ts代码。 又比如我希望把我的代码编译成ES6版本的都可以进行配置。 ---- 预告：下一篇博客会用TypeScript来开发一个贪吃蛇小游戏，用来熟练TypeScript 。感兴趣的小伙伴们一定不要错过哦！ ----
1.4K30编辑于 2022-11-22 - 来自专栏黯羽轻扬
泛型_TypeScript笔记6
从类型上看，无论参数是什么类型，返回值的类型都与参数一致，借助重载机制，可以这样描述：
1.7K30发布于 2019-06-12 - 来自专栏全栈程序员必看
TypeScript（6）函数「建议收藏」
在 TypeScript 里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript 为 JavaScript 函数添加了额外的功能，让我们可以更容易地使用。 基本示例 和 JavaScript 一样，TypeScript 函数可以创建有名字的函数和匿名函数。你可以随意选择适合应用程序的方式，不论是定义一系列 API 函数还是只使用一次的函数。 TypeScript 能够根据返回语句自动推断出返回值类型。 书写完整函数类型 现在我们已经为函数指定了类型，下面让我们写出函数的完整类型。 在TypeScript 里我们可以在参数名旁使用 ? 实现可选参数的功能。 比如，我们想让 lastName 是可选的 在 TypeScript 里，我们也可以为参数提供一个默认值当用户没有传递这个参数或传递的值是 undefined 时。
95930编辑于 2022-09-16 - 来自专栏一Li小麦
typescript基础篇（6）：泛型
6.泛型 ? 软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 在TypeScript中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。
1.4K20发布于 2020-08-17 - 来自专栏Web Front End
React-Webpack5-TypeScript打造工程化多页面应用
我们废话不多说，一篇文章让你彻底搞懂所谓工程化的多页面应用构建。 文章中涉及的模板配置可以点击这里查看戳这里。 此时这几个插件我们已经可以实现将es6+代码进行编译成为浏览器可以识别的低版本兼容性良好的js代码了，不过我们还缺少最重要一点。 目前这些插件处理的都是js文件，我们得让她能够识别并处理jsx文件。 接下来让我们继续来支持TypeScript吧！ 配置TypeScript支持 针对TypeScript代码的支持其实业内存在两种编译方式: 直接通过TypeScript去编译ts/tsx代码。 接下来就让我们尝试来修改这些配置将它变成自动化且按需打包的工程化配置吧。 工程化多页配置 工程化原理 我们之前已经讲清楚了webpack中的原理了，接下来我们需要实现的过程是: 每次打包通过node脚本去执行打包命令。
2.6K10发布于 2021-11-15 - 来自专栏心源易码
TypeScript算法题实战——剑指 Offer篇（6）
在本文中，我们将使用TypeScript来解决剑指offer的算法题。这些问题涵盖了各种各样的主题，包括数组、字符串、链表、树、排序和搜索等。 我们将使用TypeScript的强类型和面向对象的特性来解决这些问题，并通过实际的代码示例来演示如何使用TypeScript来解决算法问题。 示例 1: 输入: [7,1,5,3,6,4] 输出: 5 解释: 在第 2 天（股票价格 = 1）的时候买入，在第 5 天（股票价格 = 6）的时候卖出，最大利润 = 6-1 = 5 。 注意利润不能是 7-1 = 6, 因为卖出价格需要大于买入价格。 示例 2: 输入: [7,6,4,3,1] 输出: 0 解释: 在这种情况下, 没有交易完成, 所以最大利润为 0。 = 2, q = 8 输出: 6 解释: 节点 2 和节点 8 的最近公共祖先是 6。
41410编辑于 2024-09-21 - 来自专栏全栈开发工程师
【TypeScript 4.5】006-第 6 章 对象类型
【TypeScript 4.5】006-第 6 章 对象类型 一、认识对象类型 1、概述 说明 在 JavaScript 中我们分组和传递数据的基本方式是通过对象完成的 在 TypeScript 中我们通过对象类型来表示对象 PaintOptions) { // 如果在解构里这么写：{ shape: Shape, xPos: number = 0, yPos = 0 } Shape 和 number 并不是类型，而是别名（ ES6 参考文章：https://blog.csdn.net/weixin_43294560/article/details/104994109 2、代码演示 课程只是冰山一角，TypeScript 还有星辰大海 接口允许我们通过扩展其他类型建立起新类型 TypeScript 还提供另外一种其他结构 称为交叉类型 主要用于组合现有的对象类型 代码示例 type ColorfulCircle = Colorful
49510编辑于 2025-01-06 - 来自专栏贺贺的前端工程师之路
Angular2、Ionic、TypeScript、es6的关系？
自从接触angular2以来，组长就提到了3个对于我来说是新东西的东西： angular2 typescript es6 ionic 其实对于这3个东西来说，我根本搞不清楚他们之间的关系，突然之间意识到 (づ￣ 3￣)づ es6 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。 typescript TypeScript是ES6的超集。至于需不需要使用，在于你所需要的场景。比如在Angular2中，用TypeScript明显好于ES6。 -- 某网友 TypeScript的开发者c#之父，所以这个TypeScript的很多语言特性是从c#中移过来的。TypeScript大概是ES7的实现，所以从语法角度来讲，是具有很大优势。 总结一下： ES6是Javascript语言的标准，typescript是ES6的超集，Angular2是基于typescript来开发的JS框架。Ionic是一个强大的UI开发框架。
7.8K30发布于 2018-08-21 - 来自专栏全栈程序员必看
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 - 来自专栏张培跃
TIOBE 6 月编程语言榜：TypeScript 首次跻身前100
TIOBE 公布了 6 月编程语言指数排名榜，此次榜单的焦点在于 TypeScript 成功跻身前100名，以及 C 语言指数再度暴涨。 TypeScript 语言已经被 TIOBE 追踪了好几年，作为微软推出的 JavaScript 增加版，尽管它在业界的知名度很高，但是从未进入前100名。 本月 TypeScript 终于进入了 TIOBE 指数排名前100，居第93位，相反，JavaScript 下降了一位，排到第8。 TypeScript 是 JavaScript 的一个严格超集，它为 JavaScript 增加了很多额外的类型安全，前景是被看好的。 而上个月强势杀入前20名的 Scala 在6月份又下降了3位，退出20名行列，排到23。 6月榜单前20名语言如下： ?
84620发布于 2019-03-26 - 来自专栏全栈程序员必看
Typescript教程_安装typescript
前言 由于最近在使用vue3写项目，使用vue3的前提就是要学习TypeScript，TypeScript算是JavaScript的升级版，TypeScript包含JavaScript和自己的一些特性 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript TypeScript的作者是安德斯·海尔斯伯格，C TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持**，它由 Microsoft 开发，代码开源于 GitHub 上 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，它由 Microsoft 开发，代码开源于 GitHub (opens new window)上 安装 安装TypeScript的命令很简单 文件编译成01_typescript.js文件，只需要在当前目录下执行如下命令： tsc 01_typescript.ts 输出结果为一个01_typescript.js文件，它包含了和输入文件中相同的
1.2K10编辑于 2022-09-19 - 来自专栏全栈程序员必看
javascript typescript_typescript python
前言：无论在学习什么语言的时候，我们都需要明白其该怎么样去定义一个变量或者Function，那么今天我们来看看TypeScript的数据类型。 TypeScript是由微软大神Anders Hejlsberg（安德斯·海尔斯伯格，丹麦人，Turbo Pascal编译器的主要作者，Delphi、C#开发领导者，同时也是.NET奠基人之一）领衔开发的 ，兼容 ECMAScript 2015（ES6）规范，可选择编译成ES6或ES5规范的JavaScript代码（ECMAScript 3及以上版本）。 TypeScript可谓一门语言，其主要特性有： 面向对象，并拥有一些函数式特性； 类型语言； 实现了注解、泛型等特性； 适配大型App构建。 而在TypeScript中启用严格的空校验（–strictNullChecks）特性，就可以使得null 和 undefined 只能被赋值给 void 或本身对应的类型 10.never: never
96910编辑于 2022-09-24 - 来自专栏Hongten
TypeScript系列 - 什么是TypeScript
看了很多关于TypeScript的文章，总体说来没有很好的，一个系统的学习TypeScript的资源。 接下来，我将给大家带来TypeScript的系列，让你和我一样，一步一步的学习TypeScript，并且学以致用。 什么是TypeScript呢 在TypeScript的官方网站上面有这样的描述： ? 我们怎样解读TypeScript呢 首先我们要知道TypeScript的爹是微软。开发工具通常使用VSC（Visual Studio Code）。 顺便说一下，TypeScript 编译器本身是用 TypeScript 开发的。构建流程是先用旧版本的 TypeScirptCompiler。
1.5K40发布于 2019-02-25 - 来自专栏全栈程序员必看
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 - 来自专栏Rust
三大语言多包同仓终极对比，谁才是工程化之王？Rust vs TypeScript vs Go
2025-2026 年，几乎所有规模稍大的团队都在用 monorepo + workspace： • Rust：Cargo workspace，语法极简，增量编译超强 • TypeScript：pnpm 三、TypeScript Workspace：磁盘占用碾压者 TypeScript 生态的 workspace 经历了 npm → yarn classic → yarn berry → pnpm 的演进 一句话总结：pnpm + turbo 是 TypeScript 生态的"豪华套餐"，磁盘和速度双赢。 五、三大语言 Workspace 终极对比 维度 Rust TypeScript (pnpm) Go 配置方式 Cargo.toml pnpm-workspace.yaml go.work 语法简洁度 选 Rust workspace ✅ 如果你： • 在搞高性能系统、基础设施、区块链、游戏引擎 • 需要极致的增量编译性能 • 追求简洁的工程配置 • 团队已经在用 Rust 选 TypeScript
21910编辑于 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 最初是个微软内部项目，叫 遵从最新标准：类、模块和箭头函数语法都与 ES6 标准一致 也支持业界主流模块系统：如 CommonJS 和 AMD 模块 注意，模块的语法规则与 ES 标准一致，但在加载机制上存在差异，具体见Module 、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 - 来自专栏马涛涛的专栏
前端工程化
工程化 所谓前段工程自动化就是：由于前端分裂，有人写css代码，有人写scss，有人写es5，有人写es6，那么就需要翻译工具（命令行工具）翻译成ie或其他所有浏览器能运行的代码版本。 ? 什么是前段工程化，就是要从写html，css，js到写自动化，模块化的html，css，js，并且考虑性能优化。 自动化 举个例子： 使用命令行工具实现代码自动化转变。 入门教程 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。 将js目录下的js文件转化成到lib目录下（ES6代码转为ES5代码） web应用的目录规范 ? 工程化中自动化的过程 例如我们有这样的工程目录。 ?
1.6K30发布于 2018-10-31 - 来自专栏闲花手札
前端工程化
、资源的模块化） 组件化（复用现有的 UI 结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理） 自动化（自动化构建、自动部署、自动化测试） 什么是前端工程化 前端工程化指的是：在 企业级的前端项目开发 中，把前端开发所需的 工具、技术、流程、经验等进行规范化、 标准化 企业中的 Vue 项目和 React 项目，都是基于工程化的方式进行开发的。 前端工程化的解决方案 早期的前端工程化解决方案 grunt（ https://www.gruntjs.net/ ） gulp（ https://www.gulpjs.com.cn/ ） 目前主流的前端工程化解决方案
52220发布于 2021-08-24 - 来自专栏技术分享
Vue工程化
工程化开发入门 工程化开发模式：基于构建工具（例如：webpack）的环境中开发Vue。 工程化开发模式优点： 提高编码效率，比如使用JS新语法、Less/Sass、Typescript等通过webpack都可以编译成浏览器识别的ES3/ES5/CSS等 工程化开发模式问题： webpack <template>
我是hm-header <Button1>按钮</Button1></template> 工程化开发入门61110编辑于 2024-05-31 - 来自专栏前端开发0202
TypeScript
用于指定编译之后的版本目录 “target”: “es5”, module用来指定要使用的模板标准 “module”: “commonjs”, lib用于指定要包含在编译中的库文件 “lib”:[ “es6” true, 不把符号链接解析为真实路径，具体可以了解下webpack和node.js的symlink相关知识 “preserveSymlinks”: true, sourceRoot用于指定调试器应该找到TypeScript experimentalDecorators用于指定是否启用实验性的装饰器特性 “experimentalDecorators”: true, emitDecoratorMetadata用于指定是否为装上去提供元数据支持，关于元数据，也是ES6的新标准 mac电脑需要在npm 前面加sudo,代表以管理员身份运行 npm install webpack webpack-cli typescript ts-loader –save-dev 安装成功后进入项目根目录 依赖 npm install typescript //之前是全局安装 在package.json文件写指定命令 上边weapack的命令已经写好了，下边我们就在package.json文件中写指定的命令
1.9K20发布于 2020-05-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号