[CSS]Flex (Taker course)

https://www.everyonecanwebsite.com/blog/post/flexbox-basic?utm_source=facebook&medium=video-post&utm_content=flexbox

https://www.youtube.com/watch?v=epHSeA7OCZU
取代 flaot的平易近人新屬性，以上課程連結 (Taker)。

display: flex;
設定後除了本身，其所有子元素會自動帶有此屬性，但只限一層，再下去就沒有了。

main axis & cross axis: flex line 與 main axis平行
各自還有 start & end，預設上，寫一個"十"字可以理解。

flex 主要設定方向、寬度、對齊方式

• flex container
• about axis
• about wrap
• flex item

flex: 0 1 auto; /*defult
flex-grow: 值有(0,1)；設定 item是否展開填滿容器，想像為是否要從樹成長成林
flex-shrink: 值有值有(0,1)；設定 overflow時是否自動縮小
flex-basis: 單位有(px,%)還可設定為 auto；設定 item的寬度

[Git]完整學會Git GitHub Git Server 的24堂課 Unit.1~Unit.3

Unit. 1

git init

git add 'poem.txt' /* preparing add, can be files or file fold
git status

git commit -m 'description' --author='name <email>' /* acting adding

git commit --amend -m 'new description' --author='(changed) name <email>'
/* modifying description or author name/ email

gitk

exit
----

Unit. 2

git config alias.name 'full commend'

e.g.

git config alias.con 'config -l'

/* then,
/* git con = git config -l
----

Unit. 3

touch .gitignore

[jQM]Udemy Keen Cen 9語言0基礎 #165-#174 流水帳筆記

#168-#169
手機程序型網頁範例
但教學中是直接刪改官方檔案

將 .click 改為 .on("vclick", function())
減少裝置反應延遲

示範不切換網址切換內容頁面
可能會有網址列#1-1改#1-2內容卻沒切換的問題

#170-171
如何將 jQ 製成的程序轉換成不同平台(安卓、蘋果、win...)
由 node.js (網頁服務器)
cordova

[php]Udemy Keen Cen 9語言0基礎 #128-#146 流水帳筆記

#137
php 發送郵件若成功，會回傳 1，表 true
$emailTo="";
$subject="";
$body="";
$headers="";

mail($emailTo, $subject, $body, $headers)

#143-145 天氣預報網站範例
擷取外部網頁特定部分資料

background-position: center;
background-size: cover;

<?php

$city= $_GET['city'];

$city= str_replace(" ", "", $city); // 空格替換成沒有空格，從$city取出替換

$content= file_get_contents("http://www.weather-forecast.com/locations/San-Francisco/forcasts/latest");

preg_match("/3 Day Weather Forecast Summary:/i", $content, $matches);

print_r($matches)

?>