webpack的作用: 是 用来处理我们写的js代码。并且会自动处理js之间相关的依赖。 但是,开发中我们不仅仅有基本的js代码处理,还需要加载css,图片,也包括一些高级的 将ES6转成ES5代码,将Typescript转成ES5代码,将scss、less转成css,将.jsx、.vue文件转成 ...
分类:
Web程序 时间:
2020-02-15 20:35:27
阅读次数:
88
当交叉类型的多个类型发生冲突时,例如: 冲突的属性类型会变为交叉类型,上例中的属性name会变为:string & number,鉴于string & number属性太过少见,已下例为示: interface ia { name: {attr1: string}; } interface ib { ...
分类:
其他好文 时间:
2020-02-12 12:57:26
阅读次数:
126
交叉类型 并集∪适合做对象的混入 // 交叉类型 -> interface DogInterFace { run(): void } interface CatInterFace { jump(): void }// 此时pet拥有并集的成员 let pet: DogInterFace & CatI ...
分类:
其他好文 时间:
2020-02-07 14:38:02
阅读次数:
59
将webpack与TS进行集成。 1. 安装TypeScript 编译器和 loader npm install --save-dev typescript ts-loader 2. 在package.json同级目录下新建tsconfig.json { "compilerOptions": { " ...
分类:
Web程序 时间:
2020-02-04 18:47:20
阅读次数:
107
1、ES6模块系统 1-1、export 导出 (1)、单独导出 // a.ts export let a = 1; (2)、批量导出 // a.ts let b = 2; let c = 3; export { b, c }; (3)、导出接口 // a.ts export interface I ...
分类:
Web程序 时间:
2020-02-02 00:51:38
阅读次数:
131
介绍 TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 接口初探 通过一个简单示例来观察接口是如何工作的: function printLab ...
分类:
其他好文 时间:
2020-01-30 12:28:07
阅读次数:
90
1、交叉类型 将多个类型合并成一个类型,新的类型将具有所有类型的特性,适用于对象混用 语法: 类型1 & 类型2 & 类型3 interface CatInterface { run(): void } interface DogInterface { jump(): void } // 交叉类型具 ...
分类:
其他好文 时间:
2020-01-30 10:08:17
阅读次数:
120
vue + typespript + webpack 介绍 本项目主要是基于 vue + typespript + webpack 搭建。 起步 1. 安装 2. 创建项目 安装的时候要自定义配置,选择typescript相关 "传送门" 3. 集成开发环境 强烈建议使用 "VSCode" ,不要问 ...
分类:
Web程序 时间:
2020-01-30 09:21:13
阅读次数:
107
单例模式 系统中被唯一使用 一个类只有一个实例 传统的UML类图 + 单例模式需要用到java的特性(private) + es6中没有(typescript除外) + 只能用Java来写纯粹的UML类图上的单例模式 javascript中的单例模式 应用场景 jQuery 模拟登录框 设计原则验证 ...
分类:
编程语言 时间:
2020-01-28 19:31:13
阅读次数:
84
来自:https://zhuanlan.zhihu.com/p/83291118 1.给RN项目添加 TypeScriptyarn add --dev typescript 或者 npm install typescript --save 2.给项目添加 react-native-typescrip ...
分类:
其他好文 时间:
2020-01-28 17:37:48
阅读次数:
64