分類: HTML/JavaScript/CSS網頁設定
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!一路上的點點滴滴。
分享:龍雨溪談Vue.js:締造自由與真我
Vue.js、Angular與React是近年很多人用的前端JavaScript框架,其中vue.js有後來居上的趨勢。而vue.js是由龍雨溪開發的。
Google Chrome DevTools 整理
這篇 [學習筆記] Chrome Dev Tools 開發者工具實用功能整理 ~ PJCHENder
那些沒告訴你的小細節 整理得頗為齊全,有處理網頁前端任務的朋友們可以參考看看。
用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);
Google Chrome 37停用window.showModalDialog的暫時解法
自Google Chrome 37開始停用window.showModalDialog,Web系統的JavaScript有用到這個函數的全部異常。不幸中的大幸是還有方法能撐到明年(2015)4月底,以下即為延長使用期限的設定步驟。
IE10的((new Date()).getYear()傳回112,而非期望的2012
同事在做我們系統的IE 10測試時回報月曆按鈕彈出的年度變成 112,而不是和別的IE版本相同的 2012。追蹤了一下,應該是歷史的相容性問題,變更取年度的方法就解決了:
jQuery DataTables範例1:啟始設定
DataTables的啟始相當簡單,只要呼叫dataTable方法就可以,真正複雜的是傳入的選項參數。
// 指定ID為TBL的元素執行dataTable方法,並傳入參數_oTableOptions(JSON格式). oTable = $("#TBL").dataTable(_oTableOptions);
選項參數的完整列表請參考Usage Features與Usage Options,在仔細觀看這些參數項目前,最好先了解一下DataTables各個識別字使用的慣用命名規則:
FixedHeader.js:將網頁表格標題列固定住的程式
這兩個月因為新專案的關係,以jQuery為基底,使用了下列外掛打造全新的網頁系統:
Sorry, 很久沒用Google sc…