VECTOR COOL 威得數位行銷 - 第 25 頁，總計 43 頁

Javascript 常用取網址 window.location

// ‘http://127.0.0.1/osac.com.tw/zh-tw/tag_page.php?aaa=1&bbb=2’

// 當前頁面的 URL
window.location.href
// output : ‘http://127.0.0.1/osac.com.tw/zh-tw/tag_page.php?aaa=1&bbb=2’

// 域名
window.location.hostname;
// output : ‘127.0.0.1’

//當前頁的路徑和文件名
window.location.pathname;
// output : ‘/osac.com.tw/zh-tw/tag_page.php’

//所使用的網絡協議（http：//或https：//）
console.log(‘location.protocol=’+window.location.protocol);
// output : ‘http:’

//取URL參數
urlParam = decodeURIComponent(location.search)
// output : ‘?aaa=1&bbb=2′[……]

Google Youtube iframe 無法重複播放的解決方案 Loop not working

在參數中加入playlist這個參數，若只有一個影片就填一個就好

<iframe class="embed-responsive-item"id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=M7lc1UVf-VE"
      frameborder="0" allowfullscreen></iframe>

出處：http://stackoverflow.com/questions/25779966/youtube-iframe-loop-doesnt-work

官方參數文件(中文)：https://developers.google.com/youtube/player_parameters?hl=zh-cn#playlist

[……]

Javascript for each in 做到跟PHP foreach 一樣的使用方式

//先宣告物件
var myobj = new Object();

//給物件的屬性值
myobj.color = ‘red’;
myobj.name = ‘hsin’;
myobj.nation = ‘taiwan’;

//這邊展現如何用for – in 取出。
var content=”;
for(var key in myobj){
content +=”屬性名稱：”+ key+” ; 值： “+myobj[key]+”n”;
}

alert(content);

出處：四處流浪的阿基[……]

PHP 二維陣列轉一維陣列

$test_arr = array(array(“aa”), array(“bb”), array(“cc”));
‘二維陣列<br/>’.print_r($test_arr).'<br/>’;
$new_arr = call_user_func_array(‘array_merge’, $test_arr);
‘一維陣列<br/>’.print_r($new_arr);[……]

PHP get youtube id

$url = https://www.youtube.com/watch?v=qzYTwIJrSKM&feature=relate;

parse_str( parse_url( $url, PHP_URL_QUERY ), $param_arr );
echo $param_arr[‘v’]
// output : qzYTwIJrSKM[……]

jQuery 選擇器，替代萬用字元模糊查找匹配元素

jQuery 選擇器中沒有所謂的「萬用字元(*)」，可以透過依些方式接近模糊查找元素或值的目的

歸納出幾種用法

下表屬性名稱不一定為Class，可以替換成需要的屬性
單引號可有可無

[class]比對元素包含指定屬性[id][class][href] 比對元素包含其中一個屬性[class=’test’] 完全比對元素屬性與值 (區分大小寫)[class^=’test’]比對元素屬性開頭為指定的值[class$=’test’] 比對元素屬性結尾為指定的值 [class*=’test’] 模糊比對屬性包含指定的值[class!=’test’]元素屬性不包含指定的值

使用範例：

Demo Download 範例下載：

[……]

Media Queries設定

@media screen and (max-width: 480px) {
(智慧型手機專用樣式)
}

@media screen and (min-width: 481px) and (max-width: 768px) {
(平板電腦專用樣式)
}

@media screen and (min-width: 769px) {
(電腦專用樣式)
}

區段的順序雖然可以變換，但如果考量CSS的執行效率，則建議從小畫面往大畫面撰寫樣式，這種作法不只寫起來更有效率，也可以提升可讀性。[……]

CSS ul li float center

CSS

ul{

text-align: center;

}

li{

margin: 0 10px;

display: inline;

}

HTML

<ul>

<li>Option 1</li>

<li>Option 2</li>

<li>Option 3</li>

<li>Option 4</li>

<li>Option 5</li>

</ul>

Example Download

[……]

PHP PHPMailer無法透過Gmail發信，在帳號密碼正確的情況下

我打算用PHPMailer透過Gmail來發信，

但今天一直遇到很怪的問題，帳號密碼都確定正確，
該Google帳密可以登入Gmail，證明帳密是沒錯的，
但還是一直拋出SMTP Error: Could not authenticate.的錯誤訊息，
非常悶，搞好久，最後發現應該是密碼強度問題，

其實我密碼強度已經設很強咧，到底要多強!!

我是用下方亂碼、密碼產生器所產生的密碼，理應不會有問題，

但還是一直拋出SMTP Error: Could not authenticate.的錯誤訊息，
我用下方的「亂碼、密碼產生器」改到第五次才成功，

挑有英文自母大小寫+數字+符號的字串當密碼，
終於成功了，呼~搞半天，由此可證：
網頁能登入Gmail不代表該帳密能透過外部的SMTP來發Gmail信，
好像由外部的SMTP來發信的密碼強度有一定規則，
應該是要超強，才有辦法用PHP透過Gmail SMTP來發信

以下為官方的說明文件

Gmail說明 – 用戶端不接受我的使用者名稱和密碼
https://support.google.com/mail/answer/14257

Gmail說明 – 選用安全強度高的密碼

https://support.google.com/accounts/answer/32040

亂碼、密碼產生器http://lab.sp88.com.tw/genpass/

[……]

CSS override 樣式無法覆蓋樣式的解決方案

CSS樣式無法覆蓋樣式的解決方案

}
</style>
<div class=”aaa”>
<div class=”bbb”>
<h3>test</h3>
</div>
</div>

改用id
<style>
.aaa .bbb h3{
color:#FF0000;
font-size:50px;
}
#ccc h3{
color:#0AFF00
}
</style>
<div class=”aaa”>
<div class=”bbb” id=”ccc”>
<h3>test</h3>
</div>
</div>

延伸閱讀
http://stackoverflow.com/questions/9956467/overriding-styles-without-important[……]