加载中
TS-Tips

ts查看编译结果、测试网站 https://www.tslang.cn 声明对svg的支持 decalre module '*.svg'

2020/11/17 22:51
25
TS-46 严格策略

执行最严格的类型检查规则,并处理报错 // tsconfig.json { ... "compilerOptions": { ... "strict": true, "noImplicitAny": true, ... /* Additional Checks......

2020/11/17 22:50
24
TS-45 宽松策略

将js、jsx文件重命名为ts、tsx文件,并且使用最宽松的类型检查规则,在不修改代码的前提下,是我们的工程能够跑起来 一、重命名 项目小,手动重名名就可以 项目大,借助工具重命名 使用shell...

TS-44 共存策略

将一个js项目逐步迁移到ts 共存策略:原来的js代码不动,新增的代码用ts编写 已有项目 hello world工程,用react编写的 工程中没有任何ts和tsx文件 构建工具是babel loader为babel-loader 开始...

TS-43 组件发布

为一个库编写声明文件 使用package.json中字段types // package.json { ... "types": "./types/employee-query.d.ts" } types/employee-query.d.ts: import Vue from 'vue'; declare class ...

2020/11/17 22:48
15
TS-42 组件封装

新建项目vue-employee-query(基于上节课的项目) 我们新建的是一个组件,不是一个web工程 进行一些改造 1)webpack公共配置 1.1)把入口文件抽离了出去 1.2)指定了新的出口文件名 // build/web...

TS-41 搭建Vue开发环境

一、基于hello world工程 1)安装vue:npm i vue vue自带了声明文件,不用额外装 2)/src/index.ts import Vue from 'vue'; let app1 = new Vue({ el: '.app', data: { name: 'TypeScript', }....

TS-40 导出Excel

步骤 前端 后端

2020/11/17 22:29
24
TS-39 列表的CURD

ts-express api server增加些路由 // app.ts import indexRouter from './routes/index'; import usersRouter from './routes/users'; import employeeRouter from './routes/employee'; le...

2020/11/16 23:45
23
TS-38 搭建服务端开发环境

基于expresd搭建 1)全局安装express应用生成器 npm i -g express-generator 2)生成一个express应用 express ts-express 3)进入该项目目录,安装依赖 cd ts-express npm i 一般的项目到此就搭...

TS-37 Redux与类型

安装了哪些包 redux react-redux redux-thunk 文件 入口文件 // src/index.tsx import { Provider } from 'react-redux'; ... ReactDOM.render(...

2020/11/16 23:44
22
TS-36 列表渲染与路由

列表渲染 问题:在使用antd的Form时,用Form.create()(表单组件)注意事项: // Props interface Props extends FormComponentProps { onDataChange(data: EmployeeResponse): void; } // Com...

2020/11/16 23:43
30
TS-35 事件处理与数据请求

搭建界面 目录结构: src/ components/ employee/ #员工界面 App.tsx 代码 /src/components/employee/QueryForm. 过程 UI组件添加事件和状态(react的state),状态的类型(就是接口请求和响...

2020/11/16 23:42
8
TS-34 组件与类型(2):高阶组件与Hooks

组件复用方式 优势 劣势 状态 类组件(class) 发展时间长,接受度广泛 只能继承父类 传统模式,长期存在 Mixin 可以复制任意对象的任意多个方法 组件相互依赖、耦合,可能产生冲突,不利于维...

2020/11/16 23:41
97
TS-33 组件与类型(1):函数组件与类组件

函数组件 React.FC import React from 'react'; import Button from 'antd'; interface Greeting { name: string; } const Hello: React.FC = (props) => Hello {props.name} ......

2020/11/16 23:41
25
TS-32 创建React项目

React项目 手动创建 脚手架创建 对该工程进行改造 手动创建 1)基于ts helloworld程序 2)安装react npm i react react-dom npm i -D @types/react @types/react-dom 3)修改tsconfig.json {...

TS-31 使用Jest进行单元测试

回顾ts工具体系 编译工具 ts-loader ts系 babel系 编译工具 ts-loader @babel/preset-typescript 代码检查工具 eslint + typescript-eslint babel-eslint 单元测试工具 ts-jest babel-jest 使...

TS-30 代码检查工具:从TSLint和ESLint

TypeScript 与 ESlint ast不兼容? 插件:typescript-eslint(可以把ts的语法树转换为eslint期望的语法树ESTree) 如何在ts中使用eslint 基于上节课的hello world工程改造 首先,装的包:package....

2020/11/16 23:38
90
TS-29 编译工具:从ts-loader到Babel

第四讲webpack配置修正 // build/webpack.config.js const merge = require(); const baseConfig = require(); const devConfig = require(); const preConfig = require(); // Wrong! // l...

TS-28 配置tsconfig.json(3):工程引用

ts3.0引入的新特性: 工程引用 项目目录树 object/ src/ client/ common/ server/ test/ tsconfig.json 问题: 1.不希望在构建目录dist下有src目录 2.我们不能单独构建client端和server端代码 ...

2020/11/16 23:37
9

没有更多内容

加载失败,请刷新页面

返回顶部
顶部