.1 JavaScript: Hello, world!
從本講開始,我們正式踏上了JavaScript的夢幻之旅啦!
還記得上一講中,如何打開console調試代碼嗎?可以借助調試器查看代碼運行結果。另一種查看運行結果的辦法是使用alert,當然,這種方法不適合進行復雜調試。選擇一種,開始吧!
通??梢詫avaScript代碼寫在<script></script>標簽內,并且script標簽可以插入HTML文檔的任何位置。
<!DOCTYPE HTML> <html> <body> <p>之前...</p> <script> alert( 'Hello, world!' ); </script> <p>...之后</p> </body> </html>
將代碼保存為debug.html,用瀏覽器打開debug.html,運行結果:
<script>標記具有一些屬性,但通常情況下使用較少,僅做簡單介紹:
舊的HTML標準HTML4要求腳本具有類型。 通常它是type=“ text / javascript”。
但是現在不再需要了。現代HTML標準完全改變了此屬性的含義。 現在,它可以用于JavaScript模塊。
此屬性旨在顯示腳本的語言。 因為JavaScript是默認語言,所以該屬性不再有意義。 不需要使用它。
在比較早期的書籍和指南中,您可能會在<script>標記內找到注釋,如下所示:
<script type="text/javascript"><!-- ... //--></script>
現代JavaScript不使用此技巧。 這些注釋會在不知道如何處理<script>標記的舊瀏覽器中隱藏JavaScript代碼。 由于過去15年內發布的瀏覽器沒有此問題,因此此類注釋可以幫助您識別真正的舊代碼。
當我們有很多JavaScript代碼時,則可以將其放入單獨的文件中。
腳本文件通過src屬性附加到HTML:
<script src="/path/to/script.js"></script>
在這里,/path/to/script.js是從站點根目錄到腳本的絕對路徑。 您還可以提供當前頁面的相對路徑。 例如,src=“ script.js”表示當前文件夾中的文件“ script.js”。
我們也可以提供完整的URL。 例如:
<script src="https://your.domain.com/libs/jquery.js"></script>
要附加多個腳本,則可以使用多個標簽:
<script src="/js/script1.js"></script> <script src="/js/script2.js"></script> …
小竅門:通常,僅將最簡單的腳本放入HTML。 更復雜的文件位于單獨的文件中。單獨文件的好處是瀏覽器將下載該文件并將其存儲在其緩存中。引用同一腳本的其他頁面將從緩存中獲取而不是下載它,因此該文件實際上僅下載了一次。這樣可以減少訪問量并使頁面更快。
注意:如果設置了src,則腳本內容將被忽略。單個<script>標簽不能同時包含src屬性和代碼。
<script src="file.js"> alert(1); // 這里的代碼將被忽略,因為src設置了文件 </script>
我們必須選擇帶有代碼的外部<script src=“…”>或常規的<script>。上面的示例可以分為兩個腳本工作:
<script src="file.js"></script> <script> alert(1); </script>
果用C語言輸出:Hello,world!,該如何編寫程序?
**代碼如下:**
#include<stdio.h>//包含標準庫的信息
main()//定義名為main的函數,不接受參數值
{//main函數的語句都放在花括號中,也表示函數體的開始
printf("Hello,world!\n"); //main函數調用庫函數printf以顯示字符序列
}//函數體結束
程序運行結果:
###說明:
對于一個C語言程序,無論它的大小如何,都是由函數和變量組成的:
– 函數:包含一些語句,以指定所要執行的計算操作
–變量:用于存儲計算過程中使用的值
#include<stdio.h>
用于告訴編譯器在本程序中包含標準輸入\輸出庫的信息
####main函數:
每個C語言程序都是從main函數的起點開始執行,這就意味著每個程序都必須在某個位置包含一個main函數。
main函數通常會調用其他函數來幫助完成某些工作,被調用的函數可以是程序設計人員自己編寫的,也可以是來自于函數庫。
####參數:
-函數之間進行數據交換的一種方法是調用函數向北調用函數提供一個值(這個值就稱為參數)列表;一般情況下在函數名后面用一對圓括號將參數列表括起來。在本例中,main函數不需要任何參數,所以用空函數表示。
####執行語句:
-函數中的執行語句用一對花括號**{ }**括起來,本例中的執行語句就只包含一條語句:
printf("Hello,world!\n");
-調用函數時,只需要使用函數名加上用圓括號括起來的參數即可。
#####printf函數:
-是一個用于打印輸出的庫函數,在本例中,它將打印雙引號之間的字符串。
注:
-用雙引號括起來的字符序列稱為字符串或字符常量。
-printf函數不會自動換行
-在printf函數的參數中,只能用\n表示換行符
####思考
若將上例中的字符序列\n改成如下所示,又是否運行呢?
printf("Hello,world!");
如果改寫成如下樣式,又是否和原格式輸出一樣呢?
#include<stdio.h>
main()
{
printf("Hello,");
printf("world");
printf("\n");
}
話說回來,C/C++是一個既可以強化思維能力,又可以打好編程基礎的編程語言,你想要做軟件開發,成為核心程序員的話,學習C/C++是比較好的選擇,筆者有一個C/C++的編程千人湫羣(Q艘索:C語言編程學習聚集地(無言建立))你如果感覺自學C/C++語言有困難的話,有興趣學習或者了解一下C/C++編程的伙伴就可以進來交流。下面給大家分享一下C/C++的學習路線圖:
lectron是一個使用javascript進行跨平臺桌面應用開發的解決方案。
首先在webstorm里面新建一個nodejs項目。
接著運行
npm i --save-dev electron
添加對項目的依賴。這一步會下載electron的二進制,時間會比較長。
國內可以設置淘寶鏡像:
Windows上設置環境變量
set ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/
新建一個index.js文件。
const { app, BrowserWindow }=require('electron');
function createWindow () {
const win=new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
}
});
win.loadFile('index.html');
}
app.whenReady().then(()=> {
createWindow()
})
然后添加一個index.html,用于Electron里面的瀏覽器窗口加載。既然是HelloWorld,就寫個最簡單的html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HelloWorld</title>
</head>
<body>
HelloWorld
</body>
</html>
條件npm運行腳本到package.json里面:
在WebStorm里面新建一個Configuration
點擊運行:
可以看到HelloWorld窗口了。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。