🆕 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/1488.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript】
這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」,同場加映 3 秒後恢復原狀!會使用到 getElementById 取得按鈕 ID...
#JavaScript #點擊任一按鈕使其他按鈕無法點擊 #網站技術 #HTML #按鈕 #button
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📝HTML , ⚙️JavaScript】
這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」,同場加映 3 秒後恢復原狀!會使用到 getElementById 取得按鈕 ID...
#JavaScript #點擊任一按鈕使其他按鈕無法點擊 #網站技術 #HTML #按鈕 #button
萌芽綜合天地
JavaScript:點擊任一按鈕使其他按鈕無法點擊 – 萌芽綜合天地
這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」,同場加映 3 秒後恢復原狀!會使用到 取得按鈕 ID,接著運用 (點擊)事件改變另外兩顆按鈕,為他們加上屬性 與其值 ,這樣就停用這兩顆按鈕啦!三顆按鈕都做好後最後就是加映場,一樣也是做三個按鈕,不過這次用的是 (添加事件監聽)的 (點擊)事件,這是用來監聽點擊事件用的原始碼,
🆕 https://mnya.tw/cc/word/1504.html
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
開場我就先說,純 CSS 無法做到,因為 CSS 無法由子元素的 hover(游標碰觸)來變更父元素的樣式,所以就要用到萬能的 JavaScript!運用 DOM 的控制來做到 CSS...
#JavaScript #游標碰觸子元素使父元素樣式變更 #子元素 #父元素 #樣式變更 #HTML #CSS #hover #游標碰觸 #mouseover #mouseout #事件 #addEventListener #監聽
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript】
開場我就先說,純 CSS 無法做到,因為 CSS 無法由子元素的 hover(游標碰觸)來變更父元素的樣式,所以就要用到萬能的 JavaScript!運用 DOM 的控制來做到 CSS...
#JavaScript #游標碰觸子元素使父元素樣式變更 #子元素 #父元素 #樣式變更 #HTML #CSS #hover #游標碰觸 #mouseover #mouseout #事件 #addEventListener #監聽
萌芽綜合天地
JavaScript:游標碰觸子元素使父元素樣式變更 – 萌芽綜合天地
開場我就先說,純 CSS 無法做到,因為 CSS 無法由子元素的 hover(游標碰觸)來變更父元素的樣式,所以就要用到萬能的 JavaScript!運用 DOM 的控制來做到 CSS 目前做不到的事情!這次主題為「游標碰觸子元素使父元素樣式變更」。 需要用到的 JavaScript 事件有兩個:mouseover 與 mouseout,前者代表游標碰觸到元素,後者代表游標沒有碰觸到元素。