Top 5
各位新年快樂，祝大家 2025 蛇年行大運！
這一次久違地跟大家分享技術相關心得，就如同標題所說，我在 2024 年時，在有兩年多的前端工程師工作經驗下轉到到了全端工程師的角色，並且已經在這個崗位上即將滿一年。
在這過去的一年中，有許多的心得想跟大家分享，那就讓我們直接開始吧！
與 cookie 相比，localStorage 與 sessionStorage 的機制相對單純，兩者皆是瀏覽器中的儲存空間，與 cookie 最大的不同在於：localStorage 與 ⋯⋯
在瀏覽器環境中有許多的儲存空間，想要查看這些空間的話，可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。
瀏覽器內存空間的差異不僅常常被拿來被當作面試考題，在實務開發中更扮演舉足輕重的角色，今天就想透過這系列的文章深度了解這些瀏覽器內存⋯
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具，以往要開發元件時，我們可能需要建立一個全新的頁面才能進行開發，但這樣的開發方式可能會有一個狀況：沒有辦法事先開發或是預覽流程中不存在的元件。
透過 Storybook 我們在開發元件時，不需要重新建立複雜的頁面結構⋯⋯
上一篇文章分享了 TypeScript 的定義、前端角色定位，如果你不是很確定「TypeScript 是什麼？」、「TypeScript 作為 JavaScript 的超集，在網頁開發扮演怎麼樣的角色？」這兩個問題的答案，建議可以回到上一篇先了解一下。
在前端的開發中，除了切版與串 API 外，大部分的時間都在針對表單內容進行檢核、驗證、阻擋，一方面是讓使用者在操作頁面的過程中有良好的使用者體驗，不會因為一些例外狀況（Edge Case），例如：莫名其妙的 4xx 錯誤，導致使用者卡在某個操作流程中逃不出來，另一方面是讓傳遞到後端的資料更加正確⋯⋯
在 2021 年的剛轉職成為前端工程師的時候，我在面試時滿常會被詢問到 JavaScript 中閉包的議題，當時候自己回答的滿差的，於是在 2022 年時，我寫了一系列的有關於函式程式設計鐵人賽的文章， 裡頭就有簡單提到有關於閉包的議題。
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制：傳參考（Called by reference），如果正確性再高一點的話，則可以稱之為傳共享（Called by sharing）。
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
各位新年快樂，祝大家 2025 蛇年行大運！
這一次久違地跟大家分享技術相關心得，就如同標題所說，我在 2024 年時，在有兩年多的前端工程師工作經驗下轉到到了全端工程師的角色，並且已經在這個崗位上即將滿一年。
在這過去的一年中，有許多的心得想跟大家分享，那就讓我們直接開始吧！
與 cookie 相比，localStorage 與 sessionStorage 的機制相對單純，兩者皆是瀏覽器中的儲存空間，與 cookie 最大的不同在於：localStorage 與 ⋯⋯
在瀏覽器環境中有許多的儲存空間，想要查看這些空間的話，可以透過「chrome > Dev Tools > Application > Storage」即能進行查看。
瀏覽器內存空間的差異不僅常常被拿來被當作面試考題，在實務開發中更扮演舉足輕重的角色，今天就想透過這系列的文章深度了解這些瀏覽器內存⋯
Vite 是由 Vue 開發者 Evan You 所開發出來，用來加快、優化程式碼打包的工具，在這裡我們不免會需要提到大部分前端開發者可能都會聽過、使用過的前端工具：Webpack。
在那之前，我們先來聊聊為什麼前端會需要所謂的打包工具呢？
Storybook 是一個用來透過獨立元件快速開發 UI 介面的工具，以往要開發元件時，我們可能需要建立一個全新的頁面才能進行開發，但這樣的開發方式可能會有一個狀況：沒有辦法事先開發或是預覽流程中不存在的元件。
透過 Storybook 我們在開發元件時，不需要重新建立複雜的頁面結構⋯⋯
上一篇文章分享了 TypeScript 的定義、前端角色定位，如果你不是很確定「TypeScript 是什麼？」、「TypeScript 作為 JavaScript 的超集，在網頁開發扮演怎麼樣的角色？」這兩個問題的答案，建議可以回到上一篇先了解一下。
在前端的開發中，除了切版與串 API 外，大部分的時間都在針對表單內容進行檢核、驗證、阻擋，一方面是讓使用者在操作頁面的過程中有良好的使用者體驗，不會因為一些例外狀況（Edge Case），例如：莫名其妙的 4xx 錯誤，導致使用者卡在某個操作流程中逃不出來，另一方面是讓傳遞到後端的資料更加正確⋯⋯
在 2021 年的剛轉職成為前端工程師的時候，我在面試時滿常會被詢問到 JavaScript 中閉包的議題，當時候自己回答的滿差的，於是在 2022 年時，我寫了一系列的有關於函式程式設計鐵人賽的文章， 裡頭就有簡單提到有關於閉包的議題。
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制：傳參考（Called by reference），如果正確性再高一點的話，則可以稱之為傳共享（Called by sharing）。
在先前的型別文章中，我們曾經聊過 JavaScript 常用的一些型別，但針對布林這個型別，我們沒有做太多的解釋，原因在於布林值在 JavaScript 會有一個特殊的規則：自動轉型 。
自動轉型可說是讓 JavaScript 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
在先前的內容中，我們聊了許多在軟體業不同的職能角色，以及轉職者可以從中嘗試、跳轉的方向。
不過緊接著有另外一個常見的問題來了：關於那些我所沒有提到的領域呢？那些我沒提到的角色是不是就不適合跨領域的轉職者嘗試了？
別急別急，接下來我們就要來討論眾多轉職者都會有的煩惱⋯⋯
在先前內容中，我們很少提及但在軟體業其實也是相當熱門的職務，這個職務就是 AM（Account Manager ) 客戶經理。
你在人力銀行上，可能會看到跟客戶經理有相關的各式各樣的職務名稱，例如：客戶維繫專員、客戶關係專員、客戶成功專員，又或者是客戶成功經理⋯⋯
在先前的篇章中，我大概把一些主流、在軟體業中比較常被拿出來討論的角色說過一遍：例如：各種類型的軟體工程師、產品經理、專案經理等。
綜觀來說，這些角色都比較偏向內勤角色，即便會有需要與人溝通、協商的工作成分，在角色定位上大部分時間還是以跟體制內的同事，又或者是因為某個共同的軟體服務需求而一起協作⋯⋯
在先前的內容中，我們聊過了有關專案經理的工作範疇、技能以及產業生態，而產品經理與專案經理最大的差異在於：知識的深度、技能的深度，產品經理主要專研某個領域的專業知識並統籌出可以精準解決使用者問題的軟體服務，而專案經理並沒有資源能處理這麼細節的內容，更多時候還是以「結案」為首要目標。
在先前的內容中，大家可能都有注意到一個非常重要的角色：那就是 PM！說到 PM 大概是大家最看不透的角色，到底「PM」是什麼？這個職務的主要工作內容又是什麼，就讓我這個跟許多不同類型的 PM 交手過的軟體工程師，用一個較為側面觀察的方式跟大家說明吧！
在先前文中，有提到我在 2020 年時任職軟體新創公司時，意識到自己在行銷領域的有限性與不確定性，轉而想投入與產品開發有相關的角色，其中最一開始我想要轉職的並不是軟體工程師，而是 UIUX 設計師⋯⋯
在經營社群的過程中，我時不時會收到有讀者來詢問轉職到博弈領域相關的疑問，其中有部分並不是因為理解到對部分非本科工程師來說，博弈或是區塊鏈相關的產業是一個門檻較低的領域所以才來詢問轉職方向，而是單純薪資高，所以想要嘗試轉職進博弈或是區塊鏈產業⋯⋯
相較於接案公司，說到自有軟體產品的企業，普遍大家會自動套上粉紅濾鏡，覺得產品公司就是比較好，不像接案毛利低、又常常有時程壓力。
在網路上也可以找到各式各樣的文章告訴你接案公司的各種地獄故事，覺得如果有選擇的話，可以做產品就不要接案，就連以前的我也都有一顆產品夢。
但事實真的是這樣嗎？
先來幫大家複習一下我的轉職歷程，簡短來說，我是先到了一間軟體公司負責軟體的中英翻譯、行銷，讓我對打造軟體產品起了濃厚的興趣。
轉職前端後，我在台灣北部知名的接案公司待了一年半，後續開啟我的自有產品開發之路，以撰寫文章當下的現狀來說，我在一間台灣知名老牌的財經平台寫了八個月的軟體產品後，投入到⋯⋯
在先前的內容中，我們聊了許多在軟體業不同的職能角色，以及轉職者可以從中嘗試、跳轉的方向。
不過緊接著有另外一個常見的問題來了：關於那些我所沒有提到的領域呢？那些我沒提到的角色是不是就不適合跨領域的轉職者嘗試了？
別急別急，接下來我們就要來討論眾多轉職者都會有的煩惱⋯⋯
在先前內容中，我們很少提及但在軟體業其實也是相當熱門的職務，這個職務就是 AM（Account Manager ) 客戶經理。
你在人力銀行上，可能會看到跟客戶經理有相關的各式各樣的職務名稱，例如：客戶維繫專員、客戶關係專員、客戶成功專員，又或者是客戶成功經理⋯⋯
在先前的篇章中，我大概把一些主流、在軟體業中比較常被拿出來討論的角色說過一遍：例如：各種類型的軟體工程師、產品經理、專案經理等。
綜觀來說，這些角色都比較偏向內勤角色，即便會有需要與人溝通、協商的工作成分，在角色定位上大部分時間還是以跟體制內的同事，又或者是因為某個共同的軟體服務需求而一起協作⋯⋯
在先前的內容中，我們聊過了有關專案經理的工作範疇、技能以及產業生態，而產品經理與專案經理最大的差異在於：知識的深度、技能的深度，產品經理主要專研某個領域的專業知識並統籌出可以精準解決使用者問題的軟體服務，而專案經理並沒有資源能處理這麼細節的內容，更多時候還是以「結案」為首要目標。
在先前的內容中，大家可能都有注意到一個非常重要的角色：那就是 PM！說到 PM 大概是大家最看不透的角色，到底「PM」是什麼？這個職務的主要工作內容又是什麼，就讓我這個跟許多不同類型的 PM 交手過的軟體工程師，用一個較為側面觀察的方式跟大家說明吧！
在先前文中，有提到我在 2020 年時任職軟體新創公司時，意識到自己在行銷領域的有限性與不確定性，轉而想投入與產品開發有相關的角色，其中最一開始我想要轉職的並不是軟體工程師，而是 UIUX 設計師⋯⋯
在經營社群的過程中，我時不時會收到有讀者來詢問轉職到博弈領域相關的疑問，其中有部分並不是因為理解到對部分非本科工程師來說，博弈或是區塊鏈相關的產業是一個門檻較低的領域所以才來詢問轉職方向，而是單純薪資高，所以想要嘗試轉職進博弈或是區塊鏈產業⋯⋯
相較於接案公司，說到自有軟體產品的企業，普遍大家會自動套上粉紅濾鏡，覺得產品公司就是比較好，不像接案毛利低、又常常有時程壓力。
在網路上也可以找到各式各樣的文章告訴你接案公司的各種地獄故事，覺得如果有選擇的話，可以做產品就不要接案，就連以前的我也都有一顆產品夢。
但事實真的是這樣嗎？
先來幫大家複習一下我的轉職歷程，簡短來說，我是先到了一間軟體公司負責軟體的中英翻譯、行銷，讓我對打造軟體產品起了濃厚的興趣。
轉職前端後，我在台灣北部知名的接案公司待了一年半，後續開啟我的自有產品開發之路，以撰寫文章當下的現狀來說，我在一間台灣知名老牌的財經平台寫了八個月的軟體產品後，投入到⋯⋯
2022 下半年，我加入了一個中型的網頁開發專案，除了專案要使用自己所不熟悉的新技術，日常的線上 Bug及 瑣事依然要處理，工作理所當然變得充實且忙碌。
一個月中大概至少有三分之一的工作天都在加班，這讓我的生活發生許多變化，最明顯的一點是：我可以利用的時間變少了，大部分的時間都被工作給佔據⋯⋯
轉職為前端工程師幾個月後，與以往工作性質最不同的地方是，工程師大部分的時間不需要跑外勤，也不用去招呼客戶，所以不是坐著，不然就是往椅子的方向前進。
身為個子不高的女性工程師，我在辦公室常常會遇到一個困擾：椅子太深、椅背太靠後面了！
我是Vivian，我們下次見。
第一次接觸到人格測驗大約是國中的時候，但這個時間點並不是很重要，因為到大學畢業，甚至是到我前一份工作前，幾乎都會被要求進行生涯相關的性向測驗。
然而這些老師或是人資單位提供的性向、人格測驗真的非常非常簡陋，簡陋到⋯⋯
2022 下半年，我加入了一個中型的網頁開發專案，除了專案要使用自己所不熟悉的新技術，日常的線上 Bug及 瑣事依然要處理，工作理所當然變得充實且忙碌。
一個月中大概至少有三分之一的工作天都在加班，這讓我的生活發生許多變化，最明顯的一點是：我可以利用的時間變少了，大部分的時間都被工作給佔據⋯⋯
轉職為前端工程師幾個月後，與以往工作性質最不同的地方是，工程師大部分的時間不需要跑外勤，也不用去招呼客戶，所以不是坐著，不然就是往椅子的方向前進。
身為個子不高的女性工程師，我在辦公室常常會遇到一個困擾：椅子太深、椅背太靠後面了！
我是Vivian，我們下次見。
第一次接觸到人格測驗大約是國中的時候，但這個時間點並不是很重要，因為到大學畢業，甚至是到我前一份工作前，幾乎都會被要求進行生涯相關的性向測驗。
然而這些老師或是人資單位提供的性向、人格測驗真的非常非常簡陋，簡陋到⋯⋯
2016年時，我是一個還在讀大二的英文系學生，那時候我與我的人生初戀交往不久，正處於非常愛與身邊同儕比較穿著打扮的時候。
那時的我，除了在課餘時間當家教打工外，我還有一個興趣，就是看美妝Youtuber學習如何保養化妝⋯⋯
正式踏上轉職之旅前，我常常會有一些自我貶低、設限的想法，而這些想法逐漸化作言語，慢慢腐蝕我的思想，趕走我對於未來的希望。
那是一個下午，我與朋友J如往常進行著讀書會。
在拜讀《不節食的美好生活提案》這本書前，我與食物的關係一直都還滿糟的，我曾歷經厭食、暴食等飲食失調的症狀，而這一切這還要從我很小的時候說起：
從小我的身形就一直發育的比同年齡的小孩快⋯⋯
真正意識到自己心中有許多錯綜復雜的焦慮時，大概是我23歲的時候了。
那個時候的我，短短畢業不到半年就換到第三份工作，在那之前的第一份、第二份工作，我大概都只撐了一個半月，也許是不喜歡當時的工作環境，又或者無法適應整個不友善的就業環境。
朋友J是引領我進入程式開發領域的導師，一直以來，我非常羨慕朋友J的學習效率，雖然平常看似漫不經心，見到他的時候也很少看到他進修、學習新知，但如果他想要，即便是週日晚上，他也可以心無旁騖專心做事，或者是像老僧一樣入定，看個課程就彷彿進入心流的狀態。
今年過年時，輾轉知道親戚A剛上大學，並選了資訊相關的科系來就讀，聽到的當下讓我非常的震驚，為什麼我會很驚訝呢？這故事要從去年說起。
當初Ａ在填選自願時，也許是因為近期台灣的大學皆面臨少子化的難題，該大學的系主任親自上門拜訪⋯⋯
你有聽Podcast的習慣嗎？
2020年被稱為台灣的Podcast元年，許多充滿了智慧、知識的音頻節目如雨後春筍般出現，連平常不怎麼聽廣播的我也都養成了通勤、做家事一定要聽Podcast的習慣。
身為一個初入職場不到兩年職場新鮮人，我在剛畢業的時候就累積了兩次正職的辭職經驗，加上長達六年的兼職家教經驗的話，總共有四次自願性離開工作崗位的經驗⋯⋯
2016年時，我是一個還在讀大二的英文系學生，那時候我與我的人生初戀交往不久，正處於非常愛與身邊同儕比較穿著打扮的時候。
那時的我，除了在課餘時間當家教打工外，我還有一個興趣，就是看美妝Youtuber學習如何保養化妝⋯⋯
正式踏上轉職之旅前，我常常會有一些自我貶低、設限的想法，而這些想法逐漸化作言語，慢慢腐蝕我的思想，趕走我對於未來的希望。
那是一個下午，我與朋友J如往常進行著讀書會。
在拜讀《不節食的美好生活提案》這本書前，我與食物的關係一直都還滿糟的，我曾歷經厭食、暴食等飲食失調的症狀，而這一切這還要從我很小的時候說起：
從小我的身形就一直發育的比同年齡的小孩快⋯⋯
真正意識到自己心中有許多錯綜復雜的焦慮時，大概是我23歲的時候了。
那個時候的我，短短畢業不到半年就換到第三份工作，在那之前的第一份、第二份工作，我大概都只撐了一個半月，也許是不喜歡當時的工作環境，又或者無法適應整個不友善的就業環境。
朋友J是引領我進入程式開發領域的導師，一直以來，我非常羨慕朋友J的學習效率，雖然平常看似漫不經心，見到他的時候也很少看到他進修、學習新知，但如果他想要，即便是週日晚上，他也可以心無旁騖專心做事，或者是像老僧一樣入定，看個課程就彷彿進入心流的狀態。
今年過年時，輾轉知道親戚A剛上大學，並選了資訊相關的科系來就讀，聽到的當下讓我非常的震驚，為什麼我會很驚訝呢？這故事要從去年說起。
當初Ａ在填選自願時，也許是因為近期台灣的大學皆面臨少子化的難題，該大學的系主任親自上門拜訪⋯⋯
你有聽Podcast的習慣嗎？
2020年被稱為台灣的Podcast元年，許多充滿了智慧、知識的音頻節目如雨後春筍般出現，連平常不怎麼聽廣播的我也都養成了通勤、做家事一定要聽Podcast的習慣。
身為一個初入職場不到兩年職場新鮮人，我在剛畢業的時候就累積了兩次正職的辭職經驗，加上長達六年的兼職家教經驗的話，總共有四次自願性離開工作崗位的經驗⋯⋯
