learn typescript

This lesson covers using your first TypeScript Interface and what happens to the Interface when it was compiled down to Jav Ascript.Define the interfaces:// interfaces.ts Interface person { interface socialnetwork{ title:string; GetPeople (): person[];}Use interface: from ' ./interfaces ' ; class Socialnetworks implements socialnetwork{ "Facebook"; GetPeople () { return'John'}] }}new Socialnetworks ();To notice this, interfa

Long time not to blog Park, today occasionally to stroll, found that there are many articles written JavaScript, such as Object-oriented, code organization and management of what, after seeing a sentence throat, do not spit unpleasant-"abandon" javascript, embrace typescript bar, Don't waste your youth, your life! This is a piece of advice I give to all JavaScript front-end programmers. Do not explain, can understand the nature will understand.Never h

If you have understood nodejs, you should be familiar with the following syntax: Math. js exports.add = function(n1, n2){return n1 + n2;} Server. js var math = require('./math.js');math.add(1,2); In this way, you can import JS files in JS files. However, in web development, we usually need to import all JS files in order on the HTML page. Similar methods are also provided in Typescript. Compoment. Ts export class Compoment { private element: El

is the default adornment get Set target is the constructor for a class for static members, and for instance members is the class's prototype object PropertyKey member name here is Method descript Property descriptor for an or member if the accessor adorner returns a value, it is used as the property descriptor for the method. */function Decorator (Target:any, PropertyKey:string, Descriptor:propertydescriptor) {}classD {Private_x:number; @DecoratorGetX () {return This. _x}; SetX (Value:number)

Inheritance is a-toIndicate a class receives behavior from a parent class. Then we can override, modify or augmentThose behaviors on the new class.1 Class Report {2Data:array;3 4Constructor (data:array) {5 This. data =data;6 }7 8 run () {9 This. Data.foreach (function(line) {Console.log (line);});Ten } One}Call the class:var New Report ([' first line ', ' Second Line ']);R.run ();Result: First Line Second LineNow let's say we want to has a second report that takes some headers

When creating a service, need to inject the sercive into the bootstrap ():Import {bootstrap, Component, View} from "Angular2/angular2""./todoinput"; "./todoservice" ; @Component ({ selector:' app '}) @View ({ directives: [Todoinput], Template: ' '}) class app{}Bootstrap (APP, [Todoservice]) ;Todoservice.jsExport class todoservice{ = []; Addtodo (value:any):void { this. Todos.push (value); }}Inputtodo.js:Import {Component, View} from "Angular2/angular2"; Imp

between the two:let list = [4, 5, 6];for (let i in list) { console.log(i); // "0", "1", "2",}for (let i of list) { console.log(i); // "4", "5", "6"One difference is that for..in you can manipulate any object; it provides a way to view the properties of an object. But for..in focus on the value of the Iteration object. Built-in Objects Map and Set properties have been implemented Symbol.iterator so that we can access the values they hold.let pets = new Set(["Cat", "Dog", "Hamster"]);pets["specie

The sort in typescript is similar to C #, but slightly different, but the official documents do not make sense.List =list.sort ((n1,n2) = { if(N1 > n2) { return 1; } If(N1 n2) { return -1; } return 0;});It is important to enumerate the valuesenum color{ Red, Green}// to Stringvar green:string = Color[color.green]; // to enum/numbervar color:color = Color[green];These two things are not content, but it has been troub

}). Share (); } public Makefilerequest (url:string, Postdata:any, files:file[]): Observable { returnOBSERVABLE.CREATE (Observer ={Let Formdata:formdata=NewFormData (), Xhr:xmlhttprequest=NewXMLHttpRequest (); //formData file stream append for(Let i = 0; i ) {formdata.append ("Uploads[]", Files[i], files[i].name); } //formData parameter Append if(PostData!== "" postdata!== undefined postdata!==NULL) { for(varPropertyinchpostdata) {

Private Mouseview:mouseprivate Mousearray:arrayNewArray();p ublic createmouse () { This. Mouseview =NewMouse (); //defining a two-dimensional array for(vari = 0;i ){ This. mousearray[i] = []; } This. Mousearray.push ([]); for(vari = 0;i ){ for(varj = 0;j ) { This. mousearray[i][j] = This. Mouseview.createmouse (300*j,300*i); This. AddChild ( This. Mousearray[i][j]); This. mousearray[i][j].touchenabled =true; } }

Nestjs a Nodejs graphql frameInstallationnpm i -g @nestjs/cliInitialize Projectnest new dalongRun Demo Using yarn yarn startAdd GRAPHQL Support Refer to the official demo Sample/12-graphql-apollo Run yarn yarn start Effect OperationAdd toInquire Source Structure DescriptionResourceshttps://docs.nestjs.com/Https://github.com/nestjs/nest/tree/master/sampleA powerful NESTJS framework trial based on T