🆕 https://mnya.tw/cc/word/1422.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
萌芽綜合天地
js-cookie 運用餅乾製作簡易黑暗模式示範 – 萌芽綜合天地
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術！因此萌芽站長就決定應用它來製作現在非常流行的「🌙 黑暗模式」，也有人叫做「夜間模式」或「深色模式」，其實都是一樣的功能，也就是把原先白底黑字為主的版面切換成黑底白字為主，可能有些人以為這要用到「後端技術」，事實上完全不需要後端程式，
🆕 https://mnya.tw/cc/word/1424.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript】
相信很多人都有使用「AdBlocker」，中文為「廣告攔截器」，舉例來說：Adblock Plus、AdBlock 等，它可以安裝在瀏覽器上阻擋網頁上的各種廣告...
#JavaScript #JS #AdBlocker_Detection #AdBlocker #Detection #廣告攔截器偵測 #廣告攔截器 #偵測 #網站技術
這篇文章主要是送給多數內容型網站的站主 ☺️。
#將本站列入廣告攔截器的白名單以行動支持本站繼續提供好內容 #內容型網站不好經營
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript】
相信很多人都有使用「AdBlocker」，中文為「廣告攔截器」，舉例來說：Adblock Plus、AdBlock 等，它可以安裝在瀏覽器上阻擋網頁上的各種廣告...
#JavaScript #JS #AdBlocker_Detection #AdBlocker #Detection #廣告攔截器偵測 #廣告攔截器 #偵測 #網站技術
這篇文章主要是送給多數內容型網站的站主 ☺️。
#將本站列入廣告攔截器的白名單以行動支持本站繼續提供好內容 #內容型網站不好經營
萌芽綜合天地
JavaScript：AdBlocker Detection 廣告攔截器偵測 – 萌芽綜合天地
相信很多人都有使用「AdBlocker」，中文為「廣告攔截器」，舉例來說：Adblock Plus、AdBlock 等，它可以安裝在瀏覽器上阻擋網頁上的各種廣告，我也相信不少網站的廣告放置過多或者太頻繁顯示的確很惹人厭，但是還是有努力經營內容型網站的站長與作者需要大家的支持，而且這種網站通常廣告也會適量放置，不會放置過多的廣告造成使用者或訪客的不便，像是本站（萌芽系列網站）的站長就不是喜歡廣告的人，
🆕 https://mnya.tw/cc/word/1428.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , ⚙️JavaScript , ⚙️jQuery】
人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了...
#jQuery_CDN #jQuery #CDN #掛點解決方案 #掛點 #解決方案 #JavaScript #JS #本地替代方案 #網站技術 #HTML
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , ⚙️JavaScript , ⚙️jQuery】
人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了...
#jQuery_CDN #jQuery #CDN #掛點解決方案 #掛點 #解決方案 #JavaScript #JS #本地替代方案 #網站技術 #HTML
萌芽綜合天地
jQuery CDN 掛點解決方案？簡單的 JavaScript 讓您有本地替代方案！ – 萌芽綜合天地
人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了！導覽列、黑暗模式切換等全部停擺，緊急找了新的 CDN 修補，這次換上 Google 提供的 CDN，有大神相助應該穩定很多吧 …！誰說的！因此為了確保這種事件不再發生！
🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code） – 萌芽綜合天地
距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是寫好配置文件交由程式直接跑，就不用自己設定流程，不過最終都是達到封裝的目的，至於網頁為什麼要封裝？身為站長的我必須告訴你，一個網站若沒有做封裝，除了用戶要下載的資訊量較多，檔案下載要求也會非常多，這會導致載入速度過慢的問題，
🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript） 的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript） 的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js：Webpack 封裝 CSS、SCSS 成單一 JS 教學（使用 VS Code） – 萌芽綜合天地
上一篇：Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code）》我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript） 的封裝，這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS，而且最終是跟原來的 JS 一起包裝成單一個 JS 檔！這樣最終的「產品」只要要求一個 JS 檔案就可以同時獲得所有需要的樣式表與腳本了！
🆕 https://mnya.tw/cc/word/1435.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🎞多媒體 , 🌐網路應用 , ⌨️網站技術 , 🎨CSS , ⚙️JavaScript , 🎬串流錄製】
在 OBS（Open Broadcaster Software） 場景中放上日期與時間一點都不困難！只要透過內建的瀏覽器就可以辦到！熱心的網友...
#OBS #Open_Broadcaster_Software #錄影 #串流 #網路串流 #內建瀏覽器 #瀏覽器 #日期與時間 #日期時間 #日期 #時間 #CDN #軟體應用 #多媒體 #網路應用 #網站技術 #CSS #JavaScript #JS #串流錄製
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🎞多媒體 , 🌐網路應用 , ⌨️網站技術 , 🎨CSS , ⚙️JavaScript , 🎬串流錄製】
在 OBS（Open Broadcaster Software） 場景中放上日期與時間一點都不困難！只要透過內建的瀏覽器就可以辦到！熱心的網友...
#OBS #Open_Broadcaster_Software #錄影 #串流 #網路串流 #內建瀏覽器 #瀏覽器 #日期與時間 #日期時間 #日期 #時間 #CDN #軟體應用 #多媒體 #網路應用 #網站技術 #CSS #JavaScript #JS #串流錄製
萌芽綜合天地
OBS：新增日期與時間至錄影或串流中 – 萌芽綜合天地
在 OBS（Open Broadcaster Software） 場景中放上日期與時間一點都不困難！只要透過內建的瀏覽器就可以辦到！熱心的網友「sam0737」在 GitHub 中公開給大家一個簡單的網頁工具，這是運用 JavaScript 寫的時間顯示器，建議直接用他提供的 CDN 比較方便，只要改網址中的參數，就可以自訂 Style（樣式）與 Format（格式），
🆕 https://mnya.tw/cc/word/1436.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🎞多媒體 , 🌐網路應用 , ⌨️網站技術 , ⚙️JavaScript , 🎬串流錄製】
因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也...
#OBS #Open_Broadcaster_Software #錄影 #串流 #網路串流 #內建瀏覽器 #瀏覽器 #抓參數可指定間隔時間不斷重新載入指定網址 #抓參數 #指定間隔時間不斷重新載入 #重新載入指定網址 #重新載入 #OBS瀏覽器自動重載解決方案 #CDN #軟體應用 #多媒體 #網路應用 #網站技術 #CSS #JavaScript #JS #串流錄製
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🎞多媒體 , 🌐網路應用 , ⌨️網站技術 , ⚙️JavaScript , 🎬串流錄製】
因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也...
#OBS #Open_Broadcaster_Software #錄影 #串流 #網路串流 #內建瀏覽器 #瀏覽器 #抓參數可指定間隔時間不斷重新載入指定網址 #抓參數 #指定間隔時間不斷重新載入 #重新載入指定網址 #重新載入 #OBS瀏覽器自動重載解決方案 #CDN #軟體應用 #多媒體 #網路應用 #網站技術 #CSS #JavaScript #JS #串流錄製
萌芽綜合天地
JavaScript 抓參數可指定間隔時間不斷重新載入指定網址（OBS 瀏覽器自動重載解決方案） – 萌芽綜合天地
因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也不支援指定時間不斷重新載入，因此我決定用純網頁前端的技術來自行製作 OBS 瀏覽器自動重載解決方案！ 簡單運用 JavaScript 抓取網址「?」後方之參數，我們可以將自訂的網址（url…
🆕 https://mnya.tw/cc/word/1467.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery.qrcode：純前端生成 QR Code – 萌芽綜合天地
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能！竟然連 QR Code 都可以生成，也太強大！jQuery.qrcode 依賴 jQuery 函式庫，壓縮版僅 25KB 的大小，可說是相當輕量級的前端插件，相當簡單就可以生成自定義的 QR Code，渲染方式有 canvas、
🆕 https://mnya.tw/cc/word/1469.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code，竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code，竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
instascan：純前端掃描 QR Code – 萌芽綜合天地
前端除了能生成 QR Code（👉 相關文章），竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code，WebRTC 的名稱源自網頁即時通訊（英語：Web Real-Time Communication）的縮寫，是一個支援網頁瀏覽器進行即時語音對話或影片對話的 API，但其一定要在 HTTPS 的連線環境下運作，
🆕 https://mnya.tw/cc/word/1472.html
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章，過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔，但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
【作者：萌芽站長；💻萌芽綜合天地；📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理 , ⚙️Gulp】
這篇是延伸篇文章，過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔，但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔...
#Node_js #jpg #jpeg #JPG #JPEG #通通不遺漏的進行壓縮 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
萌芽綜合天地
Node.js：jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮（Gulp、mozjpeg 批次圖片壓縮 – 延伸篇） – 萌芽綜合天地
這篇文章是《Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》與《Node.js：建構路徑物件、自動監看執行、批次檔小技巧（Gulp、mozjpeg 批次圖片壓縮 – 延伸篇）》的延伸篇，過去我所提供的範例與教學都只能壓縮處理附檔名為 .jpg 的圖檔，但其實 mozjpeg 是可以批次壓縮 .jpeg、.JPG 與 .JPEG 的圖檔，