鈺琪

摘要： ## 組件的概念 組件是對可重用的HTML與JS功能的封裝。 在沒有組件的時候，同樣的HTML結構會在文檔中多次出現，使代碼變得復雜。 在使用組件封裝后，就像使用一個HTML標簽那樣使用這些HTML結構，HTML文檔變得清晰易維護。 它主要由三項技術實現： - Custom Element： 自定義 閱讀全文

摘要： ## 文檔坐標、窗口坐標和容器坐標 文檔中元素的位置以CSS像素度量，有兩種參考系，一是文檔左上角，二是窗口左上角。基于這兩個原點的兩個坐標系被稱作文檔坐標與窗口坐標。 由于CSS的overflow屬性允許文檔中的元素包含的內容超出其所能顯示區域，此時元素有自己的滾動條，其作為自身內容的窗口，而不是 閱讀全文

摘要： ## 操作CSS類 Element對象的classList屬性是一個DOMTokenList對象，它是一個類數組對象，可迭代；有可以像Set對象那樣添加和移除元素。 ``` ELement.classList.add('hidden'); Element.classList.remove('hidd 閱讀全文

摘要： ## 概述 全局的Window對象有一個document屬性，它引用一個Document對象，通過該對象操作DOM。 ## 選擇DOM元素 HTML文檔中的\與\標簽可以通過Document對象的head與body屬性訪問，但是更深層級的元素需要通過查詢來獲取。 有兩組方法來選擇元素，一組是通過CS 閱讀全文

摘要： 為了保證安全，瀏覽器中的JavaScript不能讀寫設備中的文件，也不能訪問任意的服務器。 ## 同源策略 同源策略指的是腳本只能訪問與包含它的文檔同源資源。 源是指文檔URL中的協議、主機與端口部分，完全相同則是同源，任意一項不同都不是同源。 腳本文件的URL與同源策略毫不相干，同源策略至于腳本的 閱讀全文

摘要： ## 未被捕獲的異常 在程序中，往往會出現異常。雖然主動捕獲這些異常是保證程序健壯的必要做法，但是難免會漏掉一些。 對于未被捕獲的異常，瀏覽器會在控制臺顯示一條錯誤信息，該信息包含異常信息和其在代碼中出現的位置。 ## window.onerror Window對象有一個onerror屬性，將其指定 閱讀全文

摘要： ## 任務執行機制 javascript程序是單線程運行的，意味著執行多個任務需要將它們排隊。 根據應用場景的不同，任務被分為同步任務與異步任務。 同步任務即是立即執行的代碼，由JavaScript線程執行。 異步任務是由宿主環境開辟新的線程來執行，在任務完成后通知主線程。異步任務是基于回調實現的。 閱讀全文

摘要： ## 概念 客戶端JavaScript程序使用異步事件驅動的編程模型。 瀏覽器會在文檔、瀏覽器或某些元素或與之關聯的對象發生某些事情時生成事件對象。比如文檔加載完成、敲擊鍵盤輸入等。 JavaScript程序可以給某些對象綁定監聽器函數來監聽特定的事件，在該對象上發生指定事件時，這些函數會被執行。 閱讀全文

摘要： ## 前言 在js編程中，模塊指的是按照一定格式將代碼以功能拆分后作為獨立文件存在的一個實體。 早期的JS并沒有規定模塊應該如何設計，核心語言也沒有針對模塊提供相關支持。 早期的代碼使用IIFE來實現一個模塊, 它是通過向全局對象添加屬性來實現與其他模塊來交互的。 ``` (function() { 閱讀全文

摘要： ## 概念 在js中，函數與其他類型一樣，是一個支持所有操作的值，是一個對象，是編程語言里的“一等公民” 函數是一個代碼塊，每被調用一次，其代碼就會執行一次。 函數有一個被`{}`包裹的函數體，具體的邏輯代碼就寫在里面。 使用return關鍵字返回函數的計算結果，如果沒有返回值，那函數調用表達式的值 閱讀全文