JavaScript 的 prototype 簡介 object oriented language一個軟體的開發過程若都經由人類決定以及執行的話，那麼遲早會為了加速軟體的開發效率，而讓軟體的開發方式易於人類理解和使用，而物件導向語言正是其中一個案例，以易於人類理解的物件概念來建構出一項語言，在使用這項語言中會以物件(object)為一個開發上的基本單位，換言之，所有的程式碼皆會以物件本身來開發。 這個語言中，定義了物件本會有的性質： 一個物件都 2021-11-27 prototype class
Event loop 與 在JavaScript中的它 JavaScript 背景由網景和微軟掀起瀏覽器大戰中，瀏覽器的網頁在早期只能透過HTML檔案內容將一些文字和內容顯示在瀏覽器上，而這樣的內容就只是在電腦上顯示一張大海報，網景為了近一步打敗微軟而開發出能與網頁互動的程式語言-JavaScript，讓瀏覽器去執行網頁上的JavaScript來讓使用者的互動藉由該語言來實現特定效果，但後來微軟憑藉著作將瀏覽器綁定自家的作業系統來壟斷整個瀏覽器市場，最 2021-11-14 JavaScript Computer Science event loop single thread node.js event
框架概念介紹 框架框架則是一種以某種開發環境A的不足地方再加以改良的開發環境B，從而提供不足的功能給開發者，而開發環境B會以自己專屬的概念、語法、功能來提供，這些概念、語法、功能將會對應開發環境A的原有概念、語法、功能以及額外包覆著其他模組，開發者只需要在被開發環境B封裝的環境下進行想要的開發，最後會由於開發者的程式碼被開發環境B封裝的關係而先讓開發環境B先被執行，然後再由它來決定開發者的程式碼何時能被執行，換 2021-10-15 Framework
縮排會構成文字節點 問題描述當瀏覽器去解析HTML檔案時會根據讀取到的內容所具有的特徵來判定該內容是屬於什麼種類的節點，而剛好縮排(換行和空白)會被瀏覽器當作一般文字並轉化成文字節點，這情況時常發在標籤之間的縮排，拿下圖的程式碼作為例子，其中<ul>和<li>之間存在著”\n “，而<li>之間也存在同樣的縮排 1234<ul> <li>sug 2021-10-03 HTML DOM
HTML屬性 VS. 物件屬性 導覽簡介首先先來考慮原有文字的含義，接著分別介紹著HTML屬性和物件屬性，最後再說明HTML經過轉變化的屬性又是如何變化。 這兩者間文字含義HTML的屬性是用attribute來表達，而物件的屬性則是用property來表達，雖然這兩者在中文翻譯上是表達屬性，但真正含義都是在原文是如何表達他們，前者的attribute是指附加至元件/物件/物體的額外資訊，這些資訊通常會強調著 2021-10-03 HTML JavaScript DOM
git rebase && undo rebase 進階指令 - git rebase在這裡base會是指以什麼做為根基，而在git系統是指以什麼commit紀錄(節點)作為分支的起始點，拿下圖來說的話，分支1(Branch 1)是以Master/Main分支上的commitM來作為它的base，而re是重新、再一次，re和base組合在一起就是重新定義目前分支的起始點，換言之就是把某個分支的base改換另一個commit節點來作為新的b 2021-09-29 git rebase
JS - 型別檢查與隱性轉換 型別檢查(Type checking) 會是校驗變數/結構的型別是否符合內容，並回報錯誤或者幫助系統確定變數型別確實是如此，主要是盡可能偵測相關問題並及時給予機會去修正。 型別檢查什麼時期執行型別檢查會發生在編譯期間或者執行期間，若是在編譯期間進行檢查的話，代表所有的程式碼都必須在執行前或者更早之前指定型別給會用到的變數和內容，而開發者可以選擇在開發期間指定型別給每個變數和內容，並在編譯 2021-09-10 JavaScript type check
JavaScript - Scope 簡介 在程式語言中，作用域(Scope)是指對應某種實體(entity)的名字(name)所能夠被合法辨識以及使用的範圍，其中實體是指的是某種記憶體區塊，而名字就是變數(variable)名稱，換言之，只要我們透過變數名稱就能操控代表記憶體區塊的實體。在這裡皆以let、const這些不違反Scope規則的變數宣告方式，var宣告會另開一個小節做說明 Scope 有哪些種類？Scope可以是由{}所構成的 2021-09-09 JavaScript Scope
Simulate a Lottary game 該專案是以模擬樂透抽獎為主軸，開發者得要達成加密名字、加密電子郵件、產生樂透抽獎券號碼、抽出特定玩家賦予特定獎項、贏家公告、賦予參加獎給其他沒抽到的抽獎者等子功能，最後將這些功能組合成所要求的專案，而這些子功能必須滿足特定規格才算完成，另外會額外賦予測資方便調整，其測資以測資小節來說明。 各子功能的開發規格 加密名字： 前兩個字必須以明碼顯示，後續字元皆以來表示，而後續字元數決定的數量，比如Ekl 2021-09-07 Website Development lottary
DOM - Create-Insert-Remove for an object 在這文章中，我們將簡介一個DOM物件是如何被建立、刪除、當成其他元素的子元素，而簡介內容將會以我目前所知的內容而定，後頭若有新的內容時，便會額外再增加內容。 Create an Element透過createElement方法來建立新的網頁元素newTag，並且利用innerHTML/innerText賦予內容Content給其網頁元素，讓網頁元素在HTML形式中會像是下圖中那樣。在這小 2021-08-29 HTML JavaScript DOM