TypeScript 学习
文章平均质量分 57
一个想做架构师的前端开发学生
在繁华中自律,在落魄中自愈,谋生的路上不抛弃良知,谋爱的路上不丢失尊严。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
TS 基本类型
TS 基本类型TS 基本类型TS 基本类型类型声明类型声明是 TS 非常重要的一个特点。通过类型声明可以指定 TS 中变量(参数、形参)的类型。指定类型后,当为变量赋值时,TS 编译器会自动检查值是否符合类型声明,符合则赋值,否则报错。简而言之,类型声明给了变量设置了类型,使得变量只能存储某种类型的值。语法:// let 变量: 类型;let score;// let 变量: 类型 = 值;let score: number = 60;// functi原创 2022-04-05 18:56:55 · 1107 阅读 · 6 评论 -
TS 中的面向对象
TS 面向对象的补充类(class)构造函数和 this继承super 关键字抽象类接口属性的封装泛型具体的面向对象学习可参考:https://blog.youkuaiyun.com/M_ik_Z/article/details/117854302类(class)定义类class 类名 { 属性名: 类型; constructor(参数: 类型) { this.属性名 = 参数; } 方法名 () { .... }}构造函数和 thisthis 指的是当原创 2022-03-10 21:07:03 · 554 阅读 · 0 评论 -
使用webpack打包TS代码(下)
webpack 打包 TS 时的常见问题使项目可以兼容更多的浏览器webpack 在打包时会创建一个立即执行的箭头函数,导致 ie11 不兼容解决方案:使项目可以兼容更多的浏览器babel 可以使 TS 转换为一些老浏览器支持的语法。使用步骤:使用 npm i -D @babel/core @babel/preset-env babel-loader core-js修改 webpack.config.js 的配置:module: { // 指定要加载的规则rules:原创 2022-03-10 08:23:18 · 1000 阅读 · 0 评论 -
使用 webpack 打包 TS 代码(中)
解决上面遗留的问题问题一:每次编译完成都得重新在 HTML 中引入一次。解决方案:问题二:每次编译都是新文件覆盖旧文件,但是希望它把原文件删除并且重新创建文件。解决方案:问题一:每次编译完成都得重新在 HTML 中引入一次。解决方案:使用插件 html-webpack-plugin 。在终端输入 npm i -D html-webpack-plugin 下载需要使用的插件。对 webpack 进行配置// webpackconfig.jsconst HtmlWebpackPlug原创 2022-03-02 07:52:25 · 1113 阅读 · 0 评论 -
如何配置 Webpack 打包 TS(上)
使用 Webpack 打包 TS 代码的详细步骤第一步:初始化项目在终端使用 npm init -y 对项目进行初始化,会产生一个 package.json 文件。第二步:下载相关依赖在终端中输入以下命令下载 webpack、webpack-cli、typescript、ts-loader 。npm i -D webpack webpack-cli typescript ts-loader第三步:对 Webpack 进行配置在根目录新建一个名为 webpackconfig.原创 2022-03-01 17:44:09 · 787 阅读 · 0 评论
分享