jQuery – 在手機依然可以顯示的 Scroll 的捲軸外掛

目前在行動裝置上的 Google Chrome 捲軸,一旦停止滑動以後就會暫時隱藏,直到下次移動的時候才會顯示。但如果需要讓捲軸一直出現而不暫時消失的話,就要透過套件來模擬。

我們使用 jquery.scrollbar

安裝很簡單,下載 後指定 JS 與 CSS 路徑

jQuery 這麼寫就可以了

務必指定 jquery.scrollbar 所提供的 Class 名稱,我喜歡使用 .scrollbar-outer 是因為捲軸不會擋到內部文字,其他樣式的 Class 名稱可以參考這裡

xampp – mysql – phpmyadmin 設定 root 密碼

參考

在 Xampp 預設登入 phpmyadmin 是不需要帳號密碼的。我們進入 http://localhost/phpmyadmin 後會直接看到控制頁面,我們打開 C:\Xampp\phpMyAdmin\config.inc.php 編輯

接著重新整理後,就會被擋掉而回到 phpMyAdmin 登入頁面。這時候密碼打 123456 是無法登入的。我們要透過 mysqladmin.exe 打開 Xampp 面板 > Shell ,輸入

接著回到 http://localhost/phpmyadmin 在密碼的地方輸入 123456 就可以順利登入了。

 

 

php – 使用 dompdf/dompdf 轉換繁體中文可支援的 PDF

參考

下載 dompdf/dompdf

這邊提到,7.0以後要使用自訂的字型,必須要使用 dompdf/utils,目前已經獨立出來項目,不再包含在 dompdf 其中。

下載 dompdf/utils

前往 https://github.com/dompdf/utils.git 複製 load_font.php 到根目錄中,準備透過 comand line 執行。接著修改 load_font.php 自動載入類別的方式

下載中文字體 .ttf

參考有提到支援的格式,所以我們使用 .ttf 的中文字型。前往這裡可以找到繁體字體 https://briian.com/290/ ,例如我使用 王漢宗細黑體(wt011.ttf),字體名稱是 wt011.ttf。複製到自訂路徑,例如我們在根目錄新開一個路徑 /fonts。

安裝自訂的字體到 dompdf

Command line 運行

說明:自訂名稱是 wt011、剛剛複製的字體路徑是 fonts/wt011.ttf。運行後就會在

出現自動產生的 wt011.ttf 和 wt011.ufm,並在 dompdf_font_family_cache.php 自動加入類似這樣的陣列

測試

中文的部分,須要使用 CSS 的 font-family:中文字型 包圍才能正常顯示。沒有被包圍的部分使用英文字體,所以你會看到 HTML 的編碼會這樣

如果是下面這種寫法會出現亂碼

 

mysql – 修改 MySQL 使用者 root 的密碼

升級 PHP7.2 跟 phpmyadmin4.6 以後,不知道哪邊出問題結果 root 無法登入。

方法一

直接下指令

記得 plugin 要指定為 mysql_native_password。

 

方法二

參考,開啟 /etc/mysql/debian.cnf 找到 [client] 提供的用戶名和密碼,會看例如

使用 user, password 登入

接著 Password 輸入密碼 nZNmGKf9gs6J1Xbo 後登入資料庫 mysql,參考,下指令修改 root 密碼

這樣重新登入就完成了。

 

 

 

 

 

 

phpmyadmin – 更新版本後,重啟 Apache 發生錯誤 (Job for apache2.service failed because the control process exited with error code.)

Ubuntu 16 重啟系統 service apache2 restart 報錯

於是下指令查看問題

發現提示如下圖

發現原來是我的 /etc/phpmyadmin/apache.conf 的第 4 行設定錯誤 (我用了兩個別名),於是使用

修改我的檔案以後,重新啟動 Apache 就沒問題了~