RD少女養成計畫
文章數
48
追蹤數
120
已付費
NaN
追蹤專題
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
文章列表
專題介紹
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
前端開發
為什麼前端不愛用 Webpack 了? Vite 簡介
Vite 是由 Vue 開發者 Evan You 所開發出來,用來加快、優化程式碼打包的工具,在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具:Webpack。 在那之前,我們先來聊聊為什麼前端會需要所謂的打包工具呢?
Vivian Yeh
2024-03-27
10
什麼是 Storybook?獨立開發前端元件,打造自己的 UI Library(React)
Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具,以往要開發元件時,我們可能需要建立一個全新的頁面才能進行開發,但這樣的開發方式可能會有一個狀況:沒有辦法事先開發或是預覽流程中不存在的元件。 透過 Storybook 我們在開發元件時,不需要重新建立複雜的頁面結構⋯⋯
Vivian Yeh
2024-03-06
21
【前端基礎】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
新手軟體開發者容易誤觸的幾個雷區
前陣子在跟讀者聊天的時候,發現在 Junior 階段很容易遇到一些工作上挫折,但又不太知道怎麼解決或是優化。 也有可能在開發過程中碰到了些大地雷,但身邊的前輩、同事不一定能用比較軟性的方式好好的傳達,這是非常常出現的,尤其是在跨部門協作經驗較少的工程師,會不曉得怎麼用淺顯易懂的語言告訴⋯⋯
Vivian Yeh
2023-10-01
12
【前端開發】如何使用 JavaScript 進行頁面的轉址?
在前端開發中,很常會有需要轉址的需求,且處理的手法滿因人而異的,所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式,以及各自的差異。
Vivian Yeh
2023-08-03
10
【前端開發】TypeScript 是什麼?優化 JavaScript 開發體驗的程式語言
自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Vivian Yeh
2023-05-18
13
【前端開發】什麼是原子設計(Atomic Design)?優化網頁元件架構的設計原則
前端工程師可能會隨著工作經驗的累積,而開始想要寫出更好的網頁架構,又或者是能有一套方法讓組織間的溝通、工作模式更加順暢。
Vivian Yeh
2023-04-01
12
【前端開發】如何透過 Firebase Realtime Database 建立假資料、簡易資料庫(noSQL)
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
Vivian Yeh
2023-02-05
15
【前端開發】FP 基礎:純函式 & 柯里化
Functional Programming 中文譯作函式程式設計,或是功能性程式設計,常簡稱為:FP,是一種透過使用純函式(Pure Funciton)進行軟體開發,且避免副作用的程式設計典範,比起宣告式的流程控制,在 FP 採用主要以表達式的方式撰寫程式碼。
Vivian Yeh
2022-11-21
10