typescript文章/教程

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。2012年十月份,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript 0.9,向未来的TypeScript 1.0版迈进了很大一步。

TypeScript基本语法

TypeScript 是 JavaScript 的一个超集 安装TypeScript :npm install -g typescript 查看TypeScript版本: tsc -v 将ts文件转换为js文件:tsc test.ts 运行js文件:node test.js 1、TypeScript基础类型 任意类型 any :声明为 any 的变量可以赋予任意类型的值 数 »

typeScript学习笔记 二

1、interface接口抽象 interface主要用于抽象一个对象模型,约束对象的属性、类型、结构 如上图中person接口内部定义了三个属性,并且标明了不同属性的key类型,此时Tom变量由于声明为person类型,则该变量只能有三个属性,不可多也不可少,且id属性为只读类型,只能在声明时赋值 如需对接口进行其他shape定义,可参考如下: 1)只读属性 readyonly name: s »

node.js 用typescript实现 图片,音频压缩工具

首先让美术爸爸,帮给导出两张图片,分别为jpg和png格式 我们再来看看压缩前后的图片和音频质量,大小 我们发现图片质量不变,内存却减少了很多 我们再从网上下载一首笔主喜欢听的歌曲来压缩一下试试 我们可以看到: 1:jpg图片从最开始的7.8MB压缩到426KB 2:png图片从7.7MB压缩到97KB 3:mp3从10.8MB压缩到2.1MB 总结:四舍五入,这就是压缩了一个亿MB啊 好了,废话 »

从零打造TypeScript版的React组件库之树形组件

你与前端大佬之间,或许只差一个高级组件库的距离! 在公司里,前端主管最常见的工作就是搭建项目架构,编写最适合公司业务的组件库,所以能否编写出高质量的组件库,是你能否在公司里升职加薪的必要条件! 但是不会怎么办?没关系! 拥有十五年开发经验的前端大佬张仁阳老师,亲手打造了一部系列课,在这部系列课中,将会手把手带你实现一个完整的TypeScript版的React组件库。可无缝应用于公司实际业务,打造使 »

TypeScript 3.7稳定版发布

TypeScript 3.7 发布了,此版本带来了许多新特性。 Optional Chaining 首先一大亮点是 Optional Chaining,这是社区呼唤特别强烈的一个 ECMAScript 特性。最初它是 TypeScript 的 issue 跟踪器上第 16 个 issue,于 5 年前提交,要知道目前总共有多达 23000 个 issue。 当时 TC39 还没有正式提案,这 »

cocos creator + TypeScript 实现跑马灯效果

目录 1、引言 2、实现过程 2.1、场景制作 2.2、代码实现 2.3、效果展现 3、结束语 1、引言   前面的篇幅我们给出了cocos的跑马灯实现思路,这里借助上一篇来用unity实现跑马灯效果,具体原理参照上一篇内容,这里是传送门跑马灯原理分析。 2、实现过程   具体实现包括以下步骤。 2.1、场景制作   这里的素材只需要一张图就可以了。这里我就不上传了,前一篇也有, »

cocos creator + typescript 入门教程

cocos creator typescript 开发流程 TypeScript 环境配置 你如果想要你的ts有代码提示你需要做一些配置,前提是Cocos Creator和vs code你都安装好了,首先我们需要新建一个空白项目。 把这些都点击一遍 控制台会提示你安装完成 打开编辑器这时我们多了一个 为 creator.d.ts 的脚本 creator 的提示都依靠这个脚本 »

IEEE 解除华为限制;AWS、谷歌云大规模故障;TypeScript 3.5 发布 | 极客头条

  快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持。   「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道。风里雨里,我们将每天为朋友们,播报最新鲜有料的新闻资讯,让所有技术人,时刻紧跟业界潮流。 快讯速知 破围!IEEE最新声明:解除对华为员工编辑和同行评审活动的限制 亚马逊中国云服务昨日突发大规模故障,官方称受施工方挖断光纤影响 »

tinymce富文本编辑器在vue-typescript-admin-template中的使用及中文字体的设置

