① 一些你需要掌握的 tsconfig.json 常用配置項
在前端開發中,理解並掌握 tsconfig.json 的關鍵配置項至關重要。這個文件位於項目根目錄,用於配置 TypeScript 的編譯選項,通常通過命令行工具 tsc --init 自動創建並包含注釋。
最頂層的配置主要包括 files、include 和 exclude,它們定義編譯范圍,但外部導入的文件仍會被編譯。在 VSCode 中,這些范圍外的文件不遵循項目 tsconfig.json 的配置。
進入compilerOptions部分,主要配置包括:target,決定編譯目標版本。盡管 tsc 可以兼容高版本到低版本的轉換,但通常前端項目會選擇 ES5,以保持兼容性。lib用於指定需要的全局類型聲明,如 Math 和 RegExp 等,根據 target 的設置自動調整或手動設置。
strict啟用嚴格模式,提高類型檢查的准確性,有助於減少運行時錯誤。它包括如 null/undefined 檢查、函數調用參數類型檢查等。
另外還有 baseUrl,用於設置基礎 URL,簡化模塊路徑;paths進行路徑重映射,允許別名;declaration決定是否為編譯後的 JS 生成類型聲明文件。
配置 outDir 和 outFile 用於管理輸出文件位置,mole 則選擇編譯後使用的模塊系統,如 ESMole 或 CommonJS。
對於 JS 文件的處理,allowJs決定是否編譯 JS 文件,types和 typeRoots則用於指定類型聲明的來源。
雖然tsconfig.json 的配置項眾多,但了解和掌握上述核心配置就足以應對大部分情況。深入理解每個選項的功能,通過實踐項目配置來加強理解。
② Javascript 代碼(*.js文件)如何編譯
客戶端的JS是基於對象的解釋語言,基本上和HTML同一性質,都是通過BROWSER解釋的。哦,HTML不是沒有基於對象。
好像還有服務端的JS。
③ js為什麼調用出的函數是undefined
這個問題是因為你調用的函數未定義;不過沒有看到你的具體代碼,你可能是以下情況:
1、的確是沒有定義這么一個函數;
2、定義函數了,但是在你調用的時候,你的函數並沒有初始化。
將<script>(function(){alert("helpme!!!!!");vargameDraw=newgameDraw("myCanvas");alert("helpme11111!!!!!");gameDraw.drawBall();alert("helpme2222!!!!!");})();</script>改為<script>window.onload=function(){alert("helpme!!!!!");vargameDraw=newgameDraw("myCanvas");alert("helpme11111!!!!!");gameDraw.drawBall();alert("helpme2222!!!!!");}</script>
JavaScript是一種屬於網路的腳本語言,已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。
是一種解釋性腳本語言(代碼不進行預編譯)。
主要用來向HTML(標准通用標記語言下的一個應用)頁面添加交互行為。
可以直接嵌入HTML頁面,但寫成單獨的js文件有利於結構和行為的分離。
跨平台特性,在絕大多數瀏覽器的支持下,可以在多種平台下運行(如Windows、Linux、Mac、Android、iOS等)。
Javascript腳本語言同其他語言一樣,有它自身的基本數據類型,表達式和算術運算符及程序的基本程序框架。Javascript提供了四種基本的數據類型和兩種特殊數據類型用來處理數據和文字。而變數提供存放信息的地方,表達式則可以完成較復雜的信息處理。