JavaScript學習心得
一、前言：
前段時間看紅寶書（JavaScript高級程式設計），但沒有計劃的去看，也沒有做詳細的筆記，讀了之後有點空虛，感覺不對勁啊，學的東西很難記住，印像不深啊，有種挫折感，當前端的js都學不好怎麼做前端。後端都學js了，你說死不死。
因此吾閱之，再閱之，並決心記之以博客，以增強印象，作得讀書筆記，以便日後翻看及供大家參閱與討論。
溫馨提示：筆記言語會有主觀色彩，知識重點記錄。
二、JavaScript歷史
#說法在上世紀末1995年，Netscape公司推出Navigator瀏覽器。人家公司有追求，不單單能實現靜態HTML，人家還想要有動態效果，還想著能去處理表單的驗證，不要老是等到後台那邊才知道表單輸入合不合法，特別在那個年代，一次一等就上分鐘，現在我們等上個十秒都想關掉它是不是，嘴邊還吐槽著什麼破網站。
動手：有目標就去做，Netscape公司大牛多，Brendan Eich 用10天（網上說10天）就把JavaScript搞了出來，剛出來時叫LiveScript，為了蹭當紅明星Java熱度，就改成JavaScript了，所以事實上他們兩沒啥關係。
競爭：看到Netscape公司有了js，微軟感覺不行啊，我的IE要被幹掉啊，同時也感到js的前途無量，於是弄了個名為JScript的JavaScript的實作。
標準： Netscape和微軟競爭出現的js導致版本的不一致，隨著業界的擔心，JavaScript的標準化被提上議程。 ECMA組織就去做這事，最後在弄出97年了ECMAScript作為標準。這裡ECMAscript和JavaScript可以看做表達同一個東西
三、ECMAScript
ECMAScript（以下簡稱ES）由ECMA-262制定，ES的主要是語言的語法基礎，是一種標準的存在。如果硬要區分ES和JS，ES是語言基礎標準，而JS就是在這標準的基礎上所實現的語言。
關於ES版本：ES從1997年制定好到現在已經經歷很多版本，前面的版本都是一些小的修改。重要版本:
ES3，第三個版本，是對標準的第一次真正意義上修改
2009年的ES5是目前各大流行瀏覽器所支援的
2015年出版的ES6也流行起來。
2015年後的每年也出版本，但瀏覽器還沒能夠支援。
四、JavaScript實作
javascript由三個部分組成：
1.ECMAScript ：核心部分，是js的語法基礎，後面會繼續寫其文法。
2.DOM(文字物件模型) ：用於操作HTML文件的應用程式介面。關於DOM：
DOM的出現使得動態HTML（DHTML）得以實現，可以不用重新載入頁面而改變網頁的外觀和內容。
DOM帶來的問題：主要是相容性方面，Netscape和微軟各抒己見，使得瀏覽器不相容的局面產生。未解決此問題W3C著手規劃DOM
DOM等級：DOM1，DOM2，DOM3 ，這裡的等級相當於DOM的版本一樣，代表DOM在不斷的完善，現在最新是DOM3
3.BOM(瀏覽器模型) ：使用BOM可以控制瀏覽器顯示的頁面以外的部分
五、JavaScript使用:
#(1)標籤屬性：在網頁中使用js關鍵的是使用<script>標籤，其有6個屬性：
- ##async：可選，表示立即下載腳本，但不妨礙頁面中的其他操作。也就是非同步腳本，只適用於外部腳本檔案。
- defer：可選，表示腳本可以延遲到文件完全被解析和顯示後在執行。也就是延遲腳本，只適合與外部腳本檔案。
- src：可選，表示包含要執行程式碼的外部檔案。
- type：預設text/Javascript。預設執行js，可以不用指定。
- charset：可選，表示透過src屬性指定程式碼的字元集，大多數瀏覽器會忽略它的值，很少人使用。
- language：已廢棄
常用就前4個
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
3 週前
By DDD
如何修復KB5055523無法在Windows 11中安裝？
2 週前
By DDD
Inzoi：如何申請學校和大學
4 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝？
2 週前
By DDD
Roblox：Dead Rails - 如何召喚和擊敗Nikola Tesla
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
建議：優秀JS開源人臉偵測辨識項目
Apr 03, 2024 am 11:55 AM
人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計
Pygame入門指南：全面安裝與設定教學課程
Feb 19, 2024 pm 10:10 PM
從零開始學習Pygame：完整的安裝和配置教程，需要具體程式碼範例引言：Pygame是一個使用Python程式語言開發的開源遊戲開發庫，它提供了豐富的功能和工具，使得開發者可以輕鬆創建各種類型的遊戲。本文將帶您從零開始學習Pygame，並提供完整的安裝和配置教程，以及具體的程式碼範例，讓您快速入門。第一部分：安裝Python和Pygame首先，確保您的電腦上已
揭秘C語言的吸引力: 發掘程式設計師的潛質
Feb 24, 2024 pm 11:21 PM
學習C語言的魅力：解鎖程式設計師的潛力隨著科技的不斷發展，電腦程式設計已經成為了一個備受關注的領域。在眾多程式語言中，C語言一直以來都備受程式設計師的喜愛。它的簡單、高效以及廣泛應用的特點，使得學習C語言成為了許多人進入程式設計領域的第一步。本文將討論學習C語言的魅力，以及如何透過學習C語言來解鎖程式設計師的潛力。首先，學習C語言的魅力在於其簡潔性。相較於其他程式語言而言，C語
一起學習word根號輸入方法
Mar 19, 2024 pm 08:52 PM
在word編輯文字內容時，有時會需要輸入公式符號。有的小夥子們不知道在word根號輸入的方法，小面就讓小編跟小夥伴們一起分享下word根號輸入的方法教學。希望對小夥伴們有幫助。首先，開啟電腦上的Word軟體，然後開啟要編輯的文件，並將遊標移到需要插入根號的位置，參考下方的圖片範例。 2.選擇【插入】，再選擇符號裡的【公式】。如下方圖片紅色圈的部分內容所示：3.接著選擇下方的【插入新公式】。如下方圖片紅色圈的部分內容所示：4.選擇【根式】，再選擇適當的根號。如下方圖片紅色圈的部分內容所示：
js和vue的關係
Mar 11, 2024 pm 05:21 PM
js和vue的關係：1、JS作為Web開發基石；2、Vue.js作為前端框架的崛起；3、JS與Vue的互補關係；4、JS與Vue的實踐應用。
從零開始學習Go語言中的main函數
Mar 27, 2024 pm 05:03 PM
標題：從零開始學習Go語言中的main函數Go語言作為一種簡潔、高效的程式語言，備受開發者青睞。在Go語言中，main函數是一個入口函數，每個Go程式都必須包含main函數作為程式的入口點。本文將從零開始介紹如何學習Go語言中的main函數，並提供具體的程式碼範例。一、首先，我們需要安裝Go語言的開發環境。可前往官方網站（https://golang.org
js刷新當前頁面的方法
Jan 24, 2024 pm 03:58 PM
js刷新目前頁面的方法：1、location.reload()；2、location.href；3、location.assign()；4、window.location。詳細介紹：1、location.reload()，使用location.reload()方法可以重新載入目前頁面；2、location.href，可以透過設定location.href屬性來刷新目前頁面等等。
JS中__proto__與prototype的差別
Feb 19, 2024 pm 01:38 PM
JS中__proto__和prototype是兩個與原型相關的屬性，它們在功能上稍有不同。本文將具體介紹並比較這兩者的區別，並提供相應的程式碼範例。首先，我們先來了解它們的意義和用途。 proto__proto__是物件的內建屬性，它用來指向該物件的原型。每個物件都有一個__proto__屬性，包括自訂物件、內建物件和函數物件。透過__proto__屬
