<label style="display: inline-flex;">
<input type="radio" style="margin-top:1.5;">TEST</label>

• 必須在 input 外面包一層 label 加上 style 內容 display:inline-flex; 才可以在 input 內使用 margin-top 調整圈圈的上下位置。
• How to vertically align a html radio button to its label?

• setTimeout("window.location.port=document.form.http_lanport.value", 1000);
• 改變 port 之後，會馬上重新載入頁面。
• Location: port property

• How do I include a JavaScript file in another JavaScript file?

var script = document.createElement("script");
script.src = "/help.shtml";
document.head.appendChild(script);

QueryString 就是網址問號後面的字串，在 javascript 儲存在 window.location.search。

• How can I get query string values in JavaScript?

• Array.from(document.getElementById("xxx").selectedOptions).map(v=>v.value)
• 輸出值 Method="GET": someurl?something=1&something=2&something=3
• PHP 要在 name 加上 []，比如<select name="something[]" id="inscompSelected" multiple="multiple">。
• Post values from a multiple select
• How to get all selected values of a multiple select box?

以 JavaScript 讀取檔案

• 使用反引號來建立多行的字串。
• 另外可以在反引號中加入參數來實現動態字串。
• JavaScript 多行字符串——如何在 JS 中创建多行字符串
• Javascript - 反引號(backtick)使用方式

• textarea onChange event 只會在 unfocus 時才會觸發，想要輸入一個字元觸發可以新增 keyup 事件，但是用滑鼠貼上就無法觸發 keyup 事件。
• 想要在滑鼠貼上時也觸發事件就要使用 addEventListener('input') 來捕捉所有事件。
• document.captive_portal.messageArea.addEventListener('input',function(){document.getElementById("testinputhtml").innerHTML=document.captive_portal.messageArea.value;},false);
• Textarea onchange detection

• Custom JS Alert

• Font Awesome 图标
• Font Awesome

• How can I Change the color of an SVG element, through JS??
• Changing SVG image color with javascript
• 在 Hover 時更改 SVG 顏色的幾種方式
• 這個方法可以手動變更 SVG，但是 link 會出錯。

  <a href="javascript:"
  	onmouseover="document.wizard.getSVGDocument().getElementsByTagName('path')[0].style.stroke='white'"
  	onmouseout="document.wizard.getSVGDocument().getElementsByTagName('path')[0].style.stroke=''">
  <object name="wizard" type="image/svg+xml" data="svg/wizard.svg" style="pointer-events: none;"></object>
  </a>
  

• 這個方法 link 可以正常使用，但是要準備二個 SVG 圖片。

  <a href="javascript:">
  <img width="28" height="28" src="svg/wizard.svg"
  	onmouseenter="this.src='svg/wizard1.svg'"
  	onmouseleave="this.src='svg/wizard.svg'">
  </a>
  

• array.filter(item => item !== value)
• array1.filter(item => !array2.includes(item))
• How can I remove a specific item from an array in JavaScript?

Command

• 備份所有資料庫包含資料
  mysqldump -u root -p --all-databases > backup.sql
• 備份單一資料庫包含資料
  mysqldump -u root -p database_name > backup.sql
• 備份所有資料庫不含資料
  mysqldump -u root -p --no-data --all-databases > backup.sql
• 備份單一資料庫不含資料
  mysqldump -u root -p -d database_name > backup.sql
• 備份單一資料表包含資料
  mysqldump -u root -p database_name table_name > backup.sql
• 備份多個資料表包含資料
  mysqldump -u root -p database_name table1_name table2_name > backup.sql
• 復原單一資料庫
  sudo mysql -u root -p database_name < backup.sql
• 復原所有資料庫
  sudo mysql -u root -p < backup.sql

option

• --no-data or -d
  只備份Schema不備份資料。
• --ignore-table
  忽略指定的table。有多個table就多寫幾個

Reference

• [MySQL] Mysqldump 備份&還原資料庫 – 指令範例

• PHP寄送郵件的寫法

input[type=date]::-webkit-calendar-picker-indicator {
	width: 20px;
	height: 20px;
}

• custom CSS HTML5 calendar input date icon
• html input date change icon
• 如何改变inputtype=date弹出选择框的大小

