TypeScript技巧集錦(陸續更新)

来源:http://www.cnblogs.com/fyter/archive/2017/06/16/typescript.html
-Advertisement-
Play Games

在C++項目中編譯TypeScript(以下簡稱ts) 編輯ts文件的屬性,項類型選擇“自定義生產工具”。 命令行輸入tsc所在位置與編譯參數,我的是"C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.2\tsc" %(Identity) --ou ...


在C++項目中編譯TypeScript(以下簡稱ts)

  編輯ts文件的屬性,項類型選擇“自定義生產工具”。

  命令行輸入tsc所在位置與編譯參數,我的是"C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.2\tsc" %(Identity) --outFile %(RelativeDir)/%(FileName).js -t es5。有空格的UNC(通用命名慣例)需要用雙引號引起來。%(Identity)是被編譯文件位置。

    --outFile是輸出參數,後面緊跟輸出位置。

    -t(--target)是目標類型,我用ES5,還可以是"ES3" (default), "ES5", "ES6"/"ES2015", "ES2016", "ES2017" or "ESNext"。

  說明寫%(Identity)就可以,這個隨意。

  輸出寫$(FileName).js,這個應該是判斷編譯必要性的。

ps:這是我研究的方法,我感覺還有更標準的。官方並沒有介紹如何在c++項目中怎麼編譯。

 

在ts中引用jquery的聲明

  jquery並沒有使用ts編寫,所以git上也找不到ts文件,好在vs對jquery提供了強大的支持,任意項目類型新建html文件,包含任意版本jquery的js文件,那麼你的智能提示就自動支持$了。接下來滑鼠定位在$左或右按F12查看定義就會自動轉到index.d.ts文件,右鍵標簽選打開所在目錄,就能找到這個文件,複製到自己的項目目錄。

  用三斜杠語法引用到當前ts文件/// <reference path="jquery.d.ts"/>

  .d.ts文件是聲明文件,並不含有邏輯代碼,只是結構而已。

 

如何為自己的ts文件生成聲明文件

  同前,tsc編譯程式可以生成聲明文件,只需要參數-d/--declaration 及ts文件即可。

  例如:tsc -d main.ts

 

用命令行編譯ts文件?

  可以,只要你不嫌麻煩。VS的開發者命令提示符(Developer Command Prompt for VS 2017)可以直接使用tsc命令。你可以把它固定到“開始”屏幕,提高開啟效率。

 

拿不到聲明如何解決

  

  declare var swal: (arg: any) => any;

 

  加入你有swal這樣一個函數並沒有提供ts聲明,這樣就可以自由使用了。當然,這是一個參數的掉用。

  ts里HTMLElement.remove這個成員是不存在的,只能用它父對象的removeChild,這樣不是很方便。

  dom:HTMLElement;

  (<any>dom).remove();// 就這樣勉強的轉為any再調用remove吧。

 

 

不用為每個對象都建立一個類

  ts的class不支持內部聲明class。所以成員的類型聲明在class外面也不太合適。

  class foo{
    member:{mem1:number, mem2?:string};// 加問號表示可有可無
  }

 

  這樣member就類似一個內部類了。

 

事件的訂閱及this參數

  class bar{
    sub(){
      dom.onclick=function(){this};
    }
  }

 

  這樣function函數里的this是dom對象。

  dom.onclick=()=>{this};

  這個this表示的是類bar的實例。

  那麼我想又要有dom這個對象,又要有bar的實例呢?

  我目前只能用閉包了:

  class bar{
    click(node:HTMLElement, ev:MouseEvent){
      this...
    }
    dom.onclick = (ev:MouseEvent)=>this.click(dom,ev);
  }

 

  dom用閉包傳進去,this還是你期待的this,畢竟click是bar的成員函數。

 

只讀屬性不用readonly

  如果你想修改,readonly對類內部訪問不太方便

  所以應該用Object.defineProperty,ts有更方便的set/get操作屬性。

  class baz{
    _attr:[];
    get attr(){
      return _attr;
    }
  }

 

  這樣attr就只能讀取了。要使用屬性特性,需要將ts編譯器的目標選項(-t/--target)設置到es5或以上。

 

本文章會持續更新,只要是ts的相關技巧我都會更新,如果你也關註typescript技術,請關註我/收藏此文章。

btw:cnblogs不支持ts代碼著色,用的JS代碼著色。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • xml文件讀取到資料庫 第一步,導包 c3p0,dom4j,jaxen,MySQL-connector 第二步 xml文件,config文件 第三步 javabean 第四步 c3p0的工具類 第五步 讀取xml文件 SAXReader中的xpath的方式 首先需要map集合添加別名,遍歷讀取到的文 ...
  • java.util.concurrent.locks 介面 Condition Condition 將 Object 監視器方法(wait、notify 和 notifyAll)分解成截然不同的對象,以便通過將這些對象與任意 Lock 實現組合使用,為每個對象提供多個等待 set(wait-set) ...
  • 最近學習Java面向對象方面的知識點,一直沒時間更新博客,因為這塊的知識點真的蠻繞的。一個知識點一個知識點的往外冒,而且對於我這個初學者來說區分構造器和方法就花費了一整天的時間。現在準備再重新過一遍知識點。 先背下來一個理念: 面向對象程式設計是將數據放在第一位的,然後再考慮操作數據的方法。 之前, ...
  • 前 言 OOP 學習了好久的PHP,今天來總結一下PHP中的抽象類與抽象方法/靜態屬性和靜態方法/PHP中的單利模式(單態模式)/串列化與反串列化(序列化與反序列化)。 1、什麼是抽象方法? 沒有方法體 {} 的方法,必須使用abstract 關鍵字修飾。這樣的方,我們叫做抽象方法。 abstrac ...
  • Android資料庫存儲 前言: 今天無聊就試試水,寫寫博客,在之前andorid使用數據儲存好像大概有5種方式,其中輕量級的是sqlite資料庫,但是sqlite使用起來好像有麻煩,首先要判斷...之後創建資料庫...創建表...之後就插入數據 那代碼都是一塊塊的,使用起來好麻煩,所有就對資料庫操 ...
  • 1.單一職責原則2.里氏替換原則3.依賴倒置原則4.介面隔離原則5.迪米特法則6.開閉原則單一職責原則里氏替換原則依賴倒置原則介面隔離原則迪米特法則開閉原則1.單一職責原則適用於介面、類、方法,要求一個介面或類只由一個原因引起變化,也就是一個介面或類只有一個職責,它就負責一件事。讓我們舉個慄子在以... ...
  • 一、下載Spring的jar包 通過http://repo.spring.io/release/org/springframework/spring/地址下載最新的Spring的zip包,當然,如果你是在使用maven工程的話,可以不用下載Zip包,可以直接在maven工程的pom.xml文件中添加 ...
  • 因為之前一直對css偽類沒有過多的瞭解,在網上看到一段css代碼,不能理解 現通過查詢css手冊,其實css偽類只是表示了一種狀態,a:hover只是表示了滑鼠懸浮狀態下的a標簽,和一般的a標簽用法沒有區別,a:hover span.title即表示為滑鼠懸浮狀態的a標簽的span的樣式,和a sp ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...