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

背景 最近一直在重构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 ...

  TypeScript简单介绍 1.0 TypeScript语言简单说明 简单说明 TypeScript是微软2012年推出的一种编程语言，属于 JavaScript 的超集，可以编译为 JavaScript 执行。它最大特点是强大的类型系统和对ES6的支持，TypeScript托管于GitHub上面。 TypeScript代码，通过编译可以转换为纯正的 JavaScript代码，且编译出来的 Ja ...

1. 对象的类型——接口 1.1 什么是接口 1.2 简单的例子 1.3 可选属性 1.4 任意属性 1.5 只读属性 2. 类 2.1 类的概念 2.2 ES6 中类的用法 属性和方法 类的继承 存取器 静态方法 2.3 ES7 中类的用法 实例属性 静态属性 2.4 TypeScript 中类的用法 public private 和 protected 参数属性 readonly 抽象 ...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 原文出处：https://medium.com/swlh/what-is-typescript-bf333e23f259   从历史上看，JavaScript已经成为了在Internet上编写网页和应用程序脚本语言的主要语言。但是否能通过JavaScript创建大型复杂Web应用系统呢？可 ...