我們有時候會在一些網站看到「複製到剪貼簿」功能,它不但可以複製我們肉眼看見的文字,還能複製完整的格式讓你可以貼到 Teams 或 Word 之中,有時還能複製完全客製化的內容,其實這背後都是透過瀏覽器內建的 Clipboard API 達成的。今天這篇文章我就來梳理一下 Clipboard API 的一些用法與地雷。
... 繼續閱讀 ...
由於我公司有使用玉山商業銀行來處理帳務,我經常需要登入玉山全球智匯網以審核放行一些廠商款項,我一直以來都有使用密碼管理器的習慣,確保我的每個網站所使用的密碼都是不一樣的,強化資訊安全。不過,該網站在我用了數幾年之後,從不久之前開始,該網站完全無法自動登入了,深入研究後才發現,原來他們把網頁上的表單欄位的 id
屬性移除了!這篇文章我來說說我解決此問題的過程,也說說前端工程師應注意的事項!
... 繼續閱讀 ...
在整理開發環境的時候,經常會有批次調整檔案內容的需求,我今天特別整理了 3 種不同的解決方案,這些方法都可以看情況使用!
... 繼續閱讀 ...
我之前一直想找一套不錯的 FTP 傳檔工具,我說的不是 FileZilla 這種 GUI 工具,而是可以透過批次檔自動完成 FTP 檔案傳輸的 CLI 工具。最近終於讓我找到了一套非常理想的 LFTP 工具,不但支援多種 FTP 通訊協定,其內建的命令與參數也超級多,功能強大好用,今天這篇文章我們就來介紹這套好用的 FTP 命令列工具!👍
... 繼續閱讀 ...
很多人並不知道 ASP.NET 的 Session 其實是有毒的!所以我個人會盡一切可能避免使用到 Session 機制,以免頁面遭到鎖定(Lock)狀況,影響使用者操作體驗。這篇文章我打算分享如何在 .NET Framework 的 ASP.NET MVC 5 精準控制不同 Controller 下的 Session 運作機制,避免使用者在多頁籤瀏覽的情況下遭到 Session 鎖定而無法瀏覽網頁。
... 繼續閱讀 ...
我最早接觸 LIFF 的時候已經是 2019 的時候了,當時的 LIFF v1 與現在的 LIFF v2 已經有了蠻大的差異,我想透過這篇文章梳理一下 LIFF v2 新版本的特性,好讓我們可以更方便的在網站上透過 LIFF 提供 LINE 用戶一些好用功能。
... 繼續閱讀 ...
前端效能調校的技法多如牛毛,但最明顯的效能殺手不外乎是 JavaScript 佔用 Main Thread 而導致頁面無法回應的狀況了。最近研究 Partytown 這個函式庫,他用了一個非常巧妙的技巧,把部分 JS 自動切換到 Web Workers 背景執行。這篇文章我就來分享如何將 Partytown 安裝到任意網站中。
... 繼續閱讀 ...
我最近把我的部落格與公司官網的 jQuery 完整移除,全部都改用 VanillaJS 來實現原本的功能,原本以為網站會需要改很多地方,但實際動手下去實現之後才發現其實也沒那麼難,只要你有強大的工具在手,這件工作其實很簡單,這篇文章我就來分享我的方法。
... 繼續閱讀 ...
我們有個大型的 Angular 專案,原本在 Azure Pipelines 的 CI 都很順利,但是一個月前開始變的不穩定,常常會掛掉,而掛掉的原因是「記憶體不足」造成的。本篇文章我打算分享本次問題的 Log 內容,並提供一個解決方法。
... 繼續閱讀 ...