Vivian Yeh - 跨領域轉職的軟體工程師
首頁
RD少女養成計畫
從今天開始的轉職計畫
RD少女日常
Vivian Yeh的 Premium
方案
關於
RD少女養成計畫
50
公開內容
為了追求可以窩在座位上、可以心無旁騖思考問題、座位可以亂七八糟沒關係、不需要到處哈腰點頭跑客戶,不用腳踩十公分、連妝都可以不用化的職場人生,文組少女毅然決然踏上RD的養成日常。
全部
跨領域轉職
學習資源&心法
專案管理 & 開發
JavaScript
CSS
HTML
RWD
Firebase
前端開發
TypeScript
全部內容
免費與付費
最新發佈優先
Vivian Yeh
2024/05/23
網頁瀏覽器中可以使用的 storage:localStorage 跟 sessionStorage 是什麼?兩者差異為何
與 cookie 相比,localStorage 與 sessionStorage 的機制相對單純,兩者皆是瀏覽器中的儲存空間,與 cookie 最大的不同在於:localStorage 與 ⋯⋯
#
網頁開發
#
前端
#
前端開發
9
留言
Vivian Yeh
2024/05/22
網頁瀏覽器中可以使用的 storage:什麼是 HTTP cookies?為什麼使用 cookies 會有資安風險?
在瀏覽器環境中有許多的儲存空間,想要查看這些空間的話,可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。 瀏覽器內存空間的差異不僅常常被拿來被當作面試考題,在實務開發中更扮演舉足輕重的角色,今天就想透過這系列的文章深度了解這些瀏覽器內存⋯
#
JavaScript
#
前端
#
前端開發
9
留言
Vivian Yeh
2024/03/27
為什麼前端不愛用 Webpack 了? Vite 簡介
Vite 是由 Vue 開發者 Evan You 所開發出來,用來加快、優化程式碼打包的工具,在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具:Webpack。 在那之前,我們先來聊聊為什麼前端會需要所謂的打包工具呢?
#
Vite
#
JavaScript
#
前端
10
留言
Vivian Yeh
2024/03/06
什麼是 Storybook?獨立開發前端元件,打造自己的 UI Library(React)
Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具,以往要開發元件時,我們可能需要建立一個全新的頁面才能進行開發,但這樣的開發方式可能會有一個狀況:沒有辦法事先開發或是預覽流程中不存在的元件。 透過 Storybook 我們在開發元件時,不需要重新建立複雜的頁面結構⋯⋯
#
storybook
#
前端開發
#
前端
21
留言
Vivian Yeh
2024/02/20
【前端開發】TypeScript 的型別推論、型別註記與型別斷言
上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
#
TypeScript
#
JavaScript
#
前端
5
留言
Vivian Yeh
2024/02/08
【前端基礎】為什麼前端要檢核表單內容?低成本優化前端使用者體驗
在前端的開發中,除了切版與串 API 外,大部分的時間都在針對表單內容進行檢核、驗證、阻擋,一方面是讓使用者在操作頁面的過程中有良好的使用者體驗,不會因為一些例外狀況(Edge Case),例如:莫名其妙的 4xx 錯誤,導致使用者卡在某個操作流程中逃不出來,另一方面是讓傳遞到後端的資料更加正確⋯⋯
#
前端工程師
#
前端
#
JavaScript
5
留言
Vivian Yeh
2024/02/01
【前端基礎】JavaScript 中的閉包是什麼?React 閉包應用情境
在 2021 年的剛轉職成為前端工程師的時候,我在面試時滿常會被詢問到 JavaScript 中閉包的議題,當時候自己回答的滿差的,於是在 2022 年時,我寫了一系列的有關於函式程式設計鐵人賽的文章, 裡頭就有簡單提到有關於閉包的議題。
#
前端
#
JavaScript
#
前端開發
4
留言
Vivian Yeh
2024/01/28
【前端基礎】JavaScript 的 this 到底是什麼?call、apply 與 bind 的差異
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制:傳參考(Called by reference),如果正確性再高一點的話,則可以稱之為傳共享(Called by sharing)。
#
JavaScript
#
前端
#
前端工程師
6
留言
Vivian Yeh
2024/01/25
【前端基礎】關於 JavaScript 的型別系統:自動轉型、真值與假值
在先前的型別文章中,我們曾經聊過 JavaScript 常用的一些型別,但針對布林這個型別,我們沒有做太多的解釋,原因在於布林值在 JavaScript 會有一個特殊的規則:自動轉型 。 自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素,接著就來讓我們來聊聊什麼是自動轉型
#
JavaScript
#
前端
#
前端開發
19
留言
Vivian Yeh
2024/01/09
【前端基礎】關於 JavaScript 的型別系統:基礎型別、物件型別
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處,我是在看完 Youtube 上 CS50 的課程,才理解到在不同的程式語言中,會因為語言的特性而有不同的系統,JavaScript 就是偏向比較特別的那一種。
#
JavaScript
#
FrontEnd
#
前端
7
留言
本週 TOP 5
1
【自學程式】那些年你沒搞懂的 Flexbox 及實務應用技巧
2
【自學程式】什麼是HTML標籤?初學網頁開法必備的四個HTML標籤
3
【自學程式】何謂自學?五個你不該踏進的學習盲區
4
新手軟體開發者容易誤觸的幾個雷區
5
【學習技巧】如何有效提升學習效率?超專注學習的五個小提案