typescript- все статьи тега


Совмещение Typescript и GraphQL Code Generator

GraphQL  —  это открытый язык запросов и управления данными для API. Нам больше не нужно играть в догадки, как в случае с REST, поскольку этот язык строго типизирован. Перед выполнением запроса инструменты обеспечивают его синтаксическую верность и соответствие системе типов GraphQL. Так как TypeScript  —  это типизированный язык, он идеально соче...

TypeScript. Что, зачем и как?

Те из вас, кто занимается разработкой на JavaScript, наверняка так или иначе слышали о TypeScript. Если при этом вы не решались попробовать освоить этот язык из-за неуверенности в его эффективности по сравнению с привычным JS, то сегодня самое время развеять эти сомнения.  Данная статья послужит ознакомительным, но в то же время разносторонни...

Как создать простую браузерную игру с помощью Phaser 3 и TypeScript

Моя супруга всегда хотела, чтобы у нас был радиоприемник, который красиво выглядит; легко регулируется; обладает хорошим качеством звука; проигрывает станции из интернета.  Современный рынок предлагает большой выбор модных интернет-радиоприемников. Но все они оснащены либо сенсорным экраном, либо дорогим ЖК-дисплеем, либо прои...

Новые функции в TypeScript

1. scikit-image2. NumPy3. SciPy4. PIL/ Pillow5. OpenCV-Python6. SimpleCV7. Mahotas8. SimpleITK9. pgmagick10. PyCairo Обзор самых популярных Python-библиотек с простым и понятным способом преобразования изображений Введение Наш сегодняшний мир переполнен данными, большая часть которых состоит из изображений. Однако для работы с изображениями т...

Краткий обзор нововведений TypeScript 4.1

Я работаю с TypeScript уже не первый год и считаю, что он достаточно прост, особенно для людей с опытом разработки на Java. Тем не менее, прочитав новости о последнем крупном обновлении TypeScript 4.1, я сильно удивилась тому, как много я еще о нем не знаю. Не думаю, что такое неведение присуще мне одной. Эти новости подтолкнули меня к более глубо...

Веселимся с Angular и трансформаторами в TypeScript

Чтобы что-то было сделано компьютером, нужно указать ему, как это сделать. Нужно написать программу с пошаговым объяснением: какие задачи компьютер должен выполнить и каким образом. В этом нам помогают алгоритмы. Алгоритмы  —  это набор инструкций, используемых компьютерами для решения тех или иных задач, ведущих к достижению конечной цели. Знани...

Замечательные новые фичи TypeScript 3.5

Новые фичи включают в себя:  увеличение скорости для поэтапных сборок; вспомогательный тип Omit;улучшенные проверки избыточных свойств в типах объединения;вывод типов для объединения конструкторов.  Увеличение скорости С режимом сборки --incremental последующие сборки выполняются быстрее, благодаря кэшированию ссылок, расположений ф...

Веб-сервер с нуля в TypeScript и Node

Сокеты и TCP С помощью сокетов процессы на компьютере взаимодействуют друг с другом через файловую систему. Сокеты представляют собой особый тип файлов, предоставляющий процессам информацию для чтения и возможность записи с использованием обычного API файловой системы. TCP — дополнительный стандарт для использования сокетов по сети для обесп...

Создание тестового фреймворка JavaScript

Фреймворк модульного тестирования Суть модульного тестирования заключается в проверке небольших изолированных фрагментов кода. Если тест использует внешний ресурс, например сеть или базу данных, он уже не является модульным. Фреймворки модульного тестирования описывают тесты в человекочитаемом формате, чтобы те, кто не связан с технической сферой,...

React TypeScript: Основы и лучшие практики

Подготовка к работе create-react-app с TypeScript $ npx create-react-app your-app-name --template typescript Если вы предпочитаете Yarn, используйте следующую команду: $ yarn create react-app your-app-name --template typescript Обратите внимание, что мы не используем приложение напрямую, а применяем инструменты, которые загружают последнюю версию ...

Полиморфизм в TypeScript

Как правило, люди думают, что объектно-ориентированное программирование (ООП) и функциональное программирование (ФП) взаимно исключают друг друга. И это объяснимо: любая дискуссия о них довольно часто превращается в спор, в основе которого лежит соперничество. Но, как оказалось, в некоторых контекстах можно извлечь выгоду, применяя дисциплины из о...

Пожалуйста, отложите TypeScript ненадолго

Сперва позвольте уточнить: типизированный JavaScript — это фантастика. Я использовал Flow и продолжу использовать TypeScript в будущем, ведь это мощнейший быстро растущий инструмент. Но какова цена этой силы? Что стоит за этим инструментом, буквально меняющим правила игры?  Иногда стоит пристальнее рассмотреть все хорошие и плохие стороны сво...

Прототипирование без API

Визуализация играет важную роль в обучении. Она помогает нам запоминать сложные идеи, в том числе и по программированию. Отображение map(add) применяет value + 1 ко всему массиву [1, 2, 3, 4, 5, 6, 7]. Выражение value + 1 применяется к каждому элементу.map(add) возвращает изменённую копию, оставляя оригинал нетронутым.Результат: [2,3,4,5,6,7,8]. ...

Ох, TypeScript, ты боль моя

После долгих лет “постоянной” работы с JavaScript у меня (наконец-то) появилась возможность приобщиться к TypeScript. Несмотря на то, что некоторые знакомые смело уверяли меня, что выучить его будет делом 5 минут… Я так не думал.  По большей части этот язык действительно быстро и легко учится. Но переход к новой парадигме всегда сопровождаетс...

Вложенность вкладок ng-bootstrap (угловая 2)

Я пытаюсь вложить виджет вкладки ng-bootstrap, но содержимое вложенной вкладки не отображается должным образом. В тот момент, когда я нажимаю на вложенную вкладку, само содержимое исчезает. Минимальная демонстрация Что я делаю не так? Это код вида: <ngb-tabset> <ngb-tab *ngFor="let tab of tabs"> <ng-template ngbTabTitle> {{ tab.title }} </ng-template> <ng-template ngbTabC ...

Как задать необязательные параметры класса в Angular 2-Typescript?

Я знаю, что в Typescript необязательные параметры могут быть помечены вопросительным знаком. Однако, единственный способ, который я нашел, чтобы фактически создать экземпляр класса с новым ключевым словом. Дело в том, что на основе начального урока Angular 2 "hero" классы Не создаются с помощью нового ключевого слова, и, насколько я понял, это делается внутри Angular. Например, у меня есть это код: Модели / пользователи.ts export class User { id: number; name: string; // I wan ...

Как проверить код TypeScript на наличие синтаксических ошибок из командной строки?

У меня есть код, который генерирует классы TypeScript, и в качестве шага сборки/тестирования я хотел бы проверить сгенерированные файлы на синтаксическую корректность. Я посмотрел на параметры компилятора TypeScript , но не вижу такой опции. Как проверить синтаксис? Я ищу инструмент, который можно запустить из Maven, поэтому в идеале, плагин Maven или инструмент командной строки. Я не хочу полной компиляции, потому что указанные типы недоступны в этот шаг сборки (они находятся в другом моду ...

Как цепочка из нескольких фильтров в lazy.js в цикле (из массива)

У меня есть массив, содержащий функции фильтра, которые необходимо применить к массиву элементов в Lazy.JS. Я пробовал использовать цикл for, но применяется только последний фильтр. function (searchText) { var result = Lazy(input); for (var query of this.querylist) { result = result.filter((item) => { return query.filterFunc(item, searchText, query.compareFunc); }); } return result.toArray(); } Есть ли способ применить список фильтров без жест ...

* ngFor сброс всех значений формы при добавлении нового элемента ввода

У меня есть приложение Angular2 с кнопкой, которая может добавить еще один кредит к моим кредитам. Мой * ngFor также довольно прост: <div *ngFor="let loan of myLoans"> <label>{{loan.name}}</label> <input type="text" name="loan.name" [(ngModel)]="loan.amount"> </div> myLoans представляет собой массив объектов займа с параметрами name и amount. Моя кнопка также очень проста. <button id="addLoan" type="button" (click)="addLoan()">Legg til ...

Как исправить ошибку "$ is not defined " при модульном тестировании Jquery с Typescript с помощью Mocha?

Я пишу Mocha юнит-тесты для Typescript кода, содержащего Jquery. Я использую jsdom для получения объекта document. Когда я компилирую свой код TS в JS и запускаю тесты, он выдает ошибку [ReferenceError: $ is not defined]. Мой код машинописи здесь export function hello(element) : void { $(element).toggleClass('abc'); }; Мой модульный тестовый код выглядит следующим образом: import {hello} from '../src/dummy'; var expect = require('chai').expect; var jsdom = require('jsdom'); var d ...