今天簡單教大家使用 JavaScript 將數字轉換為科學記號字串，也會反過來將科學記號字串再轉換為數字。首先我們先使用 JS 內建的 toExponential() 方法，它能將數字轉 […]

四分位數（Quartile）是把一串數據切成四個部分，每個部分含有 25%（1/4）的數據項目數，劃分的臨界點即為四分位數，它們的定義如下： Q1 代表第一四分位數，即第25分位數。 Q2 代表第二四 […]

jQuery 在很多地方簡寫了 JavaScript 的語法，讓開發者能在更短的行/字數中寫出一個功能出來，也能減少許多開發時間！這次就來用 jQuery 做一次字串取代示範，順便教大家用 […]

jQuery Validate 是一個歷史悠久的 jQuery 套件，始於西元 2006 年 7 月，因此有許多網站都有使用到這個套件，它可以幫助開發者設計表單欄位資料驗證方法，也能直接使用 […]

大家應該都知道在 JavaScript 中，只要簡單使用 .toString(2) 方法就能將十進位轉成二進位，但轉成二進位後要如何指定位數在左側補0以方便後續處理呢？站長找到了 .padSta […]

為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁 <he […]

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

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

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

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

好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的 […]

JavaScript 有個內建的事件 DeviceOrientationEvent 可用來獲得裝置陀螺儀的動向/方向資訊，結合 CSS 的 transform 就可以做到翻轉裝置使圖片 […]

我在《WordPress 外掛推薦列表（2016、2017舊版）》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」，這款外掛可以幫助網站主 […]

開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目 […]

這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」，同場加映 3 秒後恢復原狀！會使用到 getElementById 取得按鈕 ID，接著運用 […]