JSX 常常被使用在 ⚛️ React 中，React 官方文件給了一段原始碼： 官方說它既不是字串也不是 HTML，而是 JavaScript 的語法擴展，它用來與 React 一起來描述 UI（使用者介面）應該長成什麼樣子，也就是說 JSX 可以更方便開發者用 JavaScript 撰寫與 React 有關係的 UI，看了很舒服，JSX 是很棒的輔助工具，但 JSX 並不是必須的，

人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了！導覽列、黑暗模式切換等全部停擺，緊急找了新的 CDN 修補，這次換上 Google 提供的 CDN，有大神相助應該穩定很多吧 …！誰說的！因此為了確保這種事件不再發生！

隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站，我們運用 JavaScript 延遲載入 （圖片） 或 （嵌入網頁），舉例來說有 Intersection Observer API 可以做到，還有 scroll、

這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」，同場加映 3 秒後恢復原狀！會使用到 取得按鈕 ID，接著運用 （點擊）事件改變另外兩顆按鈕，為他們加上屬性 與其值 ，這樣就停用這兩顆按鈕啦！三顆按鈕都做好後最後就是加映場，一樣也是做三個按鈕，不過這次用的是 （添加事件監聽）的 （點擊）事件，這是用來監聽點擊事件用的原始碼，

開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目前做不到的事情！這次主題為「游標碰觸子元素使父元素樣式變更」。 需要用到的 JavaScript 事件有兩個：mouseover 與 mouseout，前者代表游標碰觸到元素，後者代表游標沒有碰觸到元素。

我在《WordPress 外掛推薦列表（2016、2017舊版）》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」，這款外掛可以幫助網站主記錄每篇文章的流量，接著就能將這些數據公開給所有訪客知道，還能統計熱門文章，非常實用！最近剛好有需要將熱門文章引用至純網頁的首頁，就稍微研究了這款外掛有沒有支援 REST API，

Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 之前開發 JavaScript 就有找到一款擴充功能（參考：Bracket Pair Colorizer）可以將上下括弧的區域標示出來，使程式撰寫更加容易，但 HTML 標籤同樣是有區域的，就是由開始標籤 <標籤名稱> 與結束標籤 </標籤名稱> 所框住的指定區域，但預設卻沒有標示，覺得有些不便！

很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉！這邊直接示範把網頁元素置於整個網頁畫面的中央位置，這樣如果你要做其他的運用也只要簡單修改就可以做到。 這邊首先要把 、 設定為寬高都為 100%，接著建立一個 容器設定 display 為 flex，接著設定兩個屬性給這個容器： align-items 是垂直方向對齊；

JavaScript 有個內建的事件 可用來獲得裝置陀螺儀的動向/方向資訊，結合 CSS 的 就可以做到翻轉裝置使圖片三維翻轉的效果！當然這只是測試時好玩做出來的效果，實際上若結合指北、指南等，將可以做到更多應用！這邊簡單列出會用到的三個方向值： 值為裝置水平放置時的 Z 軸動向，介於 0 ~ 360 度之間，可以想像裝置放在桌面上轉動（？）。 值為裝置水平放置時的 X 軸動向，介於 -180 ~…

好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的原始碼，不過很多都有問題無法運作，排除掉複雜且有問題的資料後，最終一位來自伊朗的工程師的原始碼幫我完成了這次的研究，本文的前端開發基於它的靈感 👉 jq-multi-lang 首先，