- 综合排序
- 最热优先
- 最新优先
- 来自专栏Web Front End
React-Webpack5-TypeScript打造工程化多页面应用
我们废话不多说，一篇文章让你彻底搞懂所谓工程化的多页面应用构建。 文章中涉及的模板配置可以点击这里查看戳这里。 接下来让我们继续来支持TypeScript吧！ 配置TypeScript支持 针对TypeScript代码的支持其实业内存在两种编译方式: 直接通过TypeScript去编译ts/tsx代码。 接下来让我们来使用@babel/preset-typescript预设来支持TypeScript语法吧。 接下来就让我们尝试来修改这些配置将它变成自动化且按需打包的工程化配置吧。 工程化多页配置 工程化原理 我们之前已经讲清楚了webpack中的原理了，接下来我们需要实现的过程是: 每次打包通过node脚本去执行打包命令。
2.6K10发布于 2021-11-15 - 来自专栏编程技术总结分享
TypeScript 工程化的实践方案
一.TypeScript—编译选项和tsconfig.json配置选项 二.使用webpack打包ts代码 上一篇系统地总结学习了TypeScript的基础常用语法。 但我们学习 TypeScript 的目的不是为了造一间“小茅屋”，而是为了造“高楼大厦”，这也正是 TypeScript 的类型系统带来的优势。 这一篇博客会学习TypeScript 工程化的一些知识点，具体内容包括：tsc编译选项、tsconfig.json的配置、webpack打包ts代码。 compilerOptions 属性配置： { "compilerOptions": { "target": "ESNext", /* 指定编译之后的版本目标: 'ES3' (default), 'ES5' ---- 预告：下一篇博客会用TypeScript来开发一个贪吃蛇小游戏，用来熟练TypeScript 。感兴趣的小伙伴们一定不要错过哦！ ----
1.4K30编辑于 2022-11-22 - 来自专栏黯羽轻扬
函数_TypeScript笔记5
number = function(x: number, y: number): number { return x + y; }; P.S.实际上，还有另一种描述函数类型的方式：接口，具体见接口_TypeScript 笔记3 二.参数 可选参数 JavaScript里参数默认都是可选的（不传的默认undefined），而TypeScript认为每个参数都是必填的，除非显式声明可选参数： function buildName 编译结果是这样（TypeScript编译报错并不影响代码生成，具体见类型系统）： var Addition = /** @class */ (function () { function Addition 因此，TypeScript里的重载能力受限，仅体现在类型上： function sum(a: number, b: number): number; function sum(a: number[]): 参考资料 Functions Function Overloads in TypeScript TypeScript function overloading
1.1K30发布于 2019-06-12 - 来自专栏一Li小麦
typescript基础篇（5）：类
5.类 ? 5.1 类的声明与继承 ts的类基本包括了es6+中类的全部功能。
92320发布于 2020-08-12 - 来自专栏编程微刊
TypeScript的5个常见用法
TypeScript 是一种静态类型的 JavaScript 超集，它提供了额外的类型系统和一些 ECMAScript 新特性的支持。 以下是 TypeScript 的一些常见用法： 1：类型注解： TypeScript 允许在变量、函数、参数、返回值等地方添加类型注解，明确指定变量的类型。 例如： function identity<T>(arg: T): T { return arg; } let result = identity<string>('Hello'); 5：模块化： /math'; console.log(add(2, 3)); // Output: 5 这些只是 TypeScript 的一些常见用法，还有其他许多特性和用法，如枚举、装饰器、命名空间等。 TypeScript 可以根据项目需求和开发者的偏好进行灵活的应用。
92240编辑于 2023-10-09 - 来自专栏喵喵侠的社区活动征文
Webpack 5 深度配置与工程化技巧
newEsbuildPlugin({target:'es2015',//目标环境css:true,//同时压缩CSS}),],},};架构升级：ModuleFederation(模块联邦)这是Webpack5的杀手级特性 Webpack5默认在生产环境下启用了deterministic算法，确保模块ID是确定的（基于内容生成的短hash），强烈建议显式确认该配置，保证缓存命中率最大化。 /plugins/FileListPlugin');module.exports={plugins:[newFileListPlugin()],};总结从基础配置到工程化深水区，核心思路在于**“分而治之 Webpack不仅仅是一个打包器，它是前端工程化的枢纽。掌握它的插件机制和编译原理，能让你在面对复杂架构时游刃有余。
23110编辑于 2026-01-23 - 来自专栏全栈开发工程师
【TypeScript 4.5】005-第 5 章 函数
【TypeScript 4.5】005-第 5 章 函数 一、函数类型表达式 1、概述 函数 函数是任何应用程序的基本构件 无论是本地函数 还是从模块中导入的函数 或者类上的函数等等 向其他很多值一样 这些函数也是一个值 TypeScript 有很多方法来描述如何调用函数 函数类型表达式 fn: (a: string) => void 2、代码演示 代码示例及解释 // 参数是一个函数 function .\02-sign.js 6 hello worldreturnedtrue 三、构造签名 1、概述 说明 JavaScript 的函数可以用 new 操作符来调用 TypeScript 将这些称之为构造函数 not a function console.log(arr.slice(0)) 七、泛型函数-指定类型参数 1、概述 说明 TypeScript 通常可以推断出通用的函数调用中预期的类型参数 但并非总是如此 "hello" : [100, 200 ,300]) 十四、函数内的 this 声明 1、概述 说明 TypeScript 会通过代码流分析来推断函数中的 this 应该是什么 代码示例 const user
62910编辑于 2025-01-06 - 来自专栏前端杂货铺-Gopal
【工程化】探索webpack5中的Module Federation
Module Federation 是 webpack5 中振奋人心的新特性，也是号称能改变 JavaScript 架构游戏规则的功能。 ，从而实现 A/B 测试 Module Federation 的问题 谈了这么多 Module Federation 的优点，我们来看看它有哪些缺点 1、 对环境要求略高，需要使用 webpack5， 我们可以在一个应用中动态加载并执行另一个应用的代码，且与技术栈无关，并且能够共享模块，从而减小编译时间以及降低包体积 但在使用 Module Federation 的时候也需要权衡模块拆分的粒度以及做好版本的控制 参考 深入探索Webpack5之 Federation Examples: https://github.com/module-federation/module-federation-examples [2]深入探索Webpack5之
2.6K20编辑于 2022-08-01 - 来自专栏心源易码
TypeScript算法题实战——剑指 Offer篇（5）
在本文中，我们将使用TypeScript来解决剑指offer的算法题。这些问题涵盖了各种各样的主题，包括数组、字符串、链表、树、排序和搜索等。 我们将使用TypeScript的强类型和面向对象的特性来解决这些问题，并通过实际的代码示例来演示如何使用TypeScript来解决算法问题。 示例:输入: nums = [1,3,-1,-3,5,3,6,7], 和 k = 3输出: [3,3,5,5,6,7]解释:滑动窗口的位置最大值[1 3 -1] -3 5 3 6 731 [3 -1 - 3] 5 3 6 731 3 [-1 -3 5] 3 6 751 3 -1 [-3 5 3] 6 751 3 -1 -3 [5 3 6] 761 3 -1 -3 5 [3 6 7]77.2、题解由于滑动窗口的性质其实很像一个队列 要打出顺子，有两个特点：除了0可以重复，其他数不能重复（不然顺子里面会出现对，如3,4,4,5,6、0,3,4,5,5不符合要求）最大值减去最小值应该小于5，比如2,3,4,5,6、2,0,0,4,5数字最大为
31500编辑于 2024-09-20 - 来自专栏终身学习者
你应该知道的 5 种 TypeScript设计模式
接着来看看，我们如何使用TypeScript来实现这一点： interface Vehicle { move(): void } class Car implements Vehicle {
67840发布于 2020-11-24 - 来自专栏深度学习与python
你应该了解的5种TypeScript设计模式
虽然它们可以直接在 JavaScript 中实现，特别是有了 ES6 后实现起来更容易了，但 TypeScript 采用的 OOP 方法使得开发人员可以简单明了地遵循通用指南（甚至来自其他 OOP 语言 来看看我们如何使用 TypeScript 来实现这一点： interface Vehicle { move(): void } //The classes we care about, the 参考阅读： https://blog.bitsrc.io/design-patterns-in-typescript-e9f84de40449
79020发布于 2020-09-04 - 来自专栏全栈程序员必看
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–es5中的类，继承，静态方法
+ '在工作'); } var p = new Person(); // p.work(); Person.getInfo() es5里面的继承 Person.call(this); } var w = new Web(); w.run(); w.work(); es5里面的继承
1.9K10编辑于 2022-06-30 - 来自专栏全栈程序员必看
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 - 来自专栏全栈程序员必看
javascript typescript_typescript python
前言：无论在学习什么语言的时候，我们都需要明白其该怎么样去定义一个变量或者Function，那么今天我们来看看TypeScript的数据类型。 TypeScript是由微软大神Anders Hejlsberg（安德斯·海尔斯伯格，丹麦人，Turbo Pascal编译器的主要作者，Delphi、C#开发领导者，同时也是.NET奠基人之一）领衔开发的 ，兼容 ECMAScript 2015（ES6）规范，可选择编译成ES6或ES5规范的JavaScript代码（ECMAScript 3及以上版本）。 TypeScript可谓一门语言，其主要特性有： 面向对象，并拥有一些函数式特性； 类型语言； 实现了注解、泛型等特性； 适配大型App构建。 \u662F " + names + " \u53D1\u5E03 " + (years + 1) + " \u5468\u5E74"; console.log(words); 4.Array类型：
96710编辑于 2022-09-24 - 来自专栏Hongten
TypeScript系列 - 什么是TypeScript
看了很多关于TypeScript的文章，总体说来没有很好的，一个系统的学习TypeScript的资源。 接下来，我将给大家带来TypeScript的系列，让你和我一样，一步一步的学习TypeScript，并且学以致用。 什么是TypeScript呢 在TypeScript的官方网站上面有这样的描述： ? 我们怎样解读TypeScript呢 首先我们要知道TypeScript的爹是微软。开发工具通常使用VSC（Visual Studio Code）。 由于编译器核心灵活的结构，开发者只需要简单的添加一些代码，就可以在 IDE 中支持 TypeScript 的诸多特性。 白鹭引擎是基于 TypeScript 的开源 HTML5 游戏引擎。
1.5K40发布于 2019-02-25 - 来自专栏全栈程序员必看
typescript web_typescript文档
前言 上一篇我们讲到如何手动编译TypeScript，如果我们每次都要手动编译，那么这样会很累，接下来就介绍自动编译TypeScript。 mac自动编译typescript 在Typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js 编辑tscongfig.json,修改outDir 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的路径下的 tsc文件） Arguments:--sourcemap --target "ES5" Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension
1.4K20编辑于 2022-09-19 - 来自专栏Rust
三大语言多包同仓终极对比，谁才是工程化之王？Rust vs TypeScript vs Go
一个让所有程序员都头秃的问题 你有没有遇到过这种情况： 项目里有 5 个互相依赖的微服务，每次改一个公共库，要手动 npm link / go mod tidy 好几次； A 项目用 React 18.2 5. 2024-2026 年社区最佳实践 • resolver = "2" 基本成为标配 • workspace.dependencies + dependency table 组合拳，打遍天下无敌手 三、TypeScript Workspace：磁盘占用碾压者 TypeScript 生态的 workspace 经历了 npm → yarn classic → yarn berry → pnpm 的演进 5. 5. 2025-2026 年 Go workspace 最佳实践 • 大型微服务项目：后端网关 + 多个业务模块，统一管理共享的 pb、error 定义 • 工具链项目：CLI 工具 + 内部 SDK
21510编辑于 2026-04-23 - 来自专栏前端达人
这 5 个 TypeScript 的功能特征，你需要熟悉下
英文 | https://betterprogramming.pub/top-5-typescript-features-you-should-master-2358db9ab3d5 翻译 | 杨小二 TypeScript 的影响力与日俱增。 使用 TypeScript 的好处怎么强调都不为过。然而，了解和理解这个 JavaScript 超集拥有的所有工具是很重要的。 你是否正在投入时间来提高你的TypeScript技能？你想充分利用它吗？ 有时，由于没有使用正确的 TypeScript 功能并且没有遵循其最佳实践，可能会出现大量代码重复和样板。 在本文中，我们将研究 TypeScript 可以赋予我们的五个最重要的功能。 5、类型保护 类型保护是一组帮助我们缩小对象类型的工具。这意味着我们可以从更一般的类型转到更具体的类型。 有多种技术可以执行类型保护。在本文中，我们将只关注用户定义的类型保护。
1.8K40发布于 2021-09-08 - 来自专栏黯羽轻扬
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 最初是个微软内部项目，叫 TypeScript 期望通过源码转译的方式填补这些缺陷，给 JavaScript 添上 OOP 支持（Class、Interface 等），以及可选的静态类型系统，在 ES5 时代（2010 年）建立起开发大型 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号