RD少女養成計畫
文章數
48
追蹤數
120
已付費
NaN
追蹤專題
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
JavaScript
為什麼前端不愛用 Webpack 了? Vite 簡介
Vite 是由 Vue 開發者 Evan You 所開發出來,用來加快、優化程式碼打包的工具,在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具:Webpack。 在那之前,我們先來聊聊為什麼前端會需要所謂的打包工具呢?
Vivian Yeh
2024-03-27
10
【前端開發】TypeScript 的型別推論、型別註記與型別斷言
上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Vivian Yeh
2024-02-20
4
【前端基礎】為什麼前端要檢核表單內容?低成本優化前端使用者體驗
在前端的開發中,除了切版與串 API 外,大部分的時間都在針對表單內容進行檢核、驗證、阻擋,一方面是讓使用者在操作頁面的過程中有良好的使用者體驗,不會因為一些例外狀況(Edge Case),例如:莫名其妙的 4xx 錯誤,導致使用者卡在某個操作流程中逃不出來,另一方面是讓傳遞到後端的資料更加正確⋯⋯
Vivian Yeh
2024-02-08
5
【前端基礎】JavaScript 中的閉包是什麼?React 閉包應用情境
在 2021 年的剛轉職成為前端工程師的時候,我在面試時滿常會被詢問到 JavaScript 中閉包的議題,當時候自己回答的滿差的,於是在 2022 年時,我寫了一系列的有關於函式程式設計鐵人賽的文章, 裡頭就有簡單提到有關於閉包的議題。
Vivian Yeh
2024-02-01
4
【前端基礎】JavaScript 的 this 到底是什麼?call、apply 與 bind 的差異
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制:傳參考(Called by reference),如果正確性再高一點的話,則可以稱之為傳共享(Called by sharing)。
Vivian Yeh
2024-01-28
6
【前端基礎】關於 JavaScript 的型別系統:自動轉型、真值與假值
在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
Vivian Yeh
2024-01-25
19
【前端基礎】關於 JavaScript 的型別系統:基礎型別、物件型別
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處,我是在看完 Youtube 上 CS50 的課程,才理解到在不同的程式語言中,會因為語言的特性而有不同的系統,JavaScript 就是偏向比較特別的那一種。
Vivian Yeh
2024-01-09
7
【前端開發】如何使用 JavaScript 進行頁面的轉址?
在前端開發中,很常會有需要轉址的需求,且處理的手法滿因人而異的,所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式,以及各自的差異。
Vivian Yeh
2023-08-03
10
【前端開發】FP 基礎:純函式 & 柯里化
Functional Programming 中文譯作函式程式設計,或是功能性程式設計,常簡稱為:FP,是一種透過使用純函式(Pure Funciton)進行軟體開發,且避免副作用的程式設計典範,比起宣告式的流程控制,在 FP 採用主要以表達式的方式撰寫程式碼。
Vivian Yeh
2022-11-21
10
【自學程式】Hoisting 到底是什麼?前端常見面試考題
Hoisting 可以說是 ES6 問世之後,去面試還是會爾偶被問到的面試考題,雖然 Hoisting 離 Modern JavaScript 的技術有點距離,實作上幾乎不太會用到,但透過了解 Hoisting 的概念,可以對這門語言有更深的了解與掌握度。
Vivian Yeh
2022-02-11
9
【自學程式】var、let 與 const 到底差在哪?
對於剛接觸前端開發不久的人來說,可能會對var、let 與 const 的差異略懂略懂,但又說不太出三者實際哪裡不一樣。
Vivian Yeh
2022-01-18
7
【JavaScript 簡史】什麼是 ES5、ES6?網頁開發與 ECMAScript 的小故事
在一開始學習前端開發的時候,一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字,當初的我,單純認為 ES5、ES6 是講述 JavaScript 的版本,所以在使用上就沒有想太多,反正就是 JavaScript 1.0 、2.0 的感覺吧?
Vivian Yeh
2022-01-15
12