🆕 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 的圖檔,
🆕 https://mnya.tw/cc/word/1537.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript , ⚙️jQuery , ⌨️架站程式 , 📝WordPress】
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量...
#取得WordPress_Popular_Posts_REST_API_熱門文章資訊至任何網頁 #WordPress_Popular_Posts #WPP #REST_API #API #熱門文章 #AJAX取得JSON #AJAX #JSON #取得資料 #網站技術 #HTML #JavaScript #JS #jQuery #架站程式 #WordPress #WP
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript , ⚙️jQuery , ⌨️架站程式 , 📝WordPress】
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量...
#取得WordPress_Popular_Posts_REST_API_熱門文章資訊至任何網頁 #WordPress_Popular_Posts #WPP #REST_API #API #熱門文章 #AJAX取得JSON #AJAX #JSON #取得資料 #網站技術 #HTML #JavaScript #JS #jQuery #架站程式 #WordPress #WP
萌芽綜合天地
取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON) – 萌芽綜合天地
我在《WordPress 外掛推薦列表(2016、2017舊版)》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」,這款外掛可以幫助網站主記錄每篇文章的流量,接著就能將這些數據公開給所有訪客知道,還能統計熱門文章,非常實用!最近剛好有需要將熱門文章引用至純網頁的首頁,就稍微研究了這款外掛有沒有支援 REST API,
🆕 https://mnya.tw/cc/word/1547.html
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
JavaScript 有個內建的事件 DeviceOrientationEvent 可用來獲得裝置陀螺儀的動向/方向資訊,結合 CSS 的 transform 就可以做到翻轉裝置使圖片三維翻轉的效果...
#JavaScript #JS #HTML #CSS #transform #陀螺儀 #陀螺儀使圖片三維翻轉 #圖片三維翻轉 #圖片 #三維翻轉 #翻轉裝置 #網站技術 #DeviceOrientationEvent #事件 #DeviceOrientation #監聽
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
JavaScript 有個內建的事件 DeviceOrientationEvent 可用來獲得裝置陀螺儀的動向/方向資訊,結合 CSS 的 transform 就可以做到翻轉裝置使圖片三維翻轉的效果...
#JavaScript #JS #HTML #CSS #transform #陀螺儀 #陀螺儀使圖片三維翻轉 #圖片三維翻轉 #圖片 #三維翻轉 #翻轉裝置 #網站技術 #DeviceOrientationEvent #事件 #DeviceOrientation #監聽
萌芽綜合天地
JavaScript & CSS 陀螺儀使圖片三維翻轉 – 萌芽綜合天地
JavaScript 有個內建的事件 可用來獲得裝置陀螺儀的動向/方向資訊,結合 CSS 的 就可以做到翻轉裝置使圖片三維翻轉的效果!當然這只是測試時好玩做出來的效果,實際上若結合指北、指南等,將可以做到更多應用!這邊簡單列出會用到的三個方向值: 值為裝置水平放置時的 Z 軸動向,介於 0 ~ 360 度之間,可以想像裝置放在桌面上轉動(?)。 值為裝置水平放置時的 X 軸動向,介於 -180 ~…
🆕 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 首先,