• MySQL 8.0 修改 Root 密码
• FLUSH PRIVILEGES 這個指令一定要執行，沒有執行就無法變更密碼。
• sudo mysql -u root -p
• mysql> ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '1234';
• mysql> FLUSH PRIVILEGES;
• mysql> EXIT

• time() 回傳目前自1970/1/1的總秒數
• date(format, time) 回傳時間的格式化字串，time 沒有指定時預設值是 time()。
• DateTime.format() 回傳時間的格式化字串。
•  

• ---

• $filDate2=date('Y-m');
• $date = new DateTime($filDate2."-01");
• $date->add(new DateInterval('P1M'));
• $filDate3=$date->format('Y-m');
•  
• $date = new DateTime("1970-01-01 ".$_POST["SpendTime"].":00 GMT");
• $spendtime = $date->getTimestamp()/3600;
•  

• ---

• DateTime 类
• DateInterval 类

• using nulls in a mysqli prepared statement
• 使用 bind_param 的變數必須指定為 NULL，不可以包含雙括號。所以 POST 變數都必須另外判斷並重新指定 NULL 值。

• $stmt->bind_param("iisi", $_POST["hour"], $_POST["status"], $_POST["date"], $_POST["lid"]);
  if ($_POST["hour"] == "null") $_POST["hour"]=NULL;
  if ($_POST["date"] == "null") $_POST["date"]=NULL;
  

• 取得一個月份資料
  SELECT * FROM XXX WHERE Date LIKE '2024-03-%'
• 取得月份最後一天
  SELECT LAST_DAY("2023-3-11")
• 取得月份第一天
  SELECT LAST_DAY("2023-3-11" - INTERVAL 1 MONTH) + INTERVAL 1 DAY
• 取得月份最後一天
  SELECT DATE_ADD(DATE_ADD('2018-05-01',INTERVAL 1 MONTH),INTERVAL -1 DAY)

• 如果有要比對 LEFT JOIN TABLE 的條件，請放在 LEFT JOIN ON 做比對，WHERE 只能放主 TABLE 的條件比對。比如
  錯誤 SELECT b.WorkingHour FROM Employee a LEFT JOIN LaborCost b ON a.id=b.EmployeeID WHERE a.id=? AND b.Month LIKE '$filDate3%'。
  正確 SELECT b.WorkingHour FROM Employee a LEFT JOIN LaborCost b ON a.id=b.EmployeeID AND b.Month LIKE '$filDate3%' WHERE a.id=?。
• 另外 GROUP BY，ORDER BY 也不能放子表的欄位，只能主表的欄位。比如
  錯誤 SELECT b.StageID, SUM(TIME_TO_SEC(b.Time))/60/60 From Stage a LEFT JOIN WorkingTime b ON a.id=b.StageID AND b.ProjectID=? and b.EmployeeID=? GROUP BY b.StageID ORDER BY b.StageID。
  正確 SELECT a.id, SUM(TIME_TO_SEC(b.Time))/60/60 From Stage a LEFT JOIN WorkingTime b ON a.id=b.StageID AND b.ProjectID=? and b.EmployeeID=? GROUP BY a.id ORDER BY a.id。
• How to LEFT JOIN Multiple Tables in SQL

• document.getElementById(xxx).getBoundingClientRect().left 可以取得物件位置。
• event.clientX，event.clientY 可以取得滑鼠位置。
•  

• ---

• Position of Div in relation to the Top of the Viewport
• javascript get x and y coordinates on mouse click

• vivo 安裝綠色守護(Greenify)，開啟輔助功能後，過一天後系統總是自動關閉輔助功能。
• 後來發現我的綠色守護不是透過Play商店安裝，所以才會被系統自動關閉輔助功能。
• 另外只要加入電池高耗電白名單也可以防止被關閉。
• 設定->電池->背景高耗電->打開開關。

Reference

• 辅助功能总是自动关闭 ，怎么解决？

• 有的小米手機可以直接在任務欄按住APP鎖定，有些手機按住APP卻無功能。
• 進入手機管家，按右上角按鈕進入設定頁面，選擇最佳化加速，選擇鎖定任務，加入你要鎖定的APP就可以了。
•  

• ---

• 小米手机怎么锁定任务 加入白名单不被手机清理