ClearDB 是Hero Add-ons app 部署的可選擇的附加入服務，ClearDB就是所謂的MySQL資料庫，通常會配合PHP的app一起使用。 免費版本提供5MB的容量使用，對於初期測試開發還算夠用，當然免費版連線速度也是會有所限制，若使用好的話可以轉為訂閱。 設置完成Add-ons ClearDB 你會在heroku app Settings Config Vars...
jQuery validate.js 台灣手機格式號碼表單驗證
jQuery validate.js 是一個方便用於表單驗證的jQuery plugin，透過它你可以簡單且完整的處理表單驗證的問題，但在電話號碼處理上，他並沒有提供太完整的過濾函數，在官方網站只有說明提供了phoneUS –驗證有效的美國電話號碼，但其他國家號碼沒有相對的函數提供。 表達式Regular Expression 其實要做到台灣手機號碼的格式認證，要先對於台灣手機格式的了解： 台灣的手機號碼目前基本上都符合一定的格式，那就是總共十碼，前兩碼是09 一共有 10 位數 開頭要是 09 每一個字元都要是數字...
MySQL開啟遠端連線權限允許遠端裝置連線資料庫
MySQL因為安全性root帳號，預設只允許localhost連線，想要遠端裝置連線本地端的資料庫，需要設置帳號權限修改為所有host均可訪問，如下指令。 update user set host = '%' where user = 'root'; 以上是直接修改root權限的做法，還有第二種比較好的做法是，新增一個使用者，給予hoot均可訪問的權限'％'，或使指定只能訪問指定某資料庫權限。 MySQL創建一個新用戶 先以 root 帳號進入 MySQL 的 Console： > mysql -u root...
macOS MySQL外連訪問端口3306連不上被擋被拒
客戶端外連訪問在Mac電腦中安裝的mysq失敗。 錯誤信息顯示: [root@centos7 /]# mysql -hxxx.xxx.xxx.xxx -P3306 -uroot -p Enter password: ERROR 2003 (HY000): Can't connect to MySQL server on 'xxx.xxx.xxx.xxx' (111) 分析可能原因: MySQL遠端登陸授權（已配置，因此排除，未配置可參考:遠端登陸授權MySQL） 遠程訪問端口 可通過以下指令訪問Mac本機3306端口查看...
CSS中使圖片白色背景轉透明
如果背景顏色為白色，有一種方法可以使用CSS混合模式，添加mix-blend-mode: multiply;CSS屬性： img{ mix-blend-mode: multiply; } Demo See the Pen CSS中使圖片白色背景轉透明 by Leon Cheng (@jq153387) on CodePen. CSS混合模式: background-blend-mode - CSS: Cascading Style Sheets | MDN mix-blend-mode - CSS: Cascading Style...
如何從macOS上的終端機Terminal打開Visual Studio Code？
下載，安裝並打開Visual Studio Code。 打開命令面板 (⌘ + ⇧ + P on Mac) OR 查看 ❯ 命令面板 鍵入shell命令以查找Shell命令: Install 'code' command in PATH command 安裝完成就可以了 之後，您可以使用 code or code . 在終端。 從命令行打開Visual Studio代碼 code -- 打開整個文件夾/目錄 code . 打開特定文件 code file_name eg:- code index.html...
JavaScript分割split()方法逗號分隔修剪多餘的空格
如下需要拆分一個關鍵字字符串並將其轉換為逗號分隔，但是要如何去除多餘的空格使用逗號分隔。 var keywordString = "ford tempo, with,,, sunroof"; 輸出 ford,tempo,with,sunroof split()方法 在ES6中可以應用split()拆分，加上map()與trim()將空格去除。 var temp = str.split(",").map((item)=>item.trim()); 也可使用匹配的filter方式：...
WSL手動設置DNS不被重置為默認
WSL2修改/etc/resolv.conf可以自己設置dns，但重啟WSL以後，手動設置的DNS就會被重置為默認的，細心看了一下默認的文件以後發現了問題的關鍵。WSL自動在啟動時自動根據系統的虛擬交換機WSL生成/etc/resolv.conf文件。如下為默認的/etc/resolv.conf文件的內容 # This file was automatically generated by WSL. To stop automatic generation of this file, add the following entry...
如何讓CSS HTML Table RWD方法
響應式表格 CSS-Trick 表格在不同裝置上的呈現方式一直是前端開發中的一個挑戰。這篇教學將介紹四種使用 CSS-Trick 中提供的解決方案，分別是擠壓、捲動、摺疊橫列、和摺疊直行。我們將深入探討每種方法的實作，讓你能夠根據專案需求選擇最適合的方式。 擠壓（Squish） 擠壓的方式相對簡單，它根據裝置的解析度改變每個欄位的長度，整體而言較不破壞原有表格樣式。然而，當某些欄位的文字訊息特別多時，可能會使這些欄位變得特別長，影響觀看流程。因此，適合資訊量不大或每個欄位資訊量較一致的表格。 捲動（Scroll）...