大家都知道,市面上的「網頁計算機」大多跟「網頁感」一樣——
浮點數四捨五入 完全不精準,算到最後都在「差 0.01」上爭執。
手機上卡卡的,拖不動、排版亂掉,甚至還要「重新整理」才算好。
一開始做這個就是因為出國時,大部分的匯率計算機介面醜陋,又有廣告,又不直覺
正因如此,我把 120FPS 液態玻璃、Web Audio 擬真觸覺、Casio 雙軌百分比、SheetJS 匯出、Hysteresis 演算法 等黑科技全塞進一個 PWA,想給大家一個「真的」不會「卡」也不會「出錯」的商務計算體驗。
但是「我寫的」不代表「大家打得好」,所以誠摯 徵求 各位測試高手的實測回饋,讓這把「神器」更完美。
🚀 黑科技亮點(白話簡介)
技術 為什麼要「炫」給你看
120FPS 液態玻璃 UI滑動、拖曳時畫面如同水面般滑順,低於 30ms 的渲染延遲,手機、平板、筆電全平台同樣流暢。
Web Audio 擬真觸覺利用 AudioWorklet 產生「點擊」與「拖曳」微震感,即使在 iOS Safari 也能透過 Vibration API 補償音頻回饋。
Casio 雙軌百分比算法內建雙軌 (分子 / 分母) 百分比計算,支援「稅率 + 匯率」同時計算,避免傳統計算機的四捨五入誤差。
SheetJS 一鍵匯出只要點擊「Export」即可產生 XLSX,欄位自動套用貨幣/百分比格式,讓財報、報價單直接可編輯。
Hysteresis 演算法防止滑桿在極速拖曳時抖動,讓數值「穩住」不跳,特別適合需要精細調整的稅率或折扣設定。
離線 PWA首次安裝即 Cache 所有資源,無網路也能完整使用計算功能,支援 Android & iOS 桌面/手機兩端。
一句話:快、順、準、離線。
請各位給點意見
線上體驗(PWA) https://410355-collab.github.io/Premium-Business-Calculator/
GitHub 原始碼 https://github.com/youraccount/premium-business-calculator
詳情請看https://ithelp.ithome.com.tw/users/20183974/articles
每日連載中




























































































