mastering typescript

Object-oriented programming-declaration and use of classesThe advent of classes allows the front-end programmer to abstract levels, increase maintainability, and reuse. Of course, this series of classes of operations, we call him object-oriented programming. Typescript is a class-based object-oriented programming language.A class is an abstraction of a specific transaction of an object, which is the concrete manifestation of the class.Class specificat

TypeScript allows-generate definition files for your own libraries. This lesson shows what to organize your project and generate the definition files so it others projects can use your Library with TypeScript.If you ' re writing a library and you want to generate your own definition files, just make sure and add declaration to your Tsconfig:{ "compileroptions": { "RootDir":"src", "Module":"Commonjs", "Target":"ES5", "Noi

TypeScript allows-emit decorator metadata which enables more powerful features through reflection. This lesson show what decorators and reflection fit together and how to configure your own decorators to use reflection .For now, if we look at the compiled file:var__decorate = ( This This. __decorate) | |function(decorators, target, key, desc) {varc = arguments.length, R = C NULL? desc =object.getownpropertydescriptor (target, key): Desc, D; if(typeofR

() = = "Boolean") {type= "Boolean"; } Model.fields[prop.name]={type:type, defaultValue:prop.defaultValue, Nullable:pro P.isnullable}; }); Schema.model=model; returnschema; }//#endregionCreateschemaAfter the facelift, according to the Kendo UI configuration, there is the following picture.Note: Personally, the biggest advantage of this architecture is that it requires no data manipulation code from the business layer. Greatly reduce the amount of code. Improve the developme

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