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，因為工具會列出來；