這篇，就是一個「如果你要寫一個匯出 CSV 檔案下載」程式的人可以照這框架走的範本。廢話不多說，都寫在程式碼裡的註解了！ 要注意的是，下面的程式碼非完整可以直接照套的，還有需要自行客製化的部分！需要點程式技巧來使用。
分類彙整: 程式開發
[JavaScript] 變更 input 元素檔案類型 file type 內容
這個答案：無法辦到，安全性因素。 沒用過還真沒注意到這個部分，以為可以用 JavaScript 把前處理的內容替換上後上傳。結果一用方法強制套上去就噴錯誤警告！ 這篇「How to set a value to a file input in HTML?」問答也滿不錯的。 想像一下如果 JavaSc …
[JavaScript] FileReader API 實作圖片預覽
前端實作表單如果有碰到需要上傳圖片幾乎都會有這需求：預覽。 作法有跟後端搭配，同步 AJAX 上傳後回傳連結套入預覽，或是今天這主題純前端搞定！ 使用 JavaScript FileReader API 要注意瀏覽器支援度，尤其是 IE.. ，不過整體來說支援度都還不錯。 HTML 結構： < …
[WooCommerce] 購物車一次只能下單一款商品的做法
聽起來是特例，也沒錯，就是特例ＸＤ 像是先前文章有提到的活動購票案例，按照 WooCommerce 購物流程結帳沒有多筆購票（訂單）細節可以填寫，而實作在商品中繼資料（meta）中又很複雜，但最麻煩還是錢的問題，多張票情況下有退款要怎拆？ 面對這樣的案例，二話不說直接選擇一次訂單一張票，大家退一步就 …
[WooCommerce] 程式開發時取出訂單資訊的方法整理
這篇文章是引用 How to Get Order Details by Order ID 這篇文中分享的方法。 因為實際應用情境經過測試發現預設的太完美，沒有針對例外處理判斷。我這邊 fork 過來後就修正一些問題，之後也是就這份自己維護了！ 其中也包含 wc_display_item_meta 這 …
[Python] 執行環境與套件管理流程 – Pipenv
最近一有空就來學一點 Python，補充這接下來頗看好的語言工具知識！如果已經有學過幾套程式語言的話大部分人應該會先下手解決一個彈性問題：環境。 正如同 NodeJS 這套工具有 NPM 作為套件管理，而 Python 也一樣有不少很棒的套件可以呼叫，那..套件管理的作法或是工具？ Python 界 …
[Python] 使用標準函式庫取得電腦本機對外 IP 的方法
這篇是在 Stack Overflow 上看到的「Finding local IP addresses using Python’s stdlib」問題。 在取得電腦本機對外 IP 的眾多解答中，我喜歡不是有勾勾的那個答案。 import socket s = socket.socket(socke …
[Google] 如何遞交一個搜尋友善的 JavaScript 程式網站
這是 Google I/O 2018 的影片的一些摘要、心得，建議是直接看影片是比較快拉～ＸＤ Deliver search-friendly JavaScript-powered websites (Google I/O ’18) 這個前端程式詮釋網站內容導致 SEO 問題其實也討論很久了，前陣子 …
[JavaScript] unload/beforeunload 離開頁面事件處理替代方案
這個功能早期大家一定不陌生，離開頁面前會彈跳視窗，不是跟你說要記得儲存就是提醒你別這麼快走，後面還有好康。 但最近這功能好像就沒怎麼看到了！？ 經朋友提起，研究一下，發現是 Chrome 51 版本後被拿掉了，原因就是：這功能大多是在詐騙網站使用的ＸＤ 所以現在有掛這功能都不給客製化訊息，由瀏覽器統 …
[PHP] 產生碰撞（collision）機率低的短亂碼
這主題看似容易其實很有深度。從為甚麼要有這個「亂碼」開始，就是希望可以在做某件事的時候讓「重複」（碰撞）的機率減低，而最好的狀況就是不存在碰撞。 寫程式的人可能多少都用過「隨機」函數，但其實這方法並不是真的隨機，沒有想像中那般真的無法預測，也無法單靠它來避免碰撞。 不過有些變形的操作倒是能「盡量」避 …