前端三分鐘

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

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

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

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