文章目錄
- 學習筆記(一)
- 準備作業
- 初識JavaScript
- JS的組成
- JS書寫位置
- JS注釋
- JS輸入輸出陳述句
2021.1.11
學習筆記(一)
準備作業
今天開始學習Javascript，開始之前先學習開發工具VS Code的幾個快捷鍵和安裝一些常用插件以及一些VS Code生成的骨架標簽的含義，
快捷鍵
- !+回車/Tab
自動生成頁面骨架結構 - Ctrl++/-
放大/縮小視圖 - Alt+B
在瀏覽器中打開 - Ctrl+/
注釋
常用插件 - Chinese（Simplified）Language Pack for VS Code
- Open in Browser
- Auto Rename Tag//自動重命名配對的HTML/XML標簽
- CSS Peek//追蹤至樣式
VS Code工具生成骨架標簽新增代碼
- <!DOCTYPE>標簽
檔案型別宣告標簽，作用是告訴瀏覽器是使用哪種Html版本來顯示網頁 - lang語言
用來定義當前檔案顯示的語言，- en定義為英語//定義為en就是英文網頁
- zh-CN定義語言為中文//定義為zh-CN就是中文網頁
但其實對檔案顯示來說，定義成en/zh-CN的檔案也可以顯示成中文/英文
- charset字符集
- 字符集是多個字符的集合，以便計算機能夠識別和存盤各種文字，
- 在<head>標簽內，可以通過<meta>的charset屬性來規定HTML檔案應該使用哪種字符編碼，
- 其中，UTF-8也被稱為萬國碼，基本包含了全世界所有國家要用到的字符，
- <meta charset=“UTF-8”>這句話一定要寫否則可能會出現亂碼現象，
初識JavaScript
JS的組成
- ECMAScript //JavaScript語法
- DOM //頁面檔案物件模型
- BOM //瀏覽器物件模型
JS書寫位置
- 行內
- HTML推薦使用雙引號，JS推薦使用單引號
- 僅在特殊情況下使用
- 內嵌
- 可以將多行JS代碼寫到<script>標簽中
- 內嵌JS是學習時常用的方式
- 外部
- 既美觀又方便
- 適合于JS代碼量較大的時候
JS注釋
-
單行注釋
- //
- 快捷鍵Ctrl+/
-
多行注釋
- /*
*/ - 快捷鍵Shift+Alt+A–>已修改成ctrl+shift+a
- /*
note:vscode中修改多行注釋的快捷鍵點擊左下角管理中鍵盤快捷方
式，輸入原來的快捷鍵，找到后修改即可
JS輸入輸出陳述句
- alert（）
瀏覽器彈出警示框 - prompt（）
瀏覽器彈出輸入框，用戶可以輸入 - console.log（）
瀏覽器控制臺列印輸出資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/248607.html
標籤：其他