草庐IT

TypeScript系列(一):初识TypeScript

全部标签

javascript - 将系列总数添加到 Highcharts 中的图例

使用Highcharts.js-我想将系列总数添加到图例中(目前显示为“12345”)。我知道我需要编写一个labelFormatter函数,但我对JavaScript的了解还不够多,无法弄清楚如何总结每个系列的总数。代码如下(这里也是实时版本:http://jsbin.com/ukabob/8)。$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'line',backgroundColor:'#E9E7DC',bo

javascript - react typescript 打字不起作用

通过打字安装后,我在终端中收到以下错误终端错误errorTS2320:Interface'Element'cannotsimultaneouslyextendtypes'ReactElement'and'ReactElement'.Namedproperty'type'oftypes'ReactElement'and'ReactElement'arenotidentical.ERRORin/Users/ajvivek/Dev/ES6/motionize-code/typings/globals/react/index.d.ts(2375,5):errorTS1036:Statement

javascript - typescript 声明第三方模块

我怎样才能声明一个像这样的第三方模块:在第三方模块中:module.exports=functionfoo(){//dosomthing}在我的代码中:import*asfoofrom'foo-module';//Cannotfindadeclarationmodulefor...foo(); 最佳答案 查看documentationonworkingwith3rdpartymodules.如何编写声明在很大程度上取决于模块的编写方式及其导出的内容。您给出的示例是一个CommonJS模块(module.exports=...),它实

javascript - TypeScript 中 'this' 的作用域

我有一个非常简单的类,但在Typescript中定义“this”时已经遇到了麻烦:typescript//////moduleProblem{exportclassIndex{detailsUrl:string;constructor(){$('.problem-detail-button').click((e)=>{e.preventDefault();var$row=$(this).closest('tr');//thismustbethatofthecallbackvarproblemId:number=$row.data('problem-id');$.ajax({url:th

javascript - 在与 TypeScript 的 react 中使用状态

我是TypeScript的新手。我在显示this.state.something时遇到问题在render方法中或将其分配给函数中的变量。看看最重要的一段代码:interfaceState{playOrPause?:string;}classPlayerextendsReact.Component{constructor(){super();this.state={playOrPause:'Play'};}render(){return(this.playPause=playPause}title={this.state.playOrPause}//inthislineIgetanerr

javascript - 在 JavaScript 中将一系列值(例如 [0,255])映射到一系列颜色(例如彩虹 : [red, 蓝色])

我敢肯定这一定是一个相当简单的问题,但这是一个很难用语言表达的问题。我什至不知道要用谷歌搜索什么。我不是在寻找任何复杂的解决方案。基本上,我在Canvas上画线,我想要根据线的长度使用不同的颜色。通常我只是缩放红色channel(#ff0000*(线长)/(最大线长)),但这个解决方案并不理想。我只是在寻找一个方程式,它可以为彩虹渐变上的某个位置提供#rrggbb值(如果有意义的话)。感谢任何可以提供帮助的人!非常感谢。 最佳答案 既然您使用的是Canvas,那么您可能可以使用HSL颜色空间(如果我错了请纠正我)。这将使代码更简单:

javascript - 是否可以将 ES5 JavaScript 与 Angular 2 而不是 TypeScript 一起使用?

是否需要为Angular2学习TypeScript?Angular2可以与纯JavaScript一起使用吗?编辑:我看到像ES6、ES7、Dart这样的语言会编译成JavaScript来执行,但我还没有看到任何直接使用ES5JavaScript的引用。 最佳答案 是的,你可以。去读这个guide.按代码示例上的ES5选项卡将显示与TypeScript相对的常规ES5JavaScript。APIpreview但是,由于显而易见的原因,它是不完整的。所以你可能还没有找到那里列出的ES5方法,其中一些可能会在发布前发生变化。ES5中Ang

javascript - typescript 推送到数组中的特定键

我正在使用Firebase开发Angular2项目。我需要在this.guestPush中将所有查询结果推送到同一个键下。我有一个包含不同用户级别的多选元素。4、6、9。Whenonelevelisselected,theresultingobjectissavedintheguestPusharray,butwhenanotherlevelisselectedthefollowingerroroccurs.我收到这个错误:ERRORTypeError:this.guestPush[("filter"+i)].pushisnotafunction这是我的代码:guestPush:any

javascript - JavaScript 中的 Highchart 系列更新

我正在尝试通过使用数据库中的当前数据生成一个新数组来更新Highchart系列。但出于某种原因,我一次只能找到有关处理一个数据的信息。创建图表后,它只会再次重新运行相同的代码,因此标签等不会更改-只有[pointStart]和[data]会更改。有没有办法将所有数据作为一个整体更新?我也没有设法让for循环正常工作。functiongenerateSeries(data){varcData=[];varrollup=data.rollupData;cData['type']='line';cData['pointStart']=convertDateTime(data.lastMinu

javascript - 使用 get set "exited with code 1"编译 TypeScript 错误代码

gettopLeft(){returnthis._topLeft;}settopLeft(value){this._topLeft=value;Recalc();}上面的代码可以在TypeScriptPlay中找到,但我收到构建错误从VisualStudio2012编译它时错误“退出代码1”有没有人尝试在TypeScript中获取、设置并成功构建? 最佳答案 您需要以ECMAScriptv5为目标,即将-targetES5参数传递给编译器。这需要在项目文件目标配置中设置。我不知道VS是否有任何内置的机制来编辑目标配置,所以我只能告诉