RD少女養成計畫
51公開內容
為了追求可以窩在座位上、可以心無旁騖思考問題、座位可以亂七八糟沒關係、不需要到處哈腰點頭跑客戶，不用腳踩十公分、連妝都可以不用化的職場人生，文組少女毅然決然踏上RD的養成日常。
全部內容
免費與付費
最新發佈優先
各位新年快樂，祝大家 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 為弱型別、且難以管理的最重要的要素，接著就來讓我們來聊聊什麼是自動轉型
在剛開始寫 JavaScript 可能大多數的人不會特別意識到 JavaScript 的型別系統有什麼特別之處，我是在看完 Youtube 上 CS50 的課程，才理解到在不同的程式語言中，會因為語言的特性而有不同的系統，JavaScript 就是偏向比較特別的那一種。
之前工作滿一年的時候有想過要寫個前端工作一年心得，但去年十月的時候手上正在開發一個時程很趕的專案，加上在寫 2022 年度的 ithome 鐵人賽，所以一直沒有時間來分享心得。
到了 2023 下半年時，自己有刻意放慢生活的節奏，終於有時間有紀錄轉職以來的歷程。
前陣子在跟讀者聊天的時候，發現在 Junior 階段很容易遇到一些工作上挫折，但又不太知道怎麼解決或是優化。
也有可能在開發過程中碰到了些大地雷，但身邊的前輩、同事不一定能用比較軟性的方式好好的傳達，這是非常常出現的，尤其是在跨部門協作經驗較少的工程師，會不曉得怎麼用淺顯易懂的語言告訴⋯⋯
在前端開發中，很常會有需要轉址的需求，且處理的手法滿因人而異的，所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式，以及各自的差異。
說到 HTML 元素的換行效果，在前端有滿多種實作方式的最常見的方式是使用 <br /> 這個 HTML 元素來進行換行 ⋯⋯
自己在剛開始進入前端領域時，很剛好遇上需要使用 TypeScript 的案子，一開始都是跟著前輩怎麼寫就怎麼寫，不太有其他餘力來思考「為什麼」會需要寫這門程式語言，直到自己後來使用了 TypeScript 完整開發了電商的購物流程，才慢慢理解到使用 TypeScript 的好處與優勢。
前端工程師可能會隨著工作經驗的累積，而開始想要寫出更好的網頁架構，又或者是能有一套方法讓組織間的溝通、工作模式更加順暢。
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫，支援多平台（JavaScript SDKs、Android、iOS），可以讓使用者即時取得資料庫的資料。
Functional Programming 中文譯作函式程式設計，或是功能性程式設計，常簡稱為：FP，是一種透過使用純函式（Pure Funciton）進行軟體開發，且避免副作用的程式設計典範，比起宣告式的流程控制，在 FP 採用主要以表達式的方式撰寫程式碼。
2022/12/06
哈囉 ! 第一次來你這逛逛 ，說真的 你發的程式那感覺好複雜哦!! 不過沒關係 大家興趣不同，歡迎有空到我那逛逛 我那也有IG網站 可以去我的IG網站看看我畫的漫畫 讓生活中增加一點小確幸哦!! :")
在 Modern Web 的世界中，已經有非常多的套件、語法、框架，可以解決大部分網頁排版問題。
以我近期的觀察來說，在專案開發時，大部分公司會為了讓下一個接手、維護的開發者能更快上手專案架構，而採取原生的 CSS 寫法，而不是仰賴快速又方便的套件。
