發表文章

目前顯示的是 2025的文章

Laravel Hashids:把流水號 ID 轉成亂碼

Laravel Hashids 是基於 Hashids 衍生出來的 Laravel 套件,Hashids 是一個小型 library,可以根據數字產生簡短的唯一 ID。

GrapesJS

圖片
GrapesJS 是一個可視化網頁編輯框架,主要特色是能讓使用者直接透過拖拉的方式來建立網頁版型。

CSS 新單位 lvh、svh、dvh

圖片
一般我們很常透過 vw、vh 來寫一些需要依照畫面等比例顯示的東西,可是手機瀏覽器會在滑動的時候隱藏網址列和工具列,變畫面大小很容易造成畫面跑版,意思就是網頁已經載入的元件會因為我們划手機而忽大忽小。

Chart.js

圖片
網路上有很多圖表套件,Chart.js 算是我比較喜歡的,他確實沒有非常複雜厲害的功能,但開發網站通常也只需要基本統計圖表,Chart.js 可以滿足大部分需求。

[Sublime 4] 如何在 Sublime Text 使用 GitHub Copilot

圖片
AI 興起已經一陣子了,我一直沒有使用,最近終於想到要用用看,就從同事都在用的 GitHub Copilot 開始吧!

laravel blade @stack 要放在 @include 之後才能正常使用

直接用範例來說明,目前我們有下面兩個 blade,分別是 layout 和 content。 範例:主視圖(layout.blade.php) <html> <head> @stack('scripts') </head> <body> @include('content') </body> </html> 範例:子視圖(content.blade.php) @push('scripts') <script src="footer.js"></script> @endpush 這種情況下會造成子視圖 @push 沒有作用,起因在於程式解析的順序是從上到下,@stack 只會輸出當前已經 push 進來的內容。 在主視圖解析到 @stack 時子視圖還沒載入 解析到 @include 時,雖然子視圖有寫 @push,但是 @stack 已經解析完成,不會再新增內容。 所以應該把主視圖改寫如下: <html> <head> </head> <body> @include('content') @stack('scripts') </body> </html>

網頁版小畫家筆記

圖片
利用 canvas 做出簡易版小畫家。

[Windows10] 更改使用者資料夾名稱

圖片

Agent

User Agent 解析工具,是比較早期使用的套件,當時主要用來判斷目前裝置是電腦還是手機,以便依據不同的裝置顯示不同的內容。

JavaScript 調整 URL 不跳頁

HTML5 加入了 history.pushState() 和 history.replaceState() 方法,可以加入或修改歷史紀錄達到此效果。

Laravel Stats Tracker:追蹤網站流量與訪客資料

識別和存儲請求中的大量資訊。使用須謹慎,因為他會儲存大量資料,最好寫排程定期清理,否則容易造成資料庫龐大,Query 速度變慢等問題。

Laravel-translatable:讓資料庫欄位支援多語系

要做多語系網站如果還要自己處理資料庫內容語系翻譯真的有點小小麻煩,當然做得到,但是有套件會讓一切更簡單。

拆分 Excel

圖片
最近遇到要匯入 Excel 檔案,但由於資料量太大,程式無法執行,所以必須把 Excel 拆分成多個小檔案分次匯入。之前我都傻傻的手動拆,今天才想起來找找看有沒有工具,就找到有人分享出來的巨集,真是太好用了(心花怒放)。