分類: Programming

PHP 於 CLI 吃 URL 參數 給 $_GET 使用

PHP 於 CLI 界面，想要將網址的參數丟進去，然後讓 $_GET 直接吃到，該怎麼做呢？

註：使用情境在於網頁程式寫好，但是想要測試的時候，於 CLI 想要使用同樣頁面來做測試，可以這樣子做。

閱讀全文〈PHP 於 CLI 吃 URL 參數 給 $_GET 使用〉

前端 Tooltip 一步一步教學的工具套件

網頁、App 常常都會有頁面介紹，會將頁面區塊框一個框框，然後旁邊秀出說明或者教學。

這些通常會在 HTML 元素旁邊，使用 tooltip 的方式秀出來，這次介紹的套件，就是秀出來外，加上循環順序的設定，就可以做出一步一步的教學等效果。

閱讀全文〈前端 Tooltip 一步一步教學的工具套件〉

將 \x 開頭編碼的資料使用 HTTP POST 傳送與接收

\x 開頭編碼是 16進位的數字，可以直接轉成一般文字輸出，可詳見此篇：將 \x 開頭編碼的資料轉成中文輸出

但是想要將 \x 於 html input / textarea 傳送，再用 $_GET、$_POST 等接收 並且做轉換，要怎麼做呢？

閱讀全文〈將 \x 開頭編碼的資料使用 HTTP POST 傳送與接收〉

使用 flat 來將 JavaScript Array 快速攤平

JavaScript 的 Array 裡面有很多層級(多維陣列)，想要全部都攤平成一個一維陣列(flatten)，可以怎麼做呢？

  • 註：此篇使用到的 flat()，IE 不支援。

閱讀全文〈使用 flat 來將 JavaScript Array 快速攤平〉

瀏覽器的 console log 幾種不同呈現方式

瀏覽器在 Debug 常常使用 console.log()，除了 console.log 外，還有沒有更多的參數可以使用呢？

  • console.log()：標準的文字
  • console.error()：出現紅字錯誤文字 和 錯誤的 X
  • console.warn()：出現黃色警告文字 和 警告的 !
  • console.table()：可於 console 出現表格
  • 客製化 console.log：(前景綠字、背景黃色、24px 字體大小) 
    (() => {
    console.log('%c%s', 'color: green; background: yellow; font-size: 24px;','Success!')
})();

詳見此篇：Better console.logs

PHP 如何為 json_encode 移除 Array Index

PHP 與 JavaScript 串接經常回傳 JSON 格式，但是會遇到 PHP 的 Array 預設 Index (Assoc array key reference index) 都會有 1、2、3 ...，要怎麼移除這 Index 在傳給 JavaScript 呢？

閱讀全文〈PHP 如何為 json_encode 移除 Array Index〉

PHP Cookie SameSite 的設定方式

Chrome 80 之後的版本，預設的 Cookie 設定將會無法跨站存取 Cookie 值，若想要允許 Cookie 跨網站存取的話(SameSite = None)，需要使用 HTTPS 才可以。

  • 註：SameSite 用來阻止瀏覽器將 Cookies 跨網站發送 (prevents the browser from sending this cookie along with cross-site requests)

閱讀全文〈PHP Cookie SameSite 的設定方式〉