元素節點 在前篇中我們說明了節點的種類和屬性，而本篇會介紹如何利用 JavaScipt「獲取節點」，其實這跟 CSS 選擇器的概念有點相似，當我們需要動態改變頁...
CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...
哈囉大家！我是 Wendy，一個剛轉職的前端菜鳥，這是我第一次在 iThome 發文，也是參加鐵人賽的第一天，我好興奮啊～ 以下這個系列將整理出我從接近 20...
break 和 continue break break (中斷)，是用來控制迴圈或 switch 的控制語法，會中斷並跳出整個迴圈或 switch 區塊。在迴...
Scope 作用域 Scope 是指在 JavaScript 程式中，一個變數可用 (或有效) 的範圍，而在這個有效範圍之外，變數是無法被使用的。舉個常見的例子...
前端語言 HTML(骨架)(看官方文件) CSS(美編)(看官方文件) Tailwind CSS - Rapidly build modern websi...
嗨大家好，我是Eric。當談到API請求，我們通常會使用fetch、axios等現代的方法，但有一個我們可能忽略的功能，是由傳統的XHR（XMLHttpRequ...
流程控制 一般而言，JavaScript 的程式會照順序由上至下一行一行執行，不過當我們在某條件下不想執行某段程式，或需要重複執行某段程式時，就需要進行流程控制...
模擬面試做完了，可以開始投履歷了！今天要討論的是我 2023/8 開始在不同求職平台上投履歷找 jr 前端工程師工作的心得。 數字、cake 兜幾？ 這段要談...
閒聊時間 鐵人賽到第 7 天了！當初參賽的初衷是希望能好好面對讓我恐懼的 JS 面試考題，不過現在準備去新公司報到了，也想學一些測試或資安相關的東西，後面幾篇也...
只剩下最後一部，今天我們終於要把一個題目給解決了～寫到第三天，各位會不會覺得自己每天只討論這麼小的部分，三天才解完一題，幫助好像不大呢？前陣子看到一篇前輩的就職...
嗨大家好，我是Eric ~今天我們來談談一個非常實用的主題：如何用 JavaScript 實作集合的基本操作。集合是數學中的一個基本概念，也在程式設計中扮演著重...
嗨~大家好我是Eric，由於今天有要事，所以今天不談 JS ，分享一個很常用到的 CSS 寫法給大家~ <span> <img class...
關於這題我也沒什麼答案，但既然這一系列叫做「面試題目檢討」，那麼面試過程的部分應該也可以拿來回顧跟檢討吧XD 調整前的穿搭 之前有提過我面試的時長差不多一個半月...
不透過平台，直接自薦 Day 11 寫到我使用各種求職平台來投履歷、找初級前端工程師的心得。另一種方法，就是自我推薦。 直接寫信給公司的招募負責人就是一種。我個...
嗨大家好，我是Eric，在上集中，我們講了瀏覽器有多個進程和線程，以及渲染主線程（Main Thread in Renderer Process）有多麼的忙碌。...
嗨大家好，我是Eric，假設當我們有大量異步函數（api請求）要同時執行，我們不可能一次請求（網站可能會崩潰XD），所以我們可以限制一次請求的數量（比如10個）...
嗨，大家好！我是 Eric。今天我們要探討一個很有趣的主題：字典順序。不同於編碼順序，字典順序有它獨特的排序邏輯，接下來讓我們來看一個具體的例子。 台灣城市排序...
幫我優化語句嗨大家好，我是Eric！今天我們來談談如何在HTML、CSS和JavaScript中使用自定義CSS屬性（CSS Variables）。這是一個實用...
嗨大家好，我是 Eric！今天我要跟大家講一個非常有用但又常被忽略的技巧，那就是「參數歸一化」或「Parameter Normalization」，我們都知道在...
閒聊時間 最近因為督促自己參加鐵人賽而辦了 IG（帳號 @wendy_frontend），發現有一些剛好正在轉職、準備要投履歷、已經工作一兩年又重新要找工作的朋...
嗨大家好，我是Eric ~ 在前端開發中，我們經常會遇到需要去重（去除重複元素）的場景，特別是當我們處理復雜的數據結構，例如物件陣列時。接下來就來分享如何使用...
嗨大家好，我是Eric！今天我們要來聊聊CSS中的Viewport，這是一個經常在製作自適應網頁時會遇到的概念。許多人喜歡使用100vh和100vw來設置元素的...
嗨~大家好我是Eric~ 音頻視覺化是一個很有趣的領域，不僅可以讓我們更直觀地感受音樂，還能提供一個極富吸引力的用戶體驗，在這篇文章中，我會展示如何使用 Web...
好的各位，我們今天要接續昨天的題目，來討論一個我在面試中遇到的 JavaScript 考題。 先讓我們重新複習一下題目： 請問下列程式碼執行結果為何？ try...
嗨大家好，我是Eric。在之前的「事件迴圈」文章中，我多次提到了一個至關重要的概念，那就是「渲染線程」。這個線程在前端開發中扮演著關鍵角色，特別是在實現與使用者...
嗨大家好，我是Eric，今天我想跟大家聊聊在學習 JavaScript 前必須要了解一個水很深的原理，就是 "Event Loop"（事件迴...
嗨~大家好我是 Eric ~ 今天我們要討論的主題是「Web Animation API」又稱作「WAAPI」，你可以把它當做 JS 中 Animation，它...
關於這個系列 這篇為這個系列的最後一篇! 終於完成了三十天的挑戰! 有許多地方沒有寫好、做好的部分，在實作的部分有許多細節沒有捕到…至少有完成挑戰(對自己有個交...
我對於能再次參加鐵人賽的個人挑戰組感到非常高興。上一次，我差一點就完成了30天的挑戰，深感遺憾 ~ 但今年，我相信一定能順利完成整個30天的賽程。 轉職到新領域...
a0265392_lin
漢堡法師
Eric
RochelWang
iThome鐵人賽
看影片追技術