VECTOR COOL 威得數位行銷 - 第 20 頁，總計 45 頁

WHMCS Invalid CSRF Protection Token

解決WHMCS Invalid CSRF Protection Token

Setup > General > Security > CSRF Token > Disable

系统设置 > 常规配置 > 安全 > 停用CSRF令牌：全局

參考資料：

[……]

PDF 轉 Word 線上轉

在辦公室裡，常常都有人會寄PDF文件來，PDF又不能編輯很麻煩，要印出來用寫的，再掃描成電子檔，多麼笨的作法阿，當然也有PDF轉Word的軟體，不過還要下載下來，又要安裝麻煩死了，只是要轉一兩個PDF檔案，還要裝冬裝西，還不知道會不會中毒，中毒了IT又要靠邀了。

跟大家推薦一個非常好用的辦公室工具

Smallpdf PDF轉Word網路服務，它的優點：

免費
線上直接轉，不用裝軟體
支援 Dropbox
Google Drive
簡單快速、笨蛋都會用

拖曳檔案

拖曳桌面PDF檔案至瀏覽器

上傳中

轉檔

下載

可以直接線上下載、也可以回存Dropbox或Google Drive

使用超級簡單

免費版本，每小時可轉換2次，
超過的話，再等十幾分鐘就可以轉了
真是佛心來著

PDF 轉 Word ：

[……]

WHMCS 7.x.x 繁體中文語言包

您還再慢慢翻嗎？時間就是金錢

WHMCS不支援繁體中文，翻譯需要耗費大量時間及成本，

網路上找得到的版本很不齊全，版本也不盡相容。

所以我們開啟繁體中文贊助計畫。訂閱贊此計畫，

於更新時會自動電子郵件給您，為您的WHMCS維持最新的更新版本

就是這麼簡單

支援5.XX

支援7.3.0（當前版本）

WHMCS 繁體中文語言包下載

安裝步驟：

1.解壓縮附件

2.將lang目錄複製，覆蓋並取代WHMCS安裝目錄的lang目錄即可。

非常簡單

注意：

執行更新前請先妥善備份您的檔案[……]

CSS Calc運算

終於是等到這個功能了，CSS3增加了Calc()這個function進行數值運算，大部分用於容器寬度或高度的計算，這讓CSS的開發更快、靈活度更高並增加重複使用的可能性，Calc()還有一個很棒的優點，可以針對不同單位進行運算。

支援運算：

+
加

–
減

*
乘

/
除

CSS Calc運算

下方範例可以得到欄位寬度，可用來製作自己的網格系統

.column-1 {
  width: calc( 100% / 1);
}

.column-2 {
  width: calc( 100% / 2);
}

.column-3 {
  width: calc( 100% / 3);
}

不同單位運算

#element1 {
  width: calc(50% - 2em);
}

參考資料：

[……]

MySQL 解決匯入錯誤 Variable ‘character_set_client’ can’t be set to the value of ‘NULL’

MySQL 匯入發生下列錯誤

Variable ‘character_set_client’ can’t be set to the value of ‘NULL’

今天再進行客戶資料庫移機的時候，從原本舊機器的phpMyAdmin匯出MySQL的sql檔，匯入新的客戶主機，再熟悉不過的匯出匯入動作，居然冒出了個錯誤，好吧!!遇到錯誤就來解決吧，這裡不討論造成原因，這時候不想知道什麼原因，估狗大神快教我怎麼解決，我想神聽到了。

用你爽的編輯器打開SQL檔，此例使用Notepad++

在文件最前端貼上下面這幾行：

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

成功匯入

有圖有真相

結論

為什麼呢?? 嘿~自己估狗，我沒很想知道~哈哈哈

參考資料：

[……]

CSS 中文參考手冊

這是一個很棒的網站，很久沒有看到CSS整理得這麼清楚了，而且最重要的是有中文，不過是簡體的就是了。

傳送門：

[……]

javascript list all the plugins installed in the browser

取得瀏覽器安裝的所有插件

有時需要判斷瀏覽器安裝那些第三方插件，比如：VLC、Flash Player、PDF Viewer等等，藉以作後續的動作，比如說沒有Flash Player引導user安裝，下面這程式就非常有用：

navigator.plugins

會返回一個已安裝plugin的數組

<!doctype html>
<html>
<body>
<div id="example"></div>
<script type="text/javascript">
var x=navigator.plugins.length; // store the total no of plugin stored 
var txt="Total plugin installed: "+x+"<br/>";
txt+="Available plugins are->"+"<br/>";
for(var i=0;i<x;i++)
{
  txt+=navigator.plugins[i].name + "<br/>"; 
}
document.getElementById("example").innerHTML=txt;
</script>
</body>
</html>

輸出：

Total plugin installed: 4
Available plugins are->
Widevine Content Decryption Module
Native Client
Chrome PDF Viewer

參考：

取得某一Plugin版本：

<scrip>
function getFlashVersion() {
  var flash = navigator.plugins.namedItem('Shockwave Flash');
  if (typeof flash != 'object') {
    // flash is not present
    return undefined;
  }
  if(flash.version){ 
    return flash.version;
  } else {
    //No version property (e.g. in Chrome)
    return flash.description.replace(/Shockwave Flash /,"");
  }
}
</script>

參考：

[……]

PHP 解決 Fatal error: Uncaught Error: Call to undefined function set_magic_quotes_runtime()

set_magic_quotes_runtime()於 PHP5.3後棄用

在 PHP.net 官方文件中有提到，set_magic_quotes_runtime()於PHP5.3已經棄用，雖然不會造成Fatal error而中斷程式，但會發送E_DEPRECATED的過時警告，而在PHP4.0+已被棄用，所以PHP4.0之後不會有set_magic_quotes_runtime()這function，所以會跳出下列錯誤：

Call to undefined function set_magic_quotes_runtime()

官方說明：
http://php.net/manual/en/function.set-magic-quotes-runtime.php

解決方法：

移除所有 set_magic_quotes_runtime() 程式碼。

替代方案：

[……]

CSS get an element use :nth-child() not :eq()

用 index 在重複元素中獲取一個元素

在 jQuery 是使用 :eq(2) ，雖然jQuery跟CSS選取器(selector)有很多相似之處，但還是有些差異，在CSS中要在重複元素中獲取一個元素是用偽類 :nth-child(2)

比如說我要指定定Apple 的樣式為紅色：

<div>
    <div id="bar1" class="foo">banana</div>
    <div id="bar2" class="foo">Apple</div>
    <div id="bar3" class="foo">Orange</div>
</div>

我們可以這麼做，都可以達到相同效果：

#bar2{
	color:red;
}
div.foo:nth-child(2){
	color:red;
}
.foo:nth-child(2){
	color:red;
}

同場加映

除了:nth-child()還有其他用在取得元素的偽類，都很常用到優

:first-child
:second-child
:third-child
:last-child
:nth-child

參考資料：

[……]

CSS RWD 響應式斷點 @media 及常用尺寸速查

我常用的方法

這作法雖有違背行動優先的概念，但我實務上遇到比較多還是先做電腦版，再依照電腦版樣式改成手機版本，概念歸概念，能能解決問題的就是好方法，提供大家參考

行動優先-響應式斷點

介紹完我常用的斷點，也介紹一下比較正規的做法，下列這就是行動優先下的響應式斷點，先決定手機版樣式，再針對平板或電腦的樣式進行調整

https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints

Bootstrap 4 – RWD Layout

這是Bootstrap定義的斷點

https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints

WordPress Elementor CSS breakpoint

Refrence: https://v123.tw/wordpress-elementor-css-breakpoint/

[……]