使用 TypeScript 重写 jQuery 插件

本文讲述使用 TypeScript 重写 jQuery 插件的历程,以及其中一些基本注意事项。

GitHub地址:codelegant/input-filter
Git@OSC地址:chuanfeng/input-filter

本文代码演示所有编辑器:Visual Studio Code(V 0.9.1)。

首先,TypeScript 比较接近强类型语言(由 C# 之父主导的项目,理所当然带有 C# 风格),在编码阶段提供 Intellisense 提示、Go Definition、Find All References、Rename… 等编译语言才有的功能,而编译时可预先抓出参数,类型,方法错误,降低执行阶段发现修复的高昂成本,首先要注意的就是 Find ALL References

查看全文

学习 TypeScript:Classes

TypeScript 提前实现了 ES6 中经典的面向对象的类,官网教程:Classes

简单的例子

查看全文

学习TypeScript:Interfaces

TypeScript中的Interface用于规范函数,对象,类的数据格式,官方教程:Interfaces

第一次尝试

先看一种简单的方式,不用interface的情况下如何规则参数类型:

查看全文

学习TypeScript:初体验

TypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,添加了类,模块,接口三种特性。

官网地址:http://www.typescriptlang.org/

另附上大神安德斯·海尔斯伯格( Delphi 和 C# 之父,.NET 创立者)长达53分钟的TypeScript讲解视频

我的系统环境是 win7-64bit+Git+Node.js+Npm+SublimeText3,以下操作以此为准。

安装

使用 Node.js 的 npm 包管理工具安装 TypeScript:npm install -g typescript。(Node.js安装参考

使用 Git 安装 SublimeText3 插件:

  1. 先进入 SublimeText3 的包管理文件夹,如果不知道,打开 SublimeText3;使用 Ctrl+Shift+P 打开命令面板,找到Browse Packages,回车后就能打开管理文件夹;我的是C:\Users\Elegant\AppData\Roaming\Sublime Text 3\Packages
  2. 在文件夹鼠标右键打开 Git Bash,输入git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript,运行后,就能从 GibHub 上把插件下载到包管理文件夹;重启 SublimeText3,如果在命令面板能搜索到 TypeScript 相关的命令,说明插件安装成功。

查看全文