Category: javascript

2 3,249
前幾天幫同事看問題，要在 JavaScript 偵測 location.href 是否為 / 字元結尾，看到 Visual Studio 自動提示了 endsWith() 函式，大驚! JavaScript 不知何時早已內建 startsWith、endsWith (Chrome 41 就有，目前版...

0 10,849
我猜蠻多人跟我一樣，從沒上過 HTML/JavaScript 的課，甚至連書都很少買，寫網頁全靠著邊做邊學，上網複製貼上程式查資料慢慢養成。坦白說這不是最有效率的學習方式，但似乎是大部分有程式經驗的人跨界網頁開發常用的做法，也不能說是不長進不積極，就只是走平凡人走的路罷了。 我自己目前常遇的狀況，是...

0 1,027
系統有張表單包含一個使用者自訂區塊，允許業務單位放入備註性質資料讓使用者填寫，該備註只對承辦人員有意義，與作業程序完全無關，且各單位所而內容不同，偶爾會調整。思考了一下，我打算將其視為黑盒子不解析內容，採 Garbage In Garbage Out 策略，是較省時省力的做法。但有個問題 - 備註內...

4 4,918
上回試著克服 JavaScript 四捨五入浮點誤差，小看了浮點數誤差的千變萬化，只手動測完幾組數字就妄想過關，不意外地，被抓出兩個問題： 原先用整數跟小數總計 16 位判斷出現 999X 或 0000X 近似值誤差，但 JavaScript Number 規格位數上限是 17 位(A Numbe...

3 6,303
同事分享的浮點運算案例。 這些年大家都已知道「算錢用浮點，遲早被人扁」，差 0.01 都會鬧出人命的應用，在 C# 乖乖用 decimal 就對了，但說來奇怪。JavaScript 這些年紅透半邊天，不管前端、後端、行動裝置 App、物聯網裝置什麼平台都能沾上邊，偏偏在數字型別方面沒半點長進，還是只...

6 9,448
前陣子討論到 Chrome 88+ 加入的 Intensive Throttling 會造成 setInterval 大走鐘，同事提到可用 Worker 避開問題，發文後讀者 Scott 也留言提到。不過，在這個議題上，我覺得搬進 Worker 規避 Chrome 節能設計雖然省事但非最佳解，若有其...

6 9,498
同事分享踩到的地雷一枚 - 某個用 setInterval 寫的閒置倒數功能(參考：ASP.NET 小技巧 - 防止 Session 逾時與網頁閒置偵測)，被發現超過時限很久還沒啟動。 經過調查，問題發生在 Chrome 瀏覽器，操作使用者曾長期切到別的頁籤看其他網頁，並未一直停在網頁。後來查到，今...

4 9,456
今天這篇屬於前端開發的單兵基本教練，練習為耗時的 AJAX 呼叫製作載入中狀態顯示，如以下效果： 針對較耗時的 AJAX 呼叫，在等待結果回傳期間顯示轉圈圈之類的載入動畫，安撫使用者情緒提供明確的執行狀態回饋，同時封鎖網頁介面並防止使用者在等待期間繼續操作造成動線混亂。這種效果相信大家一定都看過，...

4 1,638
開發網站有時會遇到一種狀況，某位使用者有個特殊需求，為一個人修改網頁設計正當性不足，但該功能確實可為他帶來可觀效益(我一直把增進人類全體之生活當成寫程式的核心價值呀)。因此，實務上偶爾會出現所謂 VIP 版，墮落自我要求不高的開發者會 Copy & Paste 改一版交差，認真精實的開發者會...

1 1,663
前陣子分享將 Git diff 文件轉成網頁版程式異動對照表(Compare List)的做法，上路沒多久便觸礁。原因是一次新增大量檔案(例如：網站新增內容，包含大量 HTML、CSS、JS 檔全文)的 diff 檔可能超過 10MB，轉換產生的 HTML DOM 過於龐大讓瀏覽器很卡。Chrome...

3 6,011
我有個特殊需求，需要一個壓縮(Minify) JavaScript 檔的指令列工具。JavaScript 壓縮工具多如牛毛，從線上轉換網站、Visual Studio 擴充套件，到 GUI 軟體工具都有，而 Gulp/Grunt 等打包工具也都有內建，由於每次只處理單一檔案，我希望安裝跟操作步驟愈簡...