TypeScript论坛 今日: 0|主題: 300|排名: 73 

引言 作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的js库中均能看到TypeScript的身影。js作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉变量的类型，从而导致一些出乎意料的运行时错误。然而TypeScript在编译过程中便能帮我们解决这个难题，不仅在JS中引入了强类型检查，并且编译后的J ...

在 TypeScript 中我们会使用泛型来对函数的相关类型进行约束。这里的函数，同时包含 class 的构造函数，因此，一个类的声明部分，也可以使用泛型。那么，究竟什么是泛型？如果通俗的理解泛型呢？   什么是泛型 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种 ...

详细实现方式以及源码下载请前往 https://www.passerma.com/article/70 "koa2+typescript环境搭建 1.安装koa2脚手架 全局安装koa2脚手架  npm install -g koa-generator   2.使用脚手架创建项目   koa2 project   后面的project表示项目的名称，我这里以koa2-ts项目名为命令  koa2 ...

背景 最近一直在重构react项目，由于项目历史原因，将之前parcel打包工具换成了webpack，并选择了使用create-react-app作为项目开发脚手架。 接着就是把项目中flow类型检查工具移除掉了，替换成typescript。 相关文档 https://www.html.cn/create-react-app/docs/adding-typescript/ https://www.typescriptlang.org/ 让 ...

前言 vue3 已经正式发布，网上有不少vue3+typescript的文章了，脚手架也更新了好多版本，以下主要是基础的vue+typscript的安装和新特性 一.更新@vue/cli（很多人都还在用vue2.x，所以需要先跟新一下vue的版本） 建议使用最新的vue3.x，因为vue3也更新了不少版本, 如果已经安装了vue2.x的，可以通过卸载旧版本，再安装新版本 ...

一、安装typescript及loader npm install typescript ts-loader --save-dev 二、安装vue-property-decorator npm install vue-property-decorator --save-dev 三、配置vue.config.js module.exports = { configureWebpack: { resolve: { extensions: [".ts", ".tsx", ".js", ".json"] }, module: { ...

在上一篇实战演练中，已经将项目搭建好，并介绍了 Router、Vuex 的基本用法 接下来会以一个 Todo List 项目来介绍实战中如何使用 Composition API   一、输入框与列表（按键别名 + computed 类型声明 ） 首先是输入框，由于需要支持回车键提交，所以需要监听 keydown 事件 如果是传统的按键处理，需要在事 ...

前面的几篇文章已经大致介绍了 Vue 3 的常用 API，现在综合起来做一个实战演练 配合完整代码食用更香哦，项目地址：https://github.com/wisewrong/bolg-demo-app/tree/main/test-vue3-demo   一、初始化 首先通过 Vue-CLI 创建一个 Vue 3 项目，详细流程可以参考《Vue3.x 从零开始（一）》 vue create test-vue3-demo ...

使用--typescript参数新建React项目 create-react-app react-ts-demo --template typescript 新建Header.tsx文件，加入以下代码： import React, { FC } from 'react'; interface MyProps { Name: string, ID: number } export const Header:FC<MyProps> = props => { return( <> `${pro ...

tsc 优点：可以生成.d.ts类型声明文件。 tsconfig.json: { "compilerOptions": { "outDir": "dist", "declaration": true, "declarationDir": "dist", }, "files": ["src/index.ts"], } 缺陷：不能与webpack配合使用。当然，也不是完全不能，毕竟都有watch模式。 webpack + ts-loader ...

原文： 本人github文章 关注公众号： 微信搜索 前端工具人 ; 收货更多的干货 一、开篇 vue3.0beta版正式上线，作为新技术热爱者，新项目将正式使用vue3.0开发； 接下来总结（对自己技术掌握的稳固）介绍（分享有需要的猿友） 上篇博客介绍了vue3.0常用语法及开发技巧；有需要的请点击 Vue3.0 进阶、环境搭建、相关API的使 ...

注意：在javascript 中，我们一般直接使用函数利用闭包封装，这里会涉及this ，在typescript 中如果还是用函数写，this就会受到限制，无法通过编译的，所以可以使用class解决 防抖：在规定时间内重复操作一个事件只会执行一次，在时间段内会重新计算执行开始时间,常用与滚动事件，操作请求后台接口(防止频繁操作) 节流：连 ...

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。 TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。 什么是 TypeScript TypeScript 是 JavaScript 的、带有类型的超集，并且能够编译成普通的 JavaScript。 编译： 类型： 超集： TypeScript 本身支持所有 JavaScript 的语法， ...

3.0迟迟没有发布release版本，现阶段在vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写vue 组件的一些限制和注意事项。   webpack 配置 配置webpack对TS，TSX的支持，以便于我们在Vue项目中使用Typescript和tsx。 modul ...

前言 用 Typescript 写 react 可比写 vue 舒服太多了，react 对 ts 的支持可谓天生搭档，如果要用 ts 重构项目，不像 vue 对项目破坏性极大，React 可以相对轻松的实现重构。 顺便一提：全局安装的 create-react-app 现已无法再下载完整的 React 项目模版，必须先 npm u ...

注:ts能写出非常严谨的代码，并且转换js会更加好 一、搭建环境 1、新建文件夹，初始化npm init --yes出现package.json 2、cnpm i typescript -g 全局安装typrscript 3、tsc --init 生成ts的配置文件tsconfig.json（通过这个文件可以对ts进行转换）   4、npm install express 构建本地服务，使用express   生成d ...

一、typeof 简介 在 TypeScript 中， typeof 操作符可以用来获取一个变量或对象的类型。 interface Person { name: string; age: number; } const sem: Person = { name: "semlinker", age: 30 }; type Sem = typeof sem; // type Sem = Person 在上面代码中，我们通过 typeof 操作符获取 se ...

千呼万唤始出来，2020 年 9 月 19 日凌晨，Vuejs 3.0 终于发布了，代号：One Piece 作为一名从 Vue 1.x 就开始接触 Vue 的老玩家，心里只有一句话想说：学不动了... 但学不动也得学...   原本打算写一写 2.x 和 3.x 的差异，但仔细捋了一下发现内容还不少，干脆抛弃原本的思维，从零开始学 Vue 所以《Vue 3.x 从零开始 ...

前言 已经用TS写了半年了多了，然后总结下如何如何在vue项目中使用ts吧，好复习 主要内容包含：组件，axios请求，vuex，父子组件传值，Mixins等。 vue中常用功能点代码用js/ts写法分开书写，这样会好区别和理解   一、新建项目 vue create vue-ts-admin 按步骤开始安装，安装过程中选择TypeScript，vuex，路由route ...

最近项目需要将原vue项目结合ts的使用进行改造，这个后面应该是中大型项目的发展趋势，看到一篇不错的入门教程，结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明，适合入门。 1、引入Typescript npm install vue-class-component vue-property-decorator --save npm install ts-loader typescript tslint ...