May 27《習慣致富》閱讀心得大家好，這篇文我想紀錄一下五月份讀過其中一本覺得很有幫助的書：《習慣致富：成為有錢人，你不需要富爸爸，只需要富習慣》，閱讀心得本身會著重在這本書如何幫助到我。心得會遵循以下三個問題作為框架： 為什麼想要讀這本書、遇到什麼問題 這本書有什麼重點，如何轉化成行動、想法是什麼 會因為這些行動和想法做出什麼改變 為什麼想要讀這本書、遇到什麼問題 最近因為生活因素，支出了一筆對我而言非常可觀的金額，這件事造成了我蠻大的焦慮，也開始思考： 如何累積更多財富？ 富人為何能成為富人？他們和我的差別是什麼？ 前後翻了《致富心態》、《窮體質，富體質》，感覺都沒有回答到我想問的這個問題，讀了一點點就都先放下了。後來讀了這本《習慣致富》，學習到非常多，也覺得非常滿足，因此五月份我選擇了這本書。Rich6 min readRich6 min read
May 22Rspack 筆記－體驗超快速的前端打包工具大家好，這篇文我們來試用一下 Rspack。 Rspack 是一個基於 Rust 的打包工具，可以幫助我們把前端撰寫的原始碼轉換成瀏覽器看得懂的樣子。相信讀到這裡應該也能看出，這是一個功能類似於 Webpack 的工具。那為什麼會有 Rspack 呢？ Rspack 想要解決什麼問題 Rspack 的誕生其實和 Webpack 有著很大關係。更直白地說，它是因為 Webpack 本身性能 …Front End Development11 min readFront End Development11 min read
Apr 30Alova.js 筆記－試用相較 axios 更輕量、更高集成的請求庫大家好，這篇文我們來看一個也可以用來發起 HTTP 請求的庫 Alova.js。Alova.js 是一個請求策略庫（Request strategy library），讓我們可以根據所需用簡潔的程式碼撰寫出符合當下情境的 HTTP 請求。 Alova.js 擁有什麼優勢？ 在前端開發領域中，對於想要解決的問題幾乎都能找到對應的框架或庫來節省開發者寶貴的時間。因此當我們想去使用或是將 …Frontend18 min readFrontend18 min read
Apr 29《與成功有約：高效能人士的七個習慣》閱讀心得大家好，這篇文我想紀錄一下四月份讀過其中一本覺得很有幫助的書：《與成功有約：高效能人士的七個習慣》，閱讀心得本身會著重在這本書如何幫助到我。心得會遵循以下三個問題作為框架： 為什麼想要讀這本書、遇到什麼問題 這本書有什麼重點，如何轉化成行動、想法是什麼 會因為這些行動和想法做出什麼改變 為什麼想要讀這本書、遇到什麼問題 當初聽到這本書是在瓦基的 Podcast 下一本讀什麼，裡面就有稍微提及七個習慣，因為也剛好正在讀《為什麼我們這樣生活，那樣工作？》，加上先前讀過《原子習慣》，知道習慣可以如何改變一個人，因此希望能藉由這本書，找到一些需要加強的努力指標，並幫助我自己養成良好的習慣和健全的心態。 這本書有什麼重點，如何轉化成行動、想法是什麼 這本書的重點就是其中提及的七大習慣，分別為： 主動積極 以終為始 要事第一 雙贏思維 知彼解己 統合綜效 不斷更新 主動積極 騎車到上班的途中，遇到另一個不守交通規則，導致差點與我們發生車禍後還若無其事離開的駕駛人，我們可以選擇追上去痛罵他，並帶著不高興的情緒度過一天，也可以心懷感激，今天差一點就摔車，謝謝上天眷顧了我。我們無法控制外界傳遞給我們什麼樣的刺激，但我們可以決定外界刺激對我們的影響程度。Reading8 min readReading8 min read
Mar 24《一流的人如何駕馭自我》閱讀心得大家好，這篇文我想紀錄一下三月份讀過的其中一本書：《一流的人如何駕馭自我》。這本書比較特別的是我是在電子書網站每日促銷時以 99 元的極低價購入，沒有很仔細看書的介紹，導致內容和我預期的有點落差，因此不會遵循一、二月所使用的心得框架。不過，因為中後段看得很開心也畫了非常多線，因此還是選擇了這本，內容會著重在它讓我得到了什麼收穫。 這本書原名叫做《The Passion Paradox: A Guide to Going All In, Finding Success, and Discovering the Benefits of an Unbalanced Life》所以更直白的翻譯其實應該是《熱情悖論》，不過我想翻成《一流的人如何駕馭自我》也沒有問題，一來是確實還是有符合到書中想傳達的內容、二來則是若照翻《熱情悖論》，恐怕我就不會購入這本書了。 熱情可能會導致什麼問題？ 既然使用了悖論這個詞，就代表著熱情乍看之下是個很棒的元素，實際上可能存在著某個我們沒有發現的問題。Reading6 min readReading6 min read
Mar 6理解「Thanks for inventing JavaScript」的每個輸出結果大家好，這陣子我在翻閱《Clean Code 學派的風格實踐》時發現它記錄了一些 JS 的特性，翻著翻著就想到了上面這張圖。這篇文我們試著來理解並拆解一下「Thanks for inventing JavaScript」這張有名的迷因圖。 typeof NaN // “number” 在 JavaScript 中，數字型別（number type）總共有 18,437,736,874,454, …JavaScript9 min readJavaScript9 min read
Feb 26《大人學選擇》閱讀心得大家好，這篇文我想紀錄一下二月份讀過其中一本覺得很有幫助的書：《大人學選擇》，閱讀心得本身會著重在這本書如何幫助到我。心得會遵循以下三個問題作為框架： 為什麼想要讀這本書、遇到什麼問題 這本書有什麼重點，如何轉化成行動、想法是什麼 會因為這些行動和想法做出什麼改變 為什麼想要讀這本書、遇到什麼問題 聽 Podcast 也有兩年了，《大人的 Small Talk》是我一直有在持續關注的頻道，從中受益許多外，也曾經上過大人學的實體課程。先前就曾讀過創辦人之一 Joe 的《為何會拿好人卡？：老僑的七堂戀愛管理課》和《愛情市場學》外，《為什麼不該追求愛情》這支影片我也看了三次。 除了抱著粉絲的心態外，出了社會已經好幾年的我，其實也常常在思考：「怎麼樣才算是一個成熟、穩重的人？」、「如何讓自己的人生不要越過越糟」、「如何與身邊的人好好相處」等等的問題，這本由兩位大人學創辦人共同撰寫，針對各個領域都提出見解的《大人學選擇》自然就進入了我的待讀清單。Reading6 min readReading6 min read
Feb 18運用 CSS ＠supports 解決瀏覽器差異問題註：由於半形的 ＠ 會觸發 Medium 編輯器的標記功能，為避免奇怪問題這裡都採用全形的 ＠。 今天這篇我們來記錄一個很有意思的 CSS at-rule。at-rule 看起來有點陌生，但它其實就是讓我們指定 CSS 應該如何執行。例如我們在不同斷點須撰寫特定樣式時會使用的 ＠media 就是一種 at-rule： @media screen and …CSS5 min readCSS5 min read
Jan 16《讀懂一本書》閱讀心得大家好，這篇文我想紀錄一下一月份讀過其中一本覺得很有幫助的書：《讀懂一本書》，閱讀心得本身會著重在這本書如何幫助到我，參考大人的Small Talk 訪談說書人瓦基的這集 Podcast，大致會遵循以下三個問題作為框架： 為什麼想要讀這本書、遇到什麼問題 這本書有什麼重點，如何轉化成行動、想法是什麼 會因為這些行動和想法做出什麼改變 為什麼想要讀這本書、遇到什麼問題 我從去年購入一台 iPad 作為筆記工具和閱讀器之後，開始有了固定閱讀電子書的習慣。光是在心中把書中的字一個一個唸完是不夠的，如何把它轉化成對自己有用的資訊更為重要。 這本書是由說書人樊登所著，作為一個說書人，能把書中的內容轉換成別人都能懂的資訊，相信這本書一定能為我帶來很大的幫助。Reading5 min readReading5 min read
Jan 15在 Hover 時更改 SVG 顏色的幾種方式大家好，這篇我們來紀錄一下可以讓 SVG 在滑鼠移動到其之上換色的幾種方法。SVG 全稱為可縮放向量圖形，其優點如下： 撇除非常小的尺寸，SVG 在任何尺寸下都不會失真 本質上為 XML 標記語言，這表示透過文字編輯器即可修改其內容 可和 HTML、CSS 及 JavaScript 一同運作 使用 <img> 引入 img 標籤讓我們可以在 HTML 文件中嵌入圖片，可嵌入的圖 …SVG11 min readSVG11 min read
