未分類

使用 Docker 架設 MQTT 伺服器 (Mosquitto MQTT Broker) - 封面圖 軟體開發

使用 Docker 架設 MQTT 伺服器 (Mosquitto MQTT Broker)

MQTT (Message Queuing Telemetry Transport) 是一種輕量且高效的通訊協定,被廣泛應用於各種通訊需求中,尤其在物聯網和即時通訊領域。MQTT 採用發布/訂閱模型,當一個設備發布訊息到特定主題時,所有訂閱該主題的設備都能夠接收該訊息。此外,MQTT 提供了多種不同的 QoS (Quality of Service) 等級,這確保了訊息的可靠性和一致性,同時允許根據應用情境進行適度的調整。
淺談 Dockerfile 使用方法及最佳實踐 - 封面圖 軟體開發

淺談 Dockerfile 使用方法及最佳實踐

Docker 是一個容器化平台,能夠協助開發人員在不同環境中輕鬆部署和執行應用程式。 其中,Dockerfile 是一個關鍵的工具,它是一個文本檔案,包含一系列指令,用於定義 Docker 映像檔的建立流程。 Dockerfile 包括了從基本映像檔開始,逐步添加應用程式、相依套件、環境變數及相關設定,使您能夠建立一個高度客製化的容器環境,同時確保應用程式在不同的環境中能保持一致性。
jQuery 轉原生 JavaScript 對應語法 - 封面圖 軟體開發

jQuery 轉原生 JavaScript 對應語法

最近我嘗試將專案中的 jQuery 全部替換為原生 JavaScript,但發現這不是一個簡單的任務。除了更改語法外,許多依賴 jQuery 的套件也要尋找替代方案。 起初,我嘗試使用網路上的一些將 jQuery 轉換為 JavaScript 的工具,但這些工具大多存在一些缺陷,有些 jQuery 語法無法直接轉換,最後我還是必須手動一行一行檢查。因此,最後我決定還是自己花時間慢慢重新調整程式碼,本文是我自己進行 jQuery 轉原生 JavaScript 語法時的筆記,希望能幫助到跟我一樣在進行換掉 jQuery 套件任務的開發人員。
Parallax Scrolling 網頁視差滾動製作方法 - 封面圖 軟體開發

Parallax Scrolling 網頁視差滾動製作方法

Parallax Scrolling 是指當您在滾動網頁時,讓特定元素以不同的速度移動,創造出一種視覺上的效果,稱為視差滾動。這種技術能讓您的網站看起來更豐富、更時尚感、更具沉浸感,使用視差滾動製作的網頁,您很難不被它吸引。視差滾動網頁製作的困難度非常高,幾乎可以直接另開專案處理,而本文將介紹兩種相對簡單很多的方法,讓您的網站可以輕鬆使用。
Scrollspy 滾動監控,讓網頁根據捲軸位置自動更新選單 - 封面圖 軟體開發

Scrollspy 滾動監控,讓網頁根據捲軸位置自動更新選單

這次網站改版,我想在文章右邊加入目錄,並且讓目錄可以根據卷軸位置自動更新顯示,這種功能稱為滾動監聽 (Scrollspy)。Scrollspy 技術很早以前就有了,算不上什麼新技術,所以我本來打算直接使用 Bootstrap 內建的 Scrollspy 製作。在製作過程中,我一直遇到觸發更新事件的捲軸位置不正確的問題。因此,我花時間研究了一下 Scrollspy 原理,並決定自己開發此功能,本文將分享我的製作思路,提供給大家參考。