前端三分鐘

在新鮮人階段時，通常不太確定面試可以問什麼或該問什麼，當面試到最後被問起:「你還有什麼問題想問嗎?」又該怎麼回答? 隨著職涯的發展，這個問題終究是回到自身想要成為什麼樣的大人? 對於個人來說，面試的目標是要找到不討厭、別人願意付錢請我們做、我們可能也做得不錯的事情。 面試前端，你還有什麼問題想問嗎?在面試過程除了被面試其實也在面試團隊跟公司，而一個好的問題可以幫助我們從更多面向去了解這間......

以 React 來說，要寫出一個元件有 Class-based 或是 Functional 兩種方式，兩者之中 Functional 寫法較為簡單且透過 Hook Pattern 能輕易將資料邏輯與顯示分離，長期來看透過 Functional 的方式會更容易去維護和重構。 參考文章: 從特性淺談 React Class-based 和 Functional Component 兩種寫法之異同......

小編在之前的文章介紹過常用 Nginx Config 與相關指令來入門網站架設，這篇文章接著會介紹 Nginx 管理與監控工具 Nginx Proxy Manager、Nginx GIXY、GoAccess。 Nginx Proxy ManagerNginx Proxy Manager 提供圖形化的管理介面，並且內建支援 Let’s Encrypt 能免費支援網頁 HTTPS 服務。 透過 ......

測試這件事情是為了一致性，為了不讓伴侶不信任，在男女之間交往一致性也是很重要的一環。 在日常的對話和相處過程中，彼此都會透過些方法來確認， John Rempel 等人提出信任包含可預測、可依賴和信念三個要素。 可預測判斷的依據就是過去伴侶行為的一致性 可依賴代表相信且願意依賴伴侶協助解決問題 以程式測試來說，每次的測試會期待能得到相同結果，並且認為能夠依賴系統解決問題。 舉個例子來說小......

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

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

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

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