1. typescript 怎么运用tsconfig.json的
=。=！~一个gson
Gson g = new Gson();
g.toJson(Object o);
格式就是{xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx}
主要还是看你list里是什么
如果你给js后
var x = {xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx};
你循环取值这样
for(var key in x){
x[key];
}能遍历所有专值
如果你只需要属取list
x[\\'list\\'] 或者x.list都可以
2. TypeScript如何读写Json文件，主要是如何写入数据到json文件中
1、import方法不好用，来node还是用require引入模块吧自
2、如果是node项目，请用fs.readfile加载json，如果是browser项目，请用ajax请求加载json。
或者就直接用ts export一个let出来指向和json格式一致的一个object
==
3. 如何在TypeScript中应用像Jquery之类的第三方javaScript框架
要在TypeScript引用第三方JavaScript库和框架，首先要了解TypeScript的类型定义文件。TypeScript的类型定义文件用来帮助开发者在TypeScript中使用已有的
javascript的工具包，如：jQuery。所有的类型定义文件都是以.d.ts结尾的。这个文件实际上就是一个TypeScript模块，它把你要使用的JavaScript工具包里边的工具
以TypeScript的类或者模块的方式暴露(export)出来，供你在你的模块里去import。
如何获得类型定义文件
以jquery为例：
1. 在github上有公开的项目DefinitelyTyped，里面有大多数会用到的类型定义文件，找到Jquery的类型定义文件index.d.ts下载下来拷贝进项目中，项目就可以用
jquery来写代码了,而且有代码提示。github地址：https://github.com/DefinitelyTyped/DefinitelyTyped
2.还可以用typings工具，这个工具是用来专门安装类型定义文件的。
首先用npm来安装typings工具，安装后，就可以用typings命令查询一个项目、关键字或框架了，用typings命令把需要的第三方库或框架安装上就可以在项目中直接
使用了。
4. 怎么将一个json数据定义为typescript
=。=！~下载一个gson
Gson g = new Gson();
g.toJson(Object o);
格式就是{xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx}
主要还是看你list里是什么
如果你给js后
var x = {xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx};
你循环取值专这样
for(var key in x){
x[key];
}能遍历所有值
如果你只属需要取list
x[\\'list\\'] 或者x.list都可以
5. typescript 怎么转json
=。=！~来下载一个gson
Gson g = new Gson();
g.toJson(Object o);
格式就源是{xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx}
主要还是看你list里是什么
如果你给js后
var x = {xxx:xx,list:[\\'xx\\',\\'xx\\'],xx:xx};
你循环取值这样
for(var key in x){
x[key];
}能遍历所有值
如果你只需要取list
x[\\'list\\'] 或者x.list都可以
6. 在Typescript中，怎么获取HTML中文本输入框的输入内容
采用双向绑定的方式
HTML中：
<inputtype="text"[(ngModel)]="userName">
ts中，定义全局变量userName:
userName:any;
当在input中输入之后，ts中的值会相应的进行专变化。直接读取属userName中的值就是input中的输入内容。
typescript讲求去DOM化，不用像javascript一样获取元素后在取值
7. TypeScript如何将json字符串转成class数组
设接口数据为 x；
constinsts=x.map(item=>{
returnnewDLItem(item.type,item.name,item.id);
});
8. typescript 怎么遍历object
interfacePeople{
readonlyname:string
readonlyage:number
}
constpeople:People={
name:'tom',
age:16
}
for(letkeyinpeople){
console.log(key)
}
constpeople2:ReadonlyArray<People>=[{name:'tom',age:14}]
//遍历数组类型回答
for(letkeyofpeople2){
}
for(letkeyinpeople2){
}
people2.forEach((data:People)=>console.log(data))
9. 这段javascript代码的typescript声明文件怎么写
1.安装node，因为ts的编译器是js/ts写的；安装node后同时获得npm命令，这是nodejs世界里的包管理器（也可以看作的app商店）；2.安装vs2015或者vscode，当然这不是必须的，但是这里强烈推荐写ts的工具，vs第一，vsc第二；3.vs自带了TypeScript（vs2012+，vs2015update1自带了ts1.7）,最新版本的typescriptforvs去官网下载即可,或者如果不依赖vs（比如mac环境）,可以用命令行装ts编译器npmi-gtypescript@next4.安装了ts后,就会有2个命令可用：tsc和tsd,tsc用来编译TypeScript代码,tsd用来下载第三方js类库的ts定义文件(或者叫头文件)，熟练使用tsd，工作效率提升，因为减少了80%查文档的时间，所以写ts可以说是jser打通了任督二脉，上手任何新的开发环境都很快；5.命令行下载react的ts头文件,tsdinstallreact-global--save注意上面之所以写react-global而不是react，因为我们接下来使用比较原始的写法，直接把React当作全局对象使用，而不作为es6模块（必须用import引入），不需要Babel编译也不需要webpack打包；上面执行的tsd命令下载了ReactJS类库的头文件,下面用tsc命令创建一个ts项目配置文件tsc--init命令创建了tsconfig.json配置文件,打开该文件增加"jsx":"react",就是自动把tsx变成最终的js,而不是jsx把"outDir":"built",这行去掉,这样编译的文件就会在当前目录输出"target":"es5",这里es3改成es5,"watch":true是否监听文件修改如果你用的是vs,这行不重要6.下载reactjs文件，如果没有安装bower命令，可以手动去官网下载react类库bowerinstall--savereact7.以上环境配置好了,开始写代码:创建一个demo.tsx文件(注意这里是tsx,不是ts也不是jsx)创建一个demo.html,添加文件的引用8.demo.tsx写代码classMyClassextendsReact.Component{render(){returnhello{this.props.name};}}document.addEventListener('DOMContentLoaded',function(){ReactDOM.render(,document.body);});9.如果保存了demo.tsx后,没有在目录下发现自动编译了demo.js,那么可能是vs没配置好,如果你没有装vs或者vsc,没关系,在当前文件夹下命令行运行tsctsc命令会自动根据tsconfig.json里面配置的情况,自动帮你把代码编译成js,这是编译后的js文件10.打开demo.html可以看到效果了;11.至于题主说怎么学习,其实跟JS完全没两样,上面demo.tsx的代码,跟react官网的es6写法一模一样多了这两个prop和states类型约束,仅此而已;11.至于题主说怎么学习,其实跟JS完全没两样,上面demo.tsx的代码,跟react官网的es6写法一模一样多了这两个prop和states类型约束,仅此而已;12.下班,有空再写;－－－－－－时间分割－－－－－－13、继续写，对1-12进行润色，转入传教模式；以上的代码，工厂方法在创建子类的同时，做了一些初始化的动作，这与单纯的原型继承不同，所以在使用class方式进行子类继承，这样的写法是无效的；classMyViewextendsReact.Component{render(){returnhello{this.state.name};//会抛异常,因为state是null}//不起作用的getInitialState:(){return{name:'',age:20};}}需要改成如下方式，下面是官网给出的方案（这里TypeScript和ES6情况是一样的）classMyViewextendsReact.Component{constructor(props,context){super(props,context);this.state={name:'',};}render(){returnhello{this.state.name};}}16、当组件化遇到强类型：从前写JS组件，一般复用性比较差，基本写完就仍，原因如下：1）暴露了太多的Dom结构以及别的实现细节；2）命名挫，缺乏可记忆性，本身编程中变量和方法的命名对于码农来说就是天坑；3）JS天生缺乏私有和公共成员的约束，不加注释根本不知道怎么使用该类库/组件；React解决了把dom标签暴露出去的问题，TS则解决了语言层面的问题，并提供了强大的重构能力，你根本不需要记住组件的API，因为工具会列出来；