標籤： JavaScript
TailwindCSS-3 基本CSS類別：按鈕示範
當使用了TailwindCSS後，所有HTML預設的標籤樣式會被全部移除，因此<h1>、<h2>等內容都不會再變大了。
title: TailwindCSS類別
說明：https://tailwindcss.com/docs/padding
TailwindCSS-2 JIT CSS編譯與JIT設定
為了減少產生出的.css檔案大小，必須使用postccs來編譯HTML與JS使用到的CSS。
TailwindCSS-1 用IntelliJ IDEA 學習TailwindCSS
TailwindCSS是一個標榜「功能優先」（Utility-first）、快速開發的CSS框架，它提供了各種通用的功能性樣式類別，讓我們任意組合疊加成需要的網頁外觀，在2021年12月推出了3.0版，而網路上找得到的教學都是使用VS Code，今天我試著使用命令行和IntelliJ IDEA搭建TailwindCSS的開發環境，並且希望能有恒心地持續製作相關的系列學習影片。
用React復刻Windows XP桌面，有原始碼可參考…
shizukuichi用React寫了個Web版的Windows XP桌面，用JavaScript模擬Windows XP的UI運作，踩地雷遊戲也能玩。shizukuichi的說明在此：用 React 刻 XP！一路上的點點滴滴。
彩蛋變地雷。Ant Design帶來啟示
螞蟻金服出身於阿里巴巴的支付寶，其資訊部門開源了一個名為Ant Design的JavaScript套件：「Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。 特性 企业级金融产品的交互语言和视觉体系。 丰富实用的 React UI 组件。」，在今年（2018）的聖誕節埋藏的一個耶誕節彩蛋不慎造成了地雷。
用jQuery.formError取代alert( )
jQuery.formError是個很簡單、很容易整合的jQuery外掛，如果原有程式有一堆表單檢核的alert( )，可以使用jQuery.formError幾乎無痛轉換的改寫成較佳的使用者介面。
Ajax的跨網域處理－使用jQuery與JSP
Ajax的操作通常是針對本身的主機在處理，例如：
- 瀏覽中的網址：http://ap1.com/index.jsp
- 則Ajax只能對ap1.com操作，如
$.post("http://ap1.com/post_test.jsp", oParams, callback);
[jQuery] 動態建立元素的事件觸發
我們有個舊專案使用早期的jQuery 1.2，剛巧新增功能的動態建立新元素讓原有的事件無法被觸發，測試後才知道「既有元素」的事件程式無法套用給「未來動態建立的元素」，在jQuery 1.7後使用 .on() 就能有效處理既有與未來元素的事件操作了。
[IntelliJ IDEA] Java / JavaScript除錯小技巧
在寫程式的過程中，有相當多的時間都處於偵錯狀態，雖然使用了IDE可以做逐行追蹤除錯，但原始的「插旗標」除錯法還是相當管用，在插旗標的過程中逐步檢視程式，並逐漸縮小出錯範圍，最終達到「夾殺」臭蟲而完成除蟲任務，但接下來的「清理戰場」可不要鬆懈了，要將不再需要的除錯指令清除掉，以免一不留神將除錯的alert對話窗讓使用者看到...以下是我在使用IntelliJ IDEA寫JavaScript程式除錯時的小技巧，希望對網友們有點用處。
IE10的((new Date()).getYear()傳回112，而非期望的2012
同事在做我們系統的IE 10測試時回報月曆按鈕彈出的年度變成 112，而不是和別的IE版本相同的 2012。追蹤了一下，應該是歷史的相容性問題，變更取年度的方法就解決了：
以on{X}平台用JavaScript寫Android自動化程式
最近看了不少使用Android的先進介紹好用的工具，其中有個被稱為「神器」的Tasker是被很多人提及的一個自動化工具，它能設定各種情況下能自動做處理的規則；原來Android類似的程式還有不少，如Llama、AutomateIt、MyProfiles（台灣人的作品）等。這些程式大致都是作者提供各式的狀況設定，讓手機用戶能指定遇到那種狀況要使用那種處理，但沒想到微軟的一個以色列團隊在今年6月推出一個名為on{X}（讀作on-ex）的應用程式，能讓我們以JavaScript透過它內建的元件來控制手機的各種行為，從6月到8月30日持續有新版更新，提供的元件也越來越多，不用寫Java程式而直接以相對簡單的JavaScript腳本控制手機，實在是相當有趣，如果on{X}更穩定、更省電，只要能發揮想像力，那麼能展現的功能必定更強大。
jQuery DataTables範例1：啟始設定
DataTables的啟始相當簡單，只要呼叫dataTable方法就可以，真正複雜的是傳入的選項參數。
// 指定ID為TBL的元素執行dataTable方法，並傳入參數_oTableOptions(JSON格式).
oTable = $("#TBL").dataTable(_oTableOptions);
選項參數的完整列表請參考Usage Features與Usage Options，在仔細觀看這些參數項目前，最好先了解一下DataTables各個識別字使用的慣用命名規則：
Sorry, 很久沒用Google sc…