為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁 <head> 到 & […]
網站技術
網站技術，包含網頁設計、網站架設與網站經營三大部分。
Node-RED 可以讓使用者在 Node.js 的環境中做非常多事情，只要拖拉節點，寫一點點的 Code，就能做到挺複雜的事情，而為了練習讀取 MySQL 資料庫並從其中查詢資料表內的所有資料 […]
Node-RED 預設是無帳號與密碼的，因此若建立在公開的伺服器上就是不安全的，任何人都可以透過 IP 或網域連上平台，且直接修改及部屬編輯器上的節點，因此我們要運用其內建的使用者身分驗證機制來保 […]
XAMPP 是一款易於安裝的 Apache 發行版本，其中還包含了 MariaDB、PHP 和 Perl，僅需要下載且安裝軟體，再以軟體控制面板啟動相關服務，就能輕鬆在電腦或伺服器上架設網 […]
在預設的 PHP 環境中，因為資安的因素，錯誤資訊是被隱藏的，如果網頁哪邊撰寫錯誤，可能會直接給出一個空白頁面，因此在偵錯上就會比較麻煩，為了方便暫時進行開發作業，我們可以用簡單的兩種方式 […]
在前端領域，最近最常被提到的一定是 Bootstrap，它是一組用於網站和網路應用程式開發的開源前端框架，也是包含了 HTML、CSS 及 JavaScript（簡稱「JS」）的框架，提供排 […]
近期 Bootstrap 穩定版已經開發到 5.1 了！不過很多人還是用較舊的版本在進行網頁的開發，而我自己在用 Bootstrap 3.4.1 做面板（Panel）時，就發現了其一個很棒的功能，就是 […]
這次要一次解說兩個 PHP 的方法（函數），首先先來介紹 glob()，它可以用來取得匹配之檔案路徑，您可以透過一些特殊字元來尋找檔案的完整相對路徑，舉例來說要取得在 gpx 資料夾下的所 […]
學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等，而某 […]
學習 PHP，一定要知道 php.ini 是做什麼的！這個設定檔其實就是 PHP 的初始設定，所以一切跟 PHP 有關的環境設定都在裏頭做修改，而每次的修改都必須重新啟動伺服器才會生效，如果您是 […]
這次要運用 PHP 中的 PDO 物件來連線至 MySQL 資料庫，接著取得整個資料表（即所有資料筆數），這邊要注意！若遇上資料表很大的情況可能導致記憶體崩潰，請注意伺服器系統資源的使 […]
在 HTML 中，<button> 並沒辦法直接加上 href 屬性使按鈕作為連結，因此需要靠一些「手段」讓按鈕有像是 <a> 一樣的行為。 首先是方法一，利用一個 […]
上次提到 Node-RED 只做了簡單的介紹與教大家如何安裝，還沒有實際去用一些節點來傳輸資料與顯示資料等，因此這次想藉著簡單的亂數輸出來顯示到儀表板，做個簡易的小練習。首先我們需要在 Node- […]
Node-RED 建構在 Node.js 之上，也就是說需要先行安裝好該環境，這款工具才能運作。早期由 IBM 所開發，後來在 2016 年交給 OpenJS 基金會維護及運作網站等，現今為 […]
<datalist> 是 HTML 原生的標籤，目的是用來建立一組資料清單，並與 <input> 輸入欄位做結合，到瀏覽器端顯示時，使用者只要點擊輸入欄位即會跳 […]
