TypeScript(1) 介紹

前言

相信前端開發者對typescript不陌生，TypeScript是微軟所發展開源的程式語言，主要用來開發大型前端應用平台，由Anders Hejlsberg （C#, TurboPascal 之父）所負責發展TypeScript語言專案．

特性

我們根據Anders Hejlsberg的影片介紹大致得知TypeScript有幾種特性：

TypeScript是一種程式語言，讓Javascript發展有更好應用延伸
TypeScript是JavaScript的超集合，副檔名為.ts需要編譯成.js檔
- 表示JS函式庫也可以被TypeScript所使用
- TS語法也可以兼容JS語法
- *.ts需要編譯成.js檔，才可以瀏覽器使用
TypeScript是opensource
TypeScript遵循ECMAScript 版本標準，只要是能執行這些標準的 JavaScript
引擎都支援

環境建置

我主要是用visual studio code來開發TS專案，接下來會介紹如何安裝IDE、node.js和Typescript開發環境

(1)下載Visual Studio Code
如果不是MAC版本可以按other platforms 連結會有其他版本提供選擇(Mac, Windows,Linux(.deb, .rpm的作業系統)

(2) 下載Node.js

(3)安裝TypeScript套件
完成前兩項任務後，可以在Visual Studio Code下安裝TypeScript套件，用來開發
、編譯TS腳本．

    #> sudo npm install -g typescript

(4)編譯TS檔
以下是官方的範例，新增一個ts腳本為greeter.ts，內容如下，但是我們要使用需要把它轉成.js檔．

function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Jack';
document.write(sayHello(user))

執行tsc指令來編譯greeter.ts檔，編譯完會產生hellow.js腳本

    > tsc greeter.ts

最後我們html將greeter.js載入，結果如下

<html>
    <body>
    </body>
    <script src="greeter.js"></script>
</html>

結果輸出：
Hello, Jack

安裝問題

Q：安裝npm套件時，出現npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules錯誤訊息
ANS：請在 npm install -g typescript加上sudo用root的權限執行安裝

參考

官方微軟介紹
TypeScript https://blogs.msdn.microsoft.com/ericsk/2012/10/01/typescript/
官方五分鐘上手
https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html

留言

這個網誌中的熱門文章

JavaBean 和POJO

前言今天介紹JavaBean和POJO的不同，這兩個名詞在JAVA文章常常被拿來使用以及討論。在JDK1.1時候釋出才有的一個標準架構，很多時候常常被搞混，所以我們特別開闢一章來加以討論。POJO規範在企業級應用已經廣大的被使用的規範。解釋 POJO : 全名為Plain-old-Java-object，只需要繼承Object就可以，沒有特定規定，只要建立的類別有setter/getter方法都可以稱為POJO JavaBean: JavaBean通常用來封裝多個物件成為單獨物件使用，規範比較嚴格，規則如下規則說明 1 需要實作序列(Serializable/Externalizable) 2 不能有參數的建構子( no-arg constructor) 3 需要有公用setter/getter 4 屬性必須要私人(private) 5 屬於特定POJO規則比較所有的JavaBean都為POJO，但是所有的POJO不一定為JavaBean 都可以當作重複元件都必須序列化特性都為可用性、易用性和持久化使用 - 應用由圖我們可以知道POJO在應用程式中，主要用來存取資料庫資料達到持久化的目的，並提供給商業邏輯流程處理使用。這種POJO的架構提供程式人員開發時的可以很有規則將資料封裝並加以使用。範例1. JavaBean(以員工為實例) JavaBean建立員工物件，可以發現Employee物件建構子沒有任何參數，屬性為私有化並setter/getter的命名方式。 //實作序列化 public class Employee implements java.io.Serializable{ private int id; private String name; //無參數建構子 public Employee(){} //以下實作setter/getter public void setId(int id){this.id=id;} public int getId(){return id;} public void setName(String ...

閱讀完整內容

Python AI-問題集

Python AI-問題集問題集 Jupyter Notebook執行ipywidgets會出現kernel死掉的錯誤發生(The kernel appears to have died) 解決方法 (1) 根據log檔來判斷問題：例如：log訊息出現OMP: Error #15: Initializing libiomp5.dylib, but found libiomp5.dylib already initialized. (2) 根據問題關鍵字找出問題所在：利用google查詢所遭遇到的問題，例如我把上面的問題上google查詢可以找到這篇的解法 https://blog.csdn.net/bingjianIT/article/details/86182096 (3)實作解法：我實作下面解法後，就可以順利執行手寫辨識的程式． //在Python宣告時加入 import os os.environ["KMP_DUPLICATE_LIB_OK"]="TRUE" 參考 https://blog.csdn.net/bingjianIT/article/details/86182096

閱讀完整內容

淺談機器學習原理-Nonlinear Transform

Nonlinear Transform 淺談機器學習原理-Nonlinear Transform Nonlinear Transform *通用能力 gerneralization : 就是將訓練好的模型，放到正式環境可以正常的運作，通常Linear Model的gerneralization會比較好，因為線性模型解決的問題比較單純。缺點是應用侷限比較大。參考Chih-Chung Chang老師的範例:縣性與非線性分類範例 https://www.csie.ntu.edu.tw/~cjlin/libsvm/ 非線性問題當如果今天假設要圈出裡面小圈圈的資料，我們就無法使用線性的模型，我們可以用非線性解像圈圈的方程式 s i g n ( − x 1 2 − x 2 2 + r ) sign(-x1^2-x2^2+r) s i g n ( − x 1 2 − x 2 2 + r ) 來解決，在演算法我們利用reduce來將不會的問題透過已知的問題來解決，所以在這個問題我們將圈圈的方程式(非線性模型)reduce成線性模型來解決。 Reduce 方法論我們調整圓形的方程式改為 z 0 z_0 z 0 , z 1 z_1 z 1 , z 2 z_2 z 2 來轉換線性方程式， { ( x n , y n ) } \{{(x_n,y_n)}\} { ( x n , y n ) } => { ( z n , y n ) } \{{(z_n,y_n)}\} { ( z n , y n ) } 在這空間資料中只要能找線，就可將不同的分類區分，圖中可以線性可以線去做分類。透過向量方式來轉換成線性方程式我們找到一個方式將非線性資料X透過向量轉換為Z後，希望透過線性方程式方式來學習，得到正解。當我們Nonlinear transform轉換成線性方程式，當有新的資料進來我們無法使用invertiable(逆向工程)的方式去轉回非線...

閱讀完整內容

無聊看看

搜尋此網誌