前端可視化在很多人看來是有一些難度，不過借助平臺工具還是有捷徑的。前端攻城獅不用大規模寫代碼，只需要通過快捷代碼來實現即可。為提升開發效率，在線開發提供了大量常用功能代碼塊，選擇所需功能自動生成代碼。用戶可參考官方例程或其他相對應教程章節，查看快捷代碼的使用方法。

APP

啟動 ThingJS 系統時，我們需要創建 App 對象。App 作為 ThingJS 庫的功能入口，提供了多種功能。本節提供的快捷代碼包括物體查詢、場景加載事件、鼠標鍵盤事件等，在實際開發中都是需要經常使用的。

App具體使用方法詳見?App對象

創建物體

提供了常用類型的創建，包括模型、基本形狀、界面、粒子等。

例：創建模型

創建物體參數及創建物體其他方法，詳見?創建對象

控制物體

包括查詢子物體，對物體動作的控制，如旋轉、位移等；對物體效果的控制，如顏色、勾邊、透明度等。

具體使用方法詳見?獲取對象、控制對象

層級

提供了進出層級操作，修改層級進出后操作等快捷代碼。

具體使用方法詳見?園區與層級

攝像機

攝像機位置的設置以及攝影機的交互操作。

具體使用方法詳見?攝影機

界面

主要為官方例程中，提供的頂牌、panel、toolbar。

例：給小車創建一個頂牌

控件

提供了常用的三種控件，分別為地圖、指南針、第一人稱行走。

引用資源

快速引入第三方資源的代碼塊，包括css、js庫，iframe引用頁面，用戶只需修改資源路徑。

注：ThingJS中，僅支持“THING.Utils.dynamicLoad()”方法引用第三方js、css庫。

ThingJS可視化網頁開發平臺基于webgl和HTML技術，B/S架構，使用?Javascript 語言開發，對于前端攻城獅來說門檻較低，輕量級開發效果更快更好。