前端三分鐘

從搶票按鈕談怎麼使用開發人員工具來 Debug/Hack 你的網頁，並且介紹網頁開發中 HTML/CSS/JavaScript/API Debug 技巧與方法。 什麼是 Debug人與人之間的溝通總是最難的課題，處理事情很多時候都在處理人的問題，人跟人之間的溝通只能靠努力。 程式語言也是溝通的一種，只是溝通的對象是機器，而瀏覽器的開發者工具是開發者跟瀏......

偷吃完都有記得擦嘴嗎?! 背地裡在檯面下做了一些事情又不想被發現或影響另一半怎麼辦?! 有沒有辦法自動化的把相關痕跡去除或隱藏?! 當然正常情況下是要盡量避免做一些見不得光的事情，但總是有些人會如此，而 CI/CD 的目的就是為了確保程式碼在提交之後，減少因為少部分檯面下的更動影響程式運行的流程，確保程式碼的品質。 什麼是 CI/CD?CI (Continuous Int......

經過了一陣子的學習，小編認為有 8 個寫 JavaScript 前可以思考的問題，這就好像談戀愛前，我們必須 👉 理解自己是什麼特質的人👉 懂得發揮自己的特長和優勢👉 盡可能探索與了解自己所愛的事物 才不會明明是沉穩、內斂的人卻硬要變得開放、外向、愛講笑話、學炒熱氣氛，反而應該是要找到適合使用的道具和發揮特長和優勢的場合。 接下來就來一題題看下去，那些關於前端，有哪些該知道的小撇步吧。......

前端的框架跟函式庫百百種，究竟該怎麼選? 其實這跟伴侶的選擇有點像，要選當下適合我們的而非一昧的追求最好，當需求與供給沒辦法對應時，勉強別人接受並不公平，勉強自己適應也很痛苦。 函式庫和框架的選擇也是，實際上遇到的問題絕對都有一種以上的解決方案，而哪種方式才是最適合的就該好好想想。 在簡單的專案使用框架只會增加複雜度，在複雜專案的使用卻讓專案變得單純 所以該不該使用框架，端看各位大大遇到......

模組可以理解是在情場小白在跟女孩相處的過程中卻意外擁有把妹高手前同事提供的 “教戰守則”，同事總會在一些時間、情境時告訴你一些小撇步讓男女之間感情升溫。 打包工具則是在這些 “鍛鍊” 的過程中，讓 “教戰守則” 能夠自然且最佳化的融入到自身進而能夠靈活的運用。 模組化載入封裝元件最簡單的方式是透過 IIFE 和 Module Pattern 來產生元件模組。 在網路上一篇關於模組化載入 的文......

在版本控制系統中 Monorepo 和 Polyrepo 分別是兩種用來管理模組化程式碼的軟體開發策略。 以男女之間來說，就像是金錢是要分開管理 (Poly) 或是一起管理 (Mono)，即使一起管理是單純全部丟在一起 (Monolith) 還是有做簡單的分類 (Monorepo) 像是個人花費和公共花費等等。 👉 小編點評: 該分開就早點分開，這個道理在哪似乎都適用 接下來這篇文章以前後......

前後端分離或是在一起間接影響網頁渲染的方式，常見的渲染形式會有用戶端渲染 (CSR) 和伺服器端渲染 (SSR) 兩種。 這就好像男女朋友是否同居一樣，會大大影響兩人的日常生活型態，分開時兩者的自由度都較高，在一起同居時總會需要考慮彼此狀態。 前後端要分離或是在一起? 渲染的方式該怎麼決定? 小編覺得也各自有各自的優缺點，接下來就來開箱 CSR 跟 SSR 吧。 Client Side Re......

專案資料夾架構今天談談專案資料夾的結構，在還沒開始寫任何程式前，可以思考的是檔案要怎麼收納。 不知道各位情場高手都怎麼收納前男友或前女友們的禮物呢? 是按照物品種類來分類? 還是依照對象來分類? 或是直接丟掉? 隨著數量上升後管理的難度也會上升，以小編這幾年看過不少專案的經驗下來，覺得程式碼也跟收納一樣分成兩種流派 按照屬性分類 按照功能分類 接下來就讓我們看看兩種收納的差別吧! 屬性分......