
JavaScript 實作簡易網頁表格資料搜尋與篩選功能
這裡介紹如何在網頁中加入簡單的 JavaScript 程式碼,讓表格擁有基本的資料搜尋與篩選功能。 在設計網頁時,若遇到表格資料比較多的情況,可以適時加入輕量化的 JavaScript 程式碼,讓表格具有簡易的資料搜尋與篩選功能,讓使用者更方便尋找資料,而這種做法不會使用到 jQuery 等大型函式庫,對於整個網頁的效能幾乎沒有影響。 ...

這裡介紹如何在網頁中加入簡單的 JavaScript 程式碼,讓表格擁有基本的資料搜尋與篩選功能。 在設計網頁時,若遇到表格資料比較多的情況,可以適時加入輕量化的 JavaScript 程式碼,讓表格具有簡易的資料搜尋與篩選功能,讓使用者更方便尋找資料,而這種做法不會使用到 jQuery 等大型函式庫,對於整個網頁的效能幾乎沒有影響。 ...

這裡介紹如何使用 Coinhive 建立一個挖礦網頁,以網頁瀏覽者的電腦 CPU 進行挖礦。 加密貨幣(Cryptocurrency)是現今非常熱門的話題,以往大家都是使用自己的 CPU 或 GPU 來挖礦賺錢(例如 MinerGate),而現在已經有使用 JavaScript 實作的挖礦程式出現,可以直接放在網頁上,使用網頁瀏覽者的 CPU 挖礦。 ...

這裡介紹如何修改 php.ini 設定檔,解除 PHP 上傳大檔案限制。 編輯 PHP 的 php.ini 設定檔,放寬檔案上傳大小相關的設定: ; 上傳檔案大小上限(單一檔案大小) upload_max_filesize = 50M ; POST 大小上限(所有檔案大小加總) post_max_size = 200M ; 記憶體用量上限 memory_limit = 512M 這三個設定值可以依照自己的需求來調整,大原則就是「記憶體用量上限」一定要比「POST 大小上限」更大,而「POST 大小上限」則要比「上傳檔案大小上限」更大,也就是這樣: ...

這裡整理了一些網頁 <input> 上傳檔案時,使用 accept 限制上傳檔案類型的用法與範例。 網頁表單的 <input> 可以用來上傳檔案,如果想要限制使用者只能上傳某些特定的檔案類型,可以使用 accept 屬性來調整可接受的檔案類型。 ...

本篇介紹如何使用 Guetzli 壓縮大量圖片,並比較 Guetzli 與 TinyPNG 的壓縮結果。 Guetzli 是一套由 Google 所開發的 JPEG 圖片壓縮演算法,與現有的 libjpeg 相比,可將高品質的圖片大小減少 20% 至 30% 左右,並且完全相容於現有的瀏覽器與各種應用程式,因此若應用於網頁的圖片壓縮上,可以大幅降低資料傳輸量,增進網頁載入速度。 ...