vue-typescript-admin-template集成了tinymce富文本编辑器,demo为链如下:vue-typescript-admin-template中的tinymce 组件在项目中的路径如下: 在页面中使用,可以加入下面几行代码引入组件: 然后,在vue文件中直接引入就可以啦! 重点来啦!!那就是怎样设置中文字体! 1、打开tinymce组件中的index.vue文件(位置见图 »

深入理解 TypeScript

此书是 TypeScript Deep Dive 的中文翻译版,感谢作者 Basarat 的付出。 Why 数据来源:npm 包下载量 正如你所见,TypeScript 发展至今,已经成为大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性以及可维护性;同时,它提供最新和不断发展的 JavaScript 特性,能让我们建立更健壮的组件。 TypeScript Deep Dive 是 »

使用 webstorm 写 typescript 的一些小技巧

记录使用过程中的一些问题和解决办法,会不断完善。 导入项目的全局库 新版的webstorm中会自动解析node_modules/@types目录下的ts文件。那当有些文件不在此目录下的话就需要手动指定目录了。将指定文件夹作为代码的libary库加进来: 这时候再编译就不报错了: »

分享:使用 TypeScript 编写的 JavaScript 游戏代码

源码下载 源码我已经上传到 CSDN 了,无需资源分,下载地址:http://download.csdn.net/detail/zgynhqf/8565873。 源码使用 VS 2013 +TypeScript 1.4 进行开发。打开后,显示如下图: JsTankGame 1.0:老的使用 JS 编写的坦克游戏。 JsTankGame 2.0:新的使用 TS 直接翻译过来的游戏。 JsTank »

TypeScript完全解读(26课时)_18.Mixins混入

本节的代码在mixin.ts文件内 同时在index.ts内引入 混入就是把两个对象或者类的内容混合到一起,从而实现一些功能复用。 对象混入 js中对象的混入 先来看一个js中对象的混入的例子 首先定义一个对象a 在定义一个对象b a里面混入一个对象b让a里面有对象b的属性 使用es6的Object.assign方法,a写在前面,b写在后面 a里面就也有了b对象的属性 b还是只有b属性 ts中对 »

雷军:小米MIX α量产难度太大已放弃;iPhone 12系列将支持北斗导航;TypeScript 4.0 RC发布|极客头条

「极客头条」—— 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。 国内要闻 雷军:小米MIX α量产难度太大,已放弃了 小米近日正式官宣了小米 10/Redmi K30至尊纪念版两款机型,今日雷军在与网友就有关小米MIX α的问题展开沟通时表示,小米MIX α是预研项目,量产难度太大,已经放弃了。据雷军此前透露,小米MI »

TypeScript + Vue 实现某个canvas科幻背景 -- 1

    在TypeScript + Vue项目中实现一个酷炫的Canvas运动背景,实现代码如下: <template>  <div id="main">    <div id="bg-main">      <canvas id="bg"></canvas>    </div&amp »

为什么说TypeScript不适合大型项目?

TypeScript在2017年到2019年期间发展得很快,有很多值得关注的地方。在2018年的JavaScript状态调查中,几乎一半的受访者表示他们尝试过TypeScript,并会再次使用它。那么,你是否应该用它来开发大型项目? 本文将采用更为关键的数据驱动方法来分析使用TypeScript构建大规模应用程序的投资回报率(ROI)。 TypeScript的增长 TypeScript是增长最快的 »

基于Typescript和Jest刷题环境搭建与使用

写在前面 前几个月在公司用vue3和ts写项目,想巩固一下基础,于是我想起了去年基于JavaScript和Jest搭建的刷题环境,不如,给它搞个加强版,结合Typescript和Jest 搞一个刷题环境,下面是我的一些使用心得,分享给大家。 介绍 Typescript是JavaScript的超集,是 ... »

cnroadbridge

typescript(Day5)泛型

typescript(Day5)泛型 泛型的出现主要是为了让我们的类、方法、接口得到最大程度的复用,并且还保留有类型检测。 过去的代码复用性不高? 一样的功能需要写两遍, 当我们使用any类型来对函数进行封装,复用性确实是高了,但是确实了类型检测,所以综合下来,泛型的出现,就是为了解决这个问题,在保证代码复用性的前提下,还能继续的享有类型检测 泛型一般使用<T>来表示泛型,在 »