這次要運用 PHP 中的 PDO 物件來連線至 MySQL 資料庫，接著取得整個資料表（即所有資料筆數），這邊要注意！若遇上資料表很大的情況可能導致記憶體崩潰，請注意伺服器系統資源的使用，當然也可以使 […]

在 HTML 中，<button> 並沒辦法直接加上 href 屬性使按鈕作為連結，因此需要靠一些「手段」讓按鈕有像是 <a> 一樣的行為。 首先是方法一，利用一個 […]

上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝，還沒有實際去用一些節點來傳輸資料與顯示資料等，因此這次想藉著簡單的亂數輸出來顯示到儀表板，做個簡易的小練習。首先我們需 […]

Node-RED 建構在 Node.js 之上，也就是說需要先行安裝好該環境，這款工具才能運作。早期由 IBM 所開發，後來在 2016 年交給 OpenJS 基金會維護及運作網站等，現今為一個開源專 […]

<datalist> 是 HTML 原生的標籤，目的是用來建立一組資料清單，並與 <input> 輸入欄位做結合，到瀏覽器端顯示時，使用者只要點擊輸入欄位即會跳出下拉選單，可以 […]

由於常常需要使用 PHP 來撰寫後端，可能會遇上型別種類分辨、判斷之類的問題，因此決定整理於此，好方便未來查看。資料型別（Data Type）是用來約束資料的解釋，在程式語言中常常能看到 […]

升級 WordPress 5.8 後在「外觀」→「小工具」將改用區塊編輯器取代傳統編輯器，官方表示未來將逐步讓各項功能支援區塊編輯器，實現可以從後台就編輯全站的願景，的確透過區塊編輯 […]

WordPress 只要輸入帳號與密碼就能進入管理後台，這在現在駭客攻擊愈加猖獗的年代來說是有點危險，各大社群網站與平台都開始啟用兩步驟驗證登入，難道不讓我們的 WordPress […]

站長常常關注站內的流量狀況，但從最近開始我就有發現到異常，網站出現一種神秘的現象。首先先說明我是使用 WordPress 外掛「WordPress Popular Posts」作為站內流量統計用 […]

再來複習一次 JavaScript Function (函數)！這次是要輸入西元年來判斷是否為閏年，閏年指該年有 366 日（天），即較平常年份（平年）365 日多出一日，主要用來彌補 […]

很久沒寫程式了！來複習 JavaScript Function (函數) 吧！這次來寫 BMI 計算的函數，大家都知道 BMI 計算公式是體重（公斤）除以身高（公尺）的平方，寫成算式為 […]

以前在網頁上做背景毛玻璃非常麻煩，要特別在需要毛玻璃背景的元素上加偽元素 ::before，然後直接對偽元素加網頁背景影像本身 + filter: blur(5px);，數值可調整，這樣就搞定 […]

一般來說如果網頁要使用文字的修飾線條，都會用到 CSS 的「text-decoration」屬性，不過這個傳統的屬性並沒辦法做太多動態的變化，因此這次教大家使用另一個 CSS 屬性「back […]

現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以抓取現在的模式， […]

這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取下來成圖檔。 […]