Nov 03 2025
逆風微笑的代碼狗 -
Chrome Devtools 調試指南
本文詳細介紹了Chrome Devtools的高級調試功能，包括快捷指令面板、DOM斷點調試、黑盒腳本、事件監聽器斷點、本地覆蓋和遠程調試WebView。通過這些工具，開發者可以更有效地進行前端開發、後端調試、性能優化和測試。文中還講解了控制枱內置指令，如$(selector)、$$()、$x()以及各種花式console.log用法，幫助開發者提升調試效率。
1. Chrome Devtools
chrome
,
前端
Oct 26 2025
逆風微笑的代碼狗 -
將 Tailwind CSS 添加到靜態站點
如何將 Tailwind CSS 添加到靜態站點？
初始化 Tailwind
首先，需要一個最新版本的 Node。使用
$ node -v
全局安裝npx有助於遵循官方説明。這是一個運行 Node 包可執行文件的工具，如果文件缺失，它會獲取它們。獲取方法如下：
$ npm install -g npx
以下是 Tailwind CLI 的命令：
npm install -D tailwindcss
tailwind-css
,
Css
Nov 30 2023
逆風微笑的代碼狗 -
BAT命令（常用）
bat文件是 DOS 下的批處理文件，是一種無格式的文本文件。這些文件包含一條或多條命令，以 .bat 或 .cmd 為文件擴展名。通過在命令提示符下輸入批處理文件的名稱，或者雙擊該文件，系統將調用 cmd.exe 逐個按照文件中命令的順序運行它們。使用批處理文件（也稱為批處理程序或腳本）能夠簡化日常或重複性的任務，提高操作效率。這些文件可用於執行一系列命令，如複製、移動、刪除文件，以及啓動程
cmd
,
bat
Oct 11 2022
逆風微笑的代碼狗 -
利用css構造邊框三角
繪製三角形
!DOCTYPE html
html
head
meta charset="utf-8"
title/title
style type="text/css"
.triangle_top,
.triangle_bottom,
.triangle_left,
.triangle_right {
css技巧
,
Css
Aug 03 2022
逆風微笑的代碼狗 -
input純數字框
只能輸入整數：
input type="text" name="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onpaste="this.value=this.value.replace(/\D/g,'')" /
只能輸入數字，包括小數點：
input type="text" name="text" onkeyup="this.v
input
,
HTML
