iT邦幫忙

前端新手村相關文章
共有 275 則文章

技術 [快速入門前端 67] JavaScript:事件 (3) 事件傳遞的階段

事件傳遞 當我們同時為父元素和子元素綁定相同事件時可能會發現子元素事件被觸發時,父元素同時也會被觸發。如下範例,div 和 button 都綁定了 click...

技術 發問是一種藝術,為何你的問題都沒人回答 XD

發問是一種藝術只要有禮貌常說請謝謝對不起還有問題描述清楚廠牌型號環境很多熱心的人就會回答缺乏以上你會看到回覆的人寥寥無幾 提問的智慧,提問前的思考https:/...

鐵人賽 自我挑戰組 DAY 30
從零開始學習前端 系列 第 31

技術 #從零開始3️⃣0️⃣:後記

關於這個系列 這篇為這個系列的最後一篇! 終於完成了三十天的挑戰! 有許多地方沒有寫好、做好的部分,在實作的部分有許多細節沒有捕到…至少有完成挑戰(對自己有個交...

技術 前端小試身手(6)--IMG複製大師,懶人專用小腳本

目錄 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

鐵人賽 Modern Web DAY 30

技術 前端開發環境 + React + TS

今天過後,相信小夥伴們應該對 TypeScript 有多一點點的基本認識,至於剩下的就是更高級和複雜的組合和運用,如果有興趣可以來玩玩 Type Challe...

技術 前端相關知識

前端語言 HTML(骨架)(看官方文件) CSS(美編)(看官方文件) Tailwind CSS - Rapidly build modern websi...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day14】找工作囉!當自己的經紀人吧~(6)女生面試工程師怎麼穿?

關於這題我也沒什麼答案,但既然這一系列叫做「面試題目檢討」,那麼面試過程的部分應該也可以拿來回顧跟檢討吧XD 調整前的穿搭 之前有提過我面試的時長差不多一個半月...

鐵人賽 Modern Web DAY 25

技術 型別縮小 ( Narrowing )

Type Narrowing 是一種概念,指在程式碼執行過程中,根據特定條件,將變數的型別從一個較廣泛的型別縮小為較特定的型別,以提供更精確的型別資訊,這種功能...

鐵人賽 Modern Web DAY 24

技術 模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...

鐵人賽 Modern Web DAY 23

技術 類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來,確保類別的屬性和方法在外部程式碼中不被隨意訪問,提高程式碼的可維護性和可讀性,同時提供了一定程度的安全性。 存取修飾符...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day12】找工作囉!當自己的經紀人吧~(4)求職平台以外,你也可以自我推薦

不透過平台,直接自薦 Day 11 寫到我使用各種求職平台來投履歷、找初級前端工程師的心得。另一種方法,就是自我推薦。 直接寫信給公司的招募負責人就是一種。我個...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day11】找工作囉!當自己的經紀人吧~(3)投履歷之怎麼選平台?

模擬面試做完了,可以開始投履歷了!今天要討論的是我 2023/8 開始在不同求職平台上投履歷找 jr 前端工程師工作的心得。 數字、cake 兜幾? 這段要談...

鐵人賽 Modern Web DAY 22

技術 類別 ( Classes )

在 React v16.8 之前,React 需要使用 Class 來撰寫,這也讓很多人怯步,但從 React v16.8 推出了 React Hooks 後...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 - 奇數判斷

大家好~ 我是 Eric 今天我們來探討一個看似簡單但實則充滿陷阱的主題,如何在 JavaScript 中判斷一個數字是否為奇數。你可能會覺得這很簡單,但實際上...

鐵人賽 Modern Web DAY 20

技術 非同步處理 Ⅱ (Async / Await)

Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能,它是建立在 Promise 之上的語法糖,允許我們使用 asyn...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 - 一道解構的面試題

嗨~大家好~我是 Eric,今天我們來聊聊一個結構面試題,話不多說,我們來看看題目 讓以下程式碼可以正常運作:var [a, b] = { a: 1, b: 2...

技術 【2023 挑戰賽 Day7】 #JS 字符 loop

閒聊時間 鐵人賽到第 7 天了!當初參賽的初衷是希望能好好面對讓我恐懼的 JS 面試考題,不過現在準備去新公司報到了,也想學一些測試或資安相關的東西,後面幾篇也...

鐵人賽 Modern Web DAY 19

技術 非同步處理 Ⅰ (Promise)

在說明 Promise 前,首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種,如果我們需要第一個執行完成後才執...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 - 使用 Audio API 實現音頻視覺化

嗨~大家好我是Eric~ 音頻視覺化是一個很有趣的領域,不僅可以讓我們更直觀地感受音樂,還能提供一個極富吸引力的用戶體驗,在這篇文章中,我會展示如何使用 Web...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day6】 #JS #面試經驗 字串操作

閒聊時間 最近因為督促自己參加鐵人賽而辦了 IG(帳號 @wendy_frontend),發現有一些剛好正在轉職、準備要投履歷、已經工作一兩年又重新要找工作的朋...

鐵人賽 Modern Web DAY 18

技術 null VS. undefined

null 和 undefined 代表著缺少值或未定義的狀態。儘管它們在 JavaScript 中也存在,但在 TypeScript 中,可以使用靜態型別檢查來...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 - 標準化你的函數參數 - Parameter Normalization

嗨大家好,我是 Eric!今天我要跟大家講一個非常有用但又常被忽略的技巧,那就是「參數歸一化」或「Parameter Normalization」,我們都知道在...

鐵人賽 Modern Web DAY 17

技術 void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 - 表單的元素選擇:為什麼我們應該用 Form 而不是 Div?

哈囉,大家好!我是 Eric。今天我們要來談談一個看似簡單但實則關鍵的議題:表單處理。我們都知道,表單是網頁互動中不可或缺的一部分。但你有沒有遇過這樣的問題:你...

鐵人賽 Modern Web DAY 16

技術 函式與 This 指向 (Function & This)

在前面幾個章節中,應該或多或少都有看到函式在 TypeScript 中的寫法,它比 JavaScript 多了參數和返回值的型別設定,我們看一下函式基本的宣告方...

鐵人賽 自我挑戰組 DAY 15

技術 Day15 - Web Animation API

嗨~大家好我是 Eric ~ 今天我們要討論的主題是「Web Animation API」又稱作「WAAPI」,你可以把它當做 JS 中 Animation,它...

鐵人賽 自我挑戰組 DAY 3

技術 【2023 挑戰賽 Day3】 #JS catch()的陷阱

只剩下最後一部,今天我們終於要把一個題目給解決了~寫到第三天,各位會不會覺得自己每天只討論這麼小的部分,三天才解完一題,幫助好像不大呢?前陣子看到一篇前輩的就職...

鐵人賽 自我挑戰組 DAY 2

技術 【2023 挑戰賽 Day2】 #JS 變數提升

好的各位,我們今天要接續昨天的題目,來討論一個我在面試中遇到的 JavaScript 考題。 先讓我們重新複習一下題目: 請問下列程式碼執行結果為何? try...

鐵人賽 自我挑戰組 DAY 14

技術 Day14 - 編碼順序和字典順序

嗨,大家好!我是 Eric。今天我們要探討一個很有趣的主題:字典順序。不同於編碼順序,字典順序有它獨特的排序邏輯,接下來讓我們來看一個具體的例子。 台灣城市排序...

鐵人賽 自我挑戰組 DAY 13

技術 Day13 - 超好用的Web API intersection Observer

嗨大家好,我是Eric!今天我們來談談一個超好用的 Web API,intersection Observer,它是一種只在用戶實際看到或需要內容時才開始加載該...