🆕 https://mnya.tw/cc/word/1569.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery：利用自定義 HTML 屬性打造多國語言的靜態網頁 – 萌芽綜合天地
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的原始碼，不過很多都有問題無法運作，排除掉複雜且有問題的資料後，最終一位來自伊朗的工程師的原始碼幫我完成了這次的研究，本文的前端開發基於它的靈感 👉 jq-multi-lang 首先，
🆕 https://mnya.tw/cc/word/1573.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取...
#將HTML網頁上的區塊轉換成JPG圖檔 #HTML網頁 #網頁區塊 #區塊擷取成影像 #html2canvas #Canvas #JPG圖檔 #JPG #圖檔 #HTML #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取...
#將HTML網頁上的區塊轉換成JPG圖檔 #HTML網頁 #網頁區塊 #區塊擷取成影像 #html2canvas #Canvas #JPG圖檔 #JPG #圖檔 #HTML #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：將 HTML 網頁上的區塊轉換成 JPG 圖檔 – 萌芽綜合天地
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取下來成圖檔。開發上只需要用到「html2canvas」這款 JavaScript 函式庫，它能將 HTML 元素轉換成 Canvas，接著再直接用瀏覽器幫忙轉換成 JPG 圖檔並給予品質（最差為 0，最佳為 1），最後自動導出並下載，
🆕 https://mnya.tw/cc/word/1576.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript】
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以...
#偵測系統色彩主題 #系統色彩主題 #深色模式 #淺色模式 #深色 #淺色 #黑暗模式 #明亮模式 #HTML #JavaScript #JS #網站技術 #prefers_color_scheme #dark #light
萌芽綜合天地
JavaScript：偵測系統深色模式/淺色模式 – 萌芽綜合天地
現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可以抓取現在的模式，進而做到改變網頁內容／樣式。這在做網頁深色模式與淺色模式（或者說「黑暗模式」和「明亮模式」）上非常有幫助，使用者基本上不用自行切換，直接透過系統的偏好值顯示對於使用者來說最合適的色彩主題。
🆕 https://mnya.tw/cc/word/1636.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
很久沒寫程式了！來複習 JavaScript Function (函數) 吧！這次來寫 BMI 計算的函數，大家都知道 BMI 計算公式是體重（公斤）除以身高（公尺）的平方...
#BMI計算 #BMI判斷 #BMI #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
很久沒寫程式了！來複習 JavaScript Function (函數) 吧！這次來寫 BMI 計算的函數，大家都知道 BMI 計算公式是體重（公斤）除以身高（公尺）的平方...
#BMI計算 #BMI判斷 #BMI #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：BMI 計算 – 萌芽綜合天地
很久沒寫程式了！來複習 JavaScript Function (函數) 吧！這次來寫 BMI 計算的函數，大家都知道 BMI 計算公式是體重（公斤）除以身高（公尺）的平方，寫成算式為「體重[kg]÷(身高[m]X身高[m])」或「體重[kg]÷身高[m]2」，這邊次方要用 JS 的指數運算符號「**」來計算，才不會算錯，另外 .toFixed(1) 是取小數後面第幾位的方法，採用四捨五入，
🆕 https://mnya.tw/cc/word/1637.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
再來複習一次 JavaScript Function (函數)！這次是要輸入西元年來判斷是否為閏年，閏年指該年有 366 日（天），即較平常年份（平年）365 日多出一日...
#閏年判斷 #西元年份 #閏年 #西元 #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
再來複習一次 JavaScript Function (函數)！這次是要輸入西元年來判斷是否為閏年，閏年指該年有 366 日（天），即較平常年份（平年）365 日多出一日...
#閏年判斷 #西元年份 #閏年 #西元 #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：閏年判斷 – 萌芽綜合天地
再來複習一次 JavaScript Function (函數)！這次是要輸入西元年來判斷是否為閏年，閏年指該年有 366 日（天），即較平常年份（平年）365 日多出一日，主要用來彌補因人為曆法規定的年度天數 365 日和實際地球公轉時間 365.25 日的差距而設立的。因此每四年便會累積出 1 日 ，所以四年便會有一次的閏年，那多出來的一天就是 2 月 29 日。
🆕 https://mnya.tw/cc/word/1735.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , 📄JavaScript , 📄jQuery】
為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁...
#自動隱藏且可直接使用的網頁回頂部按鈕 #自動隱藏 #可直接使用 #網頁回頂部按鈕 #回頂部按鈕 #回頂部 #HTML #CSS #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , 📄JavaScript , 📄jQuery】
為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁...
#自動隱藏且可直接使用的網頁回頂部按鈕 #自動隱藏 #可直接使用 #網頁回頂部按鈕 #回頂部按鈕 #回頂部 #HTML #CSS #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
自動隱藏且可直接使用的網頁回頂部按鈕 – 萌芽綜合天地
為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁 <head> 到 </head> 中先引入 jQuery 後即可直接使用。通常這種設計是為了方便讓使用者在看完網頁主要內容後，能快速回到最上面查看導覽列，若您的網站本身就設有固定於頂部的導覽列，可能就比較不需要這種設計。
🆕 https://mnya.tw/cc/word/1745.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
大家應該都知道在 JavaScript 中，只要簡單使用 .toString(2) 方法就能將十進位轉成二進位，但轉成二進位後要如何指定位數在左側補0以方便後續處理呢...
#十進位轉二進位指定位數補0 #十進位轉二進位 #十進位 #二進位 #指定位數補0 #指定位數 #補0 #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
大家應該都知道在 JavaScript 中，只要簡單使用 .toString(2) 方法就能將十進位轉成二進位，但轉成二進位後要如何指定位數在左側補0以方便後續處理呢...
#十進位轉二進位指定位數補0 #十進位轉二進位 #十進位 #二進位 #指定位數補0 #指定位數 #補0 #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：十進位轉二進位指定位數補0 – 萌芽綜合天地
大家應該都知道在 JavaScript 中，只要簡單使用 方法就能將十進位轉成二進位，但轉成二進位後要如何指定位數在左側補0以方便後續處理呢？站長找到了 方法，能用指定的字串填充當下的字串至指定位數為止，如果需要的話會重複多次。對了！如果要補在右側也是可以的，只要使用 方法即可。 這邊給一個簡短的示範： 輸出結果會是： 十進位轉二進位指定16位數補0 = 0000000001111011…
🆕 https://mnya.tw/cc/word/1773.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
jQuery Validate 是一個歷史悠久的 jQuery 套件，始於西元 2006 年 7 月，因此有許多網站都有使用到這個套件，它可以幫助開發者設計表單欄位資料驗證方法...
#jQuery_Validate #簡單 #驗證表單欄位資料格式 #驗證表單欄位 #驗證表單 #解決方案 #HTML #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
jQuery Validate 是一個歷史悠久的 jQuery 套件，始於西元 2006 年 7 月，因此有許多網站都有使用到這個套件，它可以幫助開發者設計表單欄位資料驗證方法...
#jQuery_Validate #簡單 #驗證表單欄位資料格式 #驗證表單欄位 #驗證表單 #解決方案 #HTML #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery Validate：簡單驗證表單欄位資料格式的解決方案 – 萌芽綜合天地
jQuery Validate 是一個歷史悠久的 jQuery 套件，始於西元 2006 年 7 月，因此有許多網站都有使用到這個套件，它可以幫助開發者設計表單欄位資料驗證方法，也能直接使用其預設的驗證格式，如：必填、指定字元長度、E-mail 格式、URL 格式、日期格式、資料一致性、整數等，且能在使用者輸入後及提交時提供相關提示文字，提升使用者體驗，由於是元老級的套件，
🆕 https://mnya.tw/cc/word/1776.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
jQuery 在很多地方簡寫了 JavaScript 的語法，讓開發者能在更短的行/字數中寫出一個功能出來，也能減少許多開發時間...
#replace #字串取代 #字串 #取代 #如何取代所有符合的字串 #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
jQuery 在很多地方簡寫了 JavaScript 的語法，讓開發者能在更短的行/字數中寫出一個功能出來，也能減少許多開發時間...
#replace #字串取代 #字串 #取代 #如何取代所有符合的字串 #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery：replace 字串取代示範、如何取代所有符合的字串？ – 萌芽綜合天地
jQuery 在很多地方簡寫了 JavaScript 的語法，讓開發者能在更短的行/字數中寫出一個功能出來，也能減少許多開發時間！這次就來用 jQuery 做一次字串取代示範，順便教大家用正規表示式的全域比對（g）來取代所有符合的字串！ 原始碼 HTML jQuery 輸出結果 CodePen See the Pen Untitled by Feng, Cheng-Chi (@qwe987299)…
🆕 https://mnya.tw/cc/word/1785.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
四分位數（Quartile）是把一串數據切成四個部分，每個部分含有 25%（1/4）的數據項目數，劃分的臨界點即為四分位...
#計算陣列的四分位數 #陣列 #四分位數 #Quartile #Q1 #Q2 #Q3 #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
四分位數（Quartile）是把一串數據切成四個部分，每個部分含有 25%（1/4）的數據項目數，劃分的臨界點即為四分位...
#計算陣列的四分位數 #陣列 #四分位數 #Quartile #Q1 #Q2 #Q3 #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：計算陣列的四分位數 – 萌芽綜合天地
四分位數（Quartile）是把一串數據切成四個部分，每個部分含有 25%（1/4）的數據項目數，劃分的臨界點即為四分位數，它們的定義如下： Q 1 代表第一四分位數，即第25分位數。 Q2 代表第二四分位數，即第50分位數。 Q3 代表第三四分位數，即第75分位數。 舉例來說，有串數據為 [1, 2, 3, 4, 5, 6, 7]，那麼其 Q1 是 2、Q2 是 4、Q3 是 6。
🆕 https://mnya.tw/cc/word/1859.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
今天簡單教大家使用 JavaScript 將數字轉換為科學記號字串，也會反過來將科學記號字串再轉換為數字。首先我們先使用...
#科學記號與數字互相轉換 #科學記號 #數字 #轉換 #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript】
今天簡單教大家使用 JavaScript 將數字轉換為科學記號字串，也會反過來將科學記號字串再轉換為數字。首先我們先使用...
#科學記號與數字互相轉換 #科學記號 #數字 #轉換 #JavaScript #JS #網站技術
萌芽綜合天地
JavaScript：科學記號與數字互相轉換 – 萌芽綜合天地
今天簡單教大家使用 JavaScript 將數字轉換為科學記號字串，也會反過來將科學記號字串再轉換為數字。首先我們先使用 JS 內建的 toExponential() 方法，它能將數字轉換為科學記號字串，() 內的參數不一定要有，這是用來指定小數點後要留幾位數的。再來我們會用 Number() 方法將科學記號字串轉換為數字，這個方法本來的目的就是將字串轉換為數字，