Elaine 粼粼的林林總總
首頁內容關於
Elaine 粼粼的林林總總
Top 5
本篇文章介紹如何在 React 專案中使用 react-markdown 套件，將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
前一篇文章介紹了 JavaScript 中的 class 及語法，本篇文章將延續上一篇的基礎，進一步深入了解 extends 如何建立繼承關係、super() 在建構子中的角色、super.method() 如何搭配覆寫（override）使用。
探討 JavaScript ES6 推出的 class 語法，其本質上是基於原型的語法糖。文章從建構函式概念出發，對比其與 class 的 constructor 差異，透過實際程式碼驗證 class 內部方法屬於原型物件。說明 class 作為 function 的特性以及其不會被提升的重要區別。
本文探討 JavaScript 中的原型 (prototype) 與原型鏈 (prototype chain)，解釋物件如何從原型繼承屬性與方法，以及屬性查找機制。說明建構函式 與 new 如何利用原型建立共用方法，達到程式碼重用與節省記憶體的效果。
前一篇文章中，我們學會了版本控制、建立了第一個版本節點，但對於其中細節並沒有特別解釋，你可能也會很想知道：「所以，commit 到底是什麼？」今天這篇文章，我們就來真正理解 commit 的本質，以及它在 Git 世界中到底有多重要。
JavaScript 的 this 總是讓人困惑嗎? 本文詳細解析 5 大綁定規則 (預設、隱式、new、顯式、DOM 事件)，包含 call/apply/bind 方法借用、setTimeout 經典陷阱，以及箭頭函式如何完美解決 this 問題。
本文深入介紹 JavaScript 物件(Object)的核心概念，說明屬性與方法的定義方式、物件字面值與建構函式搭配 new 的差異。同時整理物件的存取方式（dot 與 bracket）、新增、修改、刪除屬性與遍歷技(Object.keys、values、entries)。
JavaScript 的動態型別特性容易引發隱性錯誤，本文解析 JavaScript 中常見的型別判斷方法，包括 typeof 、Array.isArray()、instanceof，以及 Object.prototype.toString.call()，並詳述它們的用法、例外情況與常見陷阱。
深入淺出講解 JavaScript 的單執行緒特性，以及事件循環 (Event Loop)、Call Stack、Web APIs、Task Queue、Microtask Queue 如何協同工作，實現非同步操作，讓 JavaScript 程式碼不會被長時間任務阻塞。
本篇文章介紹如何在 React 專案中使用 react-markdown 套件，將 Markdown 檔案輕鬆轉換為網頁內容。文章涵蓋了安裝套件、基本渲染以及進階的 fetch 預防解析失敗的技巧。
前一篇文章介紹了 JavaScript 中的 class 及語法，本篇文章將延續上一篇的基礎，進一步深入了解 extends 如何建立繼承關係、super() 在建構子中的角色、super.method() 如何搭配覆寫（override）使用。
探討 JavaScript ES6 推出的 class 語法，其本質上是基於原型的語法糖。文章從建構函式概念出發，對比其與 class 的 constructor 差異，透過實際程式碼驗證 class 內部方法屬於原型物件。說明 class 作為 function 的特性以及其不會被提升的重要區別。
本文探討 JavaScript 中的原型 (prototype) 與原型鏈 (prototype chain)，解釋物件如何從原型繼承屬性與方法，以及屬性查找機制。說明建構函式 與 new 如何利用原型建立共用方法，達到程式碼重用與節省記憶體的效果。
前一篇文章中，我們學會了版本控制、建立了第一個版本節點，但對於其中細節並沒有特別解釋，你可能也會很想知道：「所以，commit 到底是什麼？」今天這篇文章，我們就來真正理解 commit 的本質，以及它在 Git 世界中到底有多重要。
JavaScript 的 this 總是讓人困惑嗎? 本文詳細解析 5 大綁定規則 (預設、隱式、new、顯式、DOM 事件)，包含 call/apply/bind 方法借用、setTimeout 經典陷阱，以及箭頭函式如何完美解決 this 問題。
本文深入介紹 JavaScript 物件(Object)的核心概念，說明屬性與方法的定義方式、物件字面值與建構函式搭配 new 的差異。同時整理物件的存取方式（dot 與 bracket）、新增、修改、刪除屬性與遍歷技(Object.keys、values、entries)。
JavaScript 的動態型別特性容易引發隱性錯誤，本文解析 JavaScript 中常見的型別判斷方法，包括 typeof 、Array.isArray()、instanceof，以及 Object.prototype.toString.call()，並詳述它們的用法、例外情況與常見陷阱。
深入淺出講解 JavaScript 的單執行緒特性，以及事件循環 (Event Loop)、Call Stack、Web APIs、Task Queue、Microtask Queue 如何協同工作，實現非同步操作，讓 JavaScript 程式碼不會被長時間任務阻塞。
民以食為天，出國玩除了看看不同的城市樣貌與人文風情外，還有一項少不了的當然就是品嘗當地美食啦！這篇文章會介紹我在韓國首爾吃過的五間餐廳，有興趣的話就繼續看下去吧~
「馬上就要出國玩啦好開心~等等我行李還沒收好啊...!」
相信大家多多少少都曾為收拾行李而苦惱過吧！經歷了收拾行李地獄，我發現最耗時間的其實不是整理行李本身，而是思考到底要帶哪些東西，以及有沒有遺漏的物品。趁著清明連假前整理了一份旅遊行李清單，如果你也很苦惱出國行李要帶什麼，一定要進來看看！
民以食為天，出國玩除了看看不同的城市樣貌與人文風情外，還有一項少不了的當然就是品嘗當地美食啦！這篇文章會介紹我在韓國首爾吃過的五間餐廳，有興趣的話就繼續看下去吧~
「馬上就要出國玩啦好開心~等等我行李還沒收好啊...!」
相信大家多多少少都曾為收拾行李而苦惱過吧！經歷了收拾行李地獄，我發現最耗時間的其實不是整理行李本身，而是思考到底要帶哪些東西，以及有沒有遺漏的物品。趁著清明連假前整理了一份旅遊行李清單，如果你也很苦惱出國行李要帶什麼，一定要進來看看！
9/21 場次多益成績出來一陣子了，因為成績比自己預期得高很多，雖然不及各路 900 分大神，還是希望能分享給需要的朋友。如果你是想要短時間準備多益的話，這篇文章或許可以稍微當作參考！
9/21 場次多益成績出來一陣子了，因為成績比自己預期得高很多，雖然不及各路 900 分大神，還是希望能分享給需要的朋友。如果你是想要短時間準備多益的話，這篇文章或許可以稍微當作參考！
「我有成為自己想像中的大人嗎?」近兩年結束了學生階段，正式成為依靠自己生活的「大人」，而近期我卻常常問著自己這個問題。明明已經很努力，卻還是感到迷茫，甚至懷疑自己是不是哪一步走錯了，在這樣的時刻，剛好讀到了《先別急著吃棉花糖》
嗨溜各位，到了 2025 的尾聲，不曉得今年都過得如何呢? 花了一個晚上找了各式年末復盤方法、筆記，在自己實際操練過，最後提煉出了一套以【過去 → 現在 → 未來】為主軸的復盤框架，如果你還沒進行年末復盤，並且對這個主題有興趣，或是想要更加了解自己，都歡迎嘗試看看我的方法。
「我有成為自己想像中的大人嗎?」近兩年結束了學生階段，正式成為依靠自己生活的「大人」，而近期我卻常常問著自己這個問題。明明已經很努力，卻還是感到迷茫，甚至懷疑自己是不是哪一步走錯了，在這樣的時刻，剛好讀到了《先別急著吃棉花糖》
嗨溜各位，到了 2025 的尾聲，不曉得今年都過得如何呢? 花了一個晚上找了各式年末復盤方法、筆記，在自己實際操練過，最後提煉出了一套以【過去 → 現在 → 未來】為主軸的復盤框架，如果你還沒進行年末復盤，並且對這個主題有興趣，或是想要更加了解自己，都歡迎嘗試看看我的方法。
