Typescript 群控编程网

无角度广播（2+）

O Angular 2 tra com的不同形式的组件。在角度1.x上的队列解压缩广播（）和发射（）随处可见。可以使用$ rootScope在全球范围内使用的$ rootScope ，或者使用aapcação访问afação，使用fazendo com cadada组件访问escutasse utilizando ométodoon （）。从属性到事件的绑定…

扩展方法

扩展方法使我们可以向类型添加新方法，而无需创建新实例或修改原始类型。扩展方法可以直接称为静态方法。扩展方法使您的类可以扩展，而不必更改源代码或不依赖继承。让我们举个例子。我想向Date类型添加一个静态方法。假设新的方法名称为addMilliSec 。我们需要做的第一件事是在date接口中定义方法。但是我们如何找到日期界面呢？那就是lib.d.ts派上用场的地方。库文件该库包含javascript构造的环境声明。这使我们能够编写经过类型检查的javascript代码。例如，每个人都知道toString函数。 var foo = 123;…

如何在Angular CLI v6中执行X？

随着Angular v6的发布，CLI也进行了重大升级。在本文档中，我尝试列出特定于CLI的更改。这样做的目的是使它成为一个“活动文档”，因此，如果您有任何补充，请发表评论或在Twitter上ping我！ Angular CLI配置文件位置在v6之前，Angular CLI项目配置存储在/.angular-cli.json 。从v6开始，文件的位置更改为angular.json 。注意：由于不再有前导点，因此默认情况下不再隐藏文件。以前存储在/.angular-cli.json的全局配置现在存储在/.angular-config.json 。 Angular CLI配置结构文件的结构已进行了大修。 Angular…

什么是TypeScript

什么是TypeScript JavaScript是客户端语言，将它与nodejs一起使用已帮助JavaScript出现在服务器端。 JS不使用面向对象的编程，因此随着代码的增加，代码变得更加混乱。这就是打字稿发挥作用的地方。 Typescript于2012年首次发布。AngularJs 2.0和4.0是使用此平台构建的，与JavaScript中的angular js 1.0不同。这是由Microsoft构建和管理的开源平台。 Typescript是JavaScript的超集。它是带有类，接口类似于C＃或Java的纯面向对象编程。 Typescript可帮助您在oop中编写代码并在JavaScript中进行编译。 Typescript是一种语言加上一些工具，它只是具有某些附加功能的JavaScript。最新的稳定版本是2.8.3。打字稿的特点 Typescript以JS开头，以JS结尾。基本的构建块来自JS，因此您只需要知道JS即可使用Typescript。为了执行的目的，所有TypeScript代码都将转换为与其等效的JavaScript。…

.NET Core 2.1 + React + Redux + TypeScript

创建dotnet react redux项目 dotnet新reactredux 转到ClientApp cd ClientApp 安装react-app-rewired和react-scripts-ts npm install --save-dev react-app-rewired react-scripts-ts 更新package.json将react-scripts更改为react-app-wired “脚本”：{ “ start”：“ rimraf…

关于迁移到TypeScript的想法

我将探讨将大型JavaScript代码库迁移到TypeScript的原因和方式。我们的团队结束了为期15个月的升级前端堆栈的旅程。为了解决这个难题，我们必须同时向客户提供新功能。最后，我还将讨论是否值得付出努力，以及它如何影响我们的发展。 Hootsuite Analytics是一个完全使用JavaScript构建的单页应用程序。我们依赖于React库，我们很早就采用了它。在很高的层次上，我们的应用程序使用了我们的后端API组中的数据。然后将数据转换为几种可视化类型。我们提供了丰富的表格，用于显示社交媒体帖子，图表，图形，地图等。随着时间的流逝，我们的应用程序已经增长了很多，现在位于15万行代码中。在Hootsuite，我们在产品的技术方面投入了大量资金。为此，我们总是从技术角度评估我们所做的一切是否合理。任何重大项目都必须从问题定义开始，所以让我们谈谈我们的技术挑战是什么。 JavaScript是一种难以对数据转换进行建模的语言。它是一种动态语言，并且在不过多说明具体含义的情况下，它要求开发人员进行权衡。他们不需要事先指定什么样的数据，这使得初始开发非常快。不利的一面是，随着项目在代码行和贡献者数量上的增长，对遍及应用程序各个层的数据流进行推理变得越来越困难。使用React会使这个问题更加复杂。…

使用Recompose的HOC启发您的React组件

TL; DR通过使用withStateHandlers或Recompose的withReucer，可以将简单的无状态组件增强为丰富的有状态组件。随着您的React应用程序的成长，React.Component中的状态处理变得越来越难。一种解决方案是采用Redux，但是在大多数情况下，要通过大量动作和一个巨大的reducer来管理每个事件似乎太多了。为了将状态与没有Redux的组件分开，我们可以使用许多著名库中的高阶组件（HOC）。 HOC是一种接收组件作为其参数的组件。例如，recompose是一个很好的HOC集合，其中包括一些有状态的withStateHandlers和withReducer。让我们看看它们如何工作。此方法将状态和处理程序作为React.Component的支持进行传递。处理程序是分离的方法，可以采用任何参数，例如MouseEvent。这是我的Codepen中的一个小示例。 const ToggleButtonSH = withStateHandlers （ {已启用：false}， {…

打字稿：类vs接口

我想解决一个我今天已经看过太多次的问题了。在打字稿代码中，这是我发现的内容：类MyClass { 一个号码; b：字符串； } 不！就是不行。这很痛。但是真正痛苦的是然后读： class MyOtherClass扩展了MyClass { c：数字； } 啊！我知道这可能会使来自OOP语言的人感到困惑，但是在Javascript中，对象不是类的实例。…

动态糟透了

使用Javascript和Typescript + React。 TL; DR ：Вобщем，сводитсяктому，чтояслишкомтупдляJavascript。 О，спорынатемудинамическойтипизацииистатическойтипизацииконечнодавнонепрекрандевнонепрекранпенийнепрекращ。 Но，можетбытьвысчитаетесебядостаточноумнымдляJS？ Какяоблажался Маленькаяисторияизпрофессиональноголичногоопыта。 Однаждыкомнепришлазадачадоделатьодинмодуль。 Заоднорешили，чтокоднужноотрефакторить。 Нутаммелочивсякие。 Именование，роутинг，сделатькодменеесвязанным。 Всеврамкахизбавленияоттехническогодолга。 Задачусделал，еёотревьювили，质量检查QAспокойнооттестировалиирезультатуходитнапродакшен。 Напродакшенесмодулемвсеок。 Черезденьслоговпродакшенаприходиткритичныйэпичныйбаг—图库社论照片…

学习TypeScript 02-接口

接口在其他语言中很常见，但是在JavaScript中却没有，因为有了接口，我们可以在类中“实现合同”。但为什么？是的，为什么我需要我从未有过的东西？这个问题在Frontend中很常见，因为这些年来不断发展，有时甚至采用了Backend语言中的部分和思想。我曾经问过一个关于JavaScript中的IOC（控制反转）的人，为什么他在自己的项目中实现它，他回答我说他不需要它，因为他可以使用require。对于许多前端人员来说，这是一种常见的行为，对我来说，前端比后端落后了几年，并且正在逐步学习这些东西，例如类，等待异步，设计模式等。好的，但是为什么接口在后端很重要？在很多情况下，接口都可以为您提供帮助，下面我们来看其中的一些：您希望将一项服务注入另一个服务，并且希望能够轻松对其进行模拟。 //使用函数简化示例函数 DevelopingService（IUserService userService）{ const users = userService.get（）; }…