$.param({
year: 2009,
country: "Canada"})
)$(this).attr('coords').split(',');
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.toString();
Banana,Orange,Apple,Mango
[……]
可輕鬆取檔案名稱、副檔名、根目錄相對路徑、資料夾名
pathinfo($path, PATHINFO_EXTENSION); // 參數 (選用) PATHINFO_DIRNAME //完整路徑 PATHINFO_BASENAME //完整檔名 PATHINFO_EXTENSION //副檔名 PATHINFO_FILENAME //檔名
$path_parts = pathinfo('/www/htdocs/inc/lib.inc.php');
echo $path_parts['dirname'], "n";
echo $path_parts['basename'], "n";
echo $path_parts['extension'], "n";
echo $path_parts['filename'], "n"; // since PHP 5.2.0/www/htdocs/inc lib.inc.php php lib.inc
[……]
何謂 x64 和 x86，可閱讀下方網址文章，本篇不多做解釋
x86和x64到底有什麼差異？ http://www.ithome.com.tw/node/56880
若安裝x64版本，PHP & Apache 都需要選擇x64版本，反之亦然
解壓縮至 PHP 的存放目錄
本例解壓縮至 C:php-7.0.10-Win32-VC14-x64
PHP安裝目錄中尚無 PHP.ini
但於安裝目錄中有下列2個檔案
php.ini-development 為開發環境用參考設定檔
php.ini-production 為正式環境用參考設定檔
本例複製 php.ini-development 更名為 php.ini 置於於PHP安裝目錄中 文字編輯器開啟 php.ini
「C:/php-7.0.10-Win32-VC14-x64/」為PHP安裝目錄
所以是
「C:/php-7.0.10-Win32-VC14-x64/」
不是
「C:\php-7.0.10-Win32-VC14-x64\」
儲存 httpd.conf
開啟 Win10 的 「命令提示字元(系統管理員)」
// 測試設定檔是否正確
錯誤會跳錯誤訊息，正確會顯示syntax OK，接著安裝服務
// 安裝服務，反之解除安裝為 httpd.exe -k uninstall
在網站根目錄C:/AppServ/www下建立一個index.php檔案
運行 http://127.0.0.1
看到下列畫面，代表安裝成功
呼~打完收工!!
[……]
本文出自：天天瘋後製
http://www.crazy-photoshop.com/17457.html
Adobe 出品的photoshop現在已經全民化了，但還是沒有停止他們進行，每過一段時間便會更新一些新功能，而這一次他們沒有更新PhotoshopCC這個名稱，而是改進了好幾項大功能，真得值擁有。每一項都減掉了不少人群的煩惱。此次更新，其中一個最注目的功能為「Face-Aware Liquify」（臉部感知液化），即是軟件可以先識別臉部五官，然後讓用戶可分別作相應的修改，例如眼睛大小、間距、額頭的闊窄、瘦臉、鼻高等，例如可以輕易調出微笑的嘴等。
第一個值得推薦的一個功能，這真是的網紅的福音，這個功能可以識別照片中的人臉。
可以針對嘴巴，進行調整理，拍照時說笑得不好看，沒關係，後期一鍵讓你笑得開心，笑得自然，看下GIF圖。
眼睛，你想大就大，有些人笑起來眼沒了，不要怕，歪了也可以擺正。
臉形，臉形是很多影樓及寫真店都會微動的一項PS技能，以往都是用液化來實踐，對操作者有一定的要求，沒有2-3年經驗的很難進行把握，但下面這個你只要一鍵操作就行。
鼻子自然也少不了。
Adobe 出品的photoshop現在已經全民化了，但還是沒有停止他們進行，每過一段時間便會更新一些新功能，而這一次他們沒有更新PhotoshopCC這個名稱，而是改進了好幾項大功能，真得值擁有。每一項都減掉了不少人群的煩惱。此次更新，其中一個最注目的功能為「Face-Aware Liquify」（臉部感知液化），即是軟件可以先識別臉部五官，然後讓用戶可分別作相應的修改，例如眼睛大小、間距、額頭的闊窄、瘦臉、鼻高等，例如可以輕易調出微笑的嘴等。
第三個功能，一鍵摳圖。先看下面這張圖，載很多人剛學習PS時，覺得最牛的可能就是把這類毛毛動物及透明物體摳出來，感覺好難。但如今只是一鍵，瞬間覺得我媽把我生我太早了，當年可花了我太多時間學摳圖（哭），還是看看視頻操作吧。
當然還有我們之前有介紹過的Content Aware Crop，當你把照片拍歪掉時，使用本功能，可以將圖擺正且，可以自動幫你填補好空白部分。攝影師大愛。再也不用，先裁再去各種修補了。
對於設計師，最苦惱的事也是最花時間的事可能就是找字體了，經常會碰到客戶要與XXX圖片上的字體一樣，你可能要花上半天的時間來找，當然現在也有個別網站可以上傳字體圖片進行識別，下面要說的就是PhotoshlpCC更新了這項讓設計師節省時間成本的利器。一起來了解下。
[……]
設計WordPress主題或插件開發時，常會需要使用jQuery，WordPress其實很貼心的已經載入jQuery，但實際使用時發現，原本可以跑的jQuery程式，放進WordPress卻不能跑了，才知道原來WordPress的jQuery要這樣寫。
<script type='text/javascript' src='https://yourdomain.com/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script> <script type='text/javascript' src='https://yourdomain.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script>
$( document ).ready(function() {
alert("hello");
});
</script>理論上應該是會順利看到 hello 對話框，但是沒有
主要是jQuery寫法的問題，選擇器不能使用習慣的簡碼 $ 符號，而要用下面這兩種寫法，
順利看到hello 對話框
jQuery( document ).ready( function( $ ) {
alert("hello");
} );( function( $ ){
alert("hello");
} )( jQuery );[……]
取年齡或年資
/*
取年資
https://vector.cool
date $date 到職日 ex：2006/3/8
date $date2 = null 離職日 ex：2017/5/14
return int 年資
*/
function get_age($date,$date2=NULL){
$time = (empty($date2))?time():strtotime($date2);
$time = $time - strtotime($date);
return intval($time / (365*24*60*60));
}這邊有個要注意的地方，使用這方法須先設定時區
date_default_timezone_set()
第二個參數不帶則為還在職，也就是取目前時間
date_default_timezone_set("Asia/Taipei");
echo get_age('2007/6/25');
echo get_age('2007/7/28','2017/12/23');[……]
取2日期間共幾年
/*
get years between two dates
https://vector.cool
date $date ex：2006/3/8
date $date2 ex：2017/5/14
return int
*/
function get_years_between_two_dates($date,$date2=NULL){
$time = (empty($date2))?time():strtotime($date2);
$time = $time - strtotime($date);
return intval($time / (365*24*60*60));
}這邊有個要注意的地方，使用這方法須先設定時區
date_default_timezone_set()
date_default_timezone_set("Asia/Taipei");
echo get_years_between_two_dates('2007/7/28','2017/12/23');[……]
jQuery 選擇器中沒有所謂的「萬用字元(*)」，可以透過依些方式接近模糊查找元素或值的目的
下表屬性名稱不一定為Class，可以替換成需要的屬性
單引號可有可無
[class]比對元素包含指定屬性[id][class][href] 比對元素包含其中一個屬性[class=’test’] 完全比對元素屬性與值 (區分大小寫)[class^=’test’]比對元素屬性開頭為指定的值[class$=’test’] 比對元素屬性結尾為指定的值 [class*=’test’] 模糊比對屬性包含指定的值[class!=’test’]元素屬性不包含指定的值
[……]
2020/03/12 更新發現更簡單的方法，請參考這篇文章https://vector.cool/css-ul-li-horizontal-align-center-only-css/
<div class="main-container"> <div class="fixer-container"> <ul class="list-of-floating-elements"> <li class="floated">Floated element</li> <li class="floated">Floated element</li> <li class="floated">Floated element</li> </ul> </div> </div>
CSS：
<style>
ul li{
float:left;
margin:0 20px
}
.main-container {
float:left;
position:relative;
left:50%;
}
.fixer-container {
float:left;
position:relative;
left:-50%;
}
</style>[……]
垂直水平居中 ie9+
.child {
position: absolute;
top: 50%; /* position the top edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of
translateX(-50%) and translateY(-50%) */
}沿伸閱讀
[……]