Category: javascript

0 7,009
先定義我所謂的「AJAX 表單傳送」：意指撰寫 JavaScript 蒐集 HTML 表單欄位，再藉由 XHR 傳送到伺服器端，取代傳統的 Postback。其優點包含送單時畫面不閃動、沒有重新載入網頁的延遲以及傳輸運算成本、表單處理失敗使用者輸入狀態不變方便修改重送... 等等，近年來 AJA...

6 23,103
Chrome 自 59 版起內建了 Headless 模式，允許透過命令列啟動 Chrome 以無 GUI 方式執行，具備與正常開啟完全相同的網頁渲染及 JavaScript 引擎，還可透過網路連線遙控。這個功能可以用於不少有趣應用，這裡列舉幾種實用情境。 註：Headless Chrome ...

2 12,121
分享今天卡到陰，耗掉我半小時青春的鬼問題。 有個待辦事項清單網頁，使用者可點選待辦項目以 Modal Dialog 連上位於其他主機的網頁執行作業，待 Modal Dialog 關閉，待辦清單需依據執行結果決定是否將該筆作業註記為已完成，避免重複處理。由於待辦清單與執行作業網站分處不同伺服器，...

3 9,025
部落格原本用的程式碼顏色標示(Syntax Highlight)套件是十年前的產物，早就跟不上程式語言演進腳步，上篇文章起網站悄悄改版，改用支援 176 種語法及 76 種樣式並持續更新的 highlight.js。(列入評估的另一選項 prism.js 也很出色，頗難抉擇，最後選定 Githu...

1 5,220
使用者報案，專案網站使用 Safari 檢視，在切換頁面時殘留載入中訊息，但使用 Chrome/IE 則一切正常。 專案網站有個主目錄網頁，點選切換其他功能網頁前會 $.blockUI 顯示"網頁載入中，請稍侯..."訊息，由於頁面很快會被新網頁取代，故沒必要關閉載入中訊息...

4 8,135
同事貢獻新鮮茶包一枚。查到最後發現是低級錯誤，但念在用電話跟 LINE 遠端偵錯耗了三個小時，值得記錄並列為日後問題排除參考。 最初的報案內容是某位使用者剛換了 iPhone 8 新手機，要連上某個例行工作網站查資料，輸入帳號密碼卻無法登入。我們試了自己的手機及平板檢測正常，原以為是使用者個人...

4 17,463
今天才發現 JavaScript 中文字串排序有個大問題! 下圖是 KendoGrid 在 Chrome 使用 JavaScript 排序的結果，如圖所示，一到七由小到大排序結果為一、七、三、二、五、六、四，既不是依筆劃，也不是依注音: (SQL 的中文定序就區分筆劃跟注音，例如: Chines...

4 11,184
在網路上看到這篇 - Modern JavaScript Cheatsheet - Modern JS Cheatsheet，給既有 JavaScript 開發者看的小抄，指出因應 ES6/ES2015 新標準的注意事項。（註：如果你被 ECMAScript 6、ES6、ES2015 等術語搞到...

0 15,988
昨天剛在公司解完案例，今天又在日常生活遇到實例，老天爺這暗示明顯無比，趕緊來篇筆記，以防出門雷劈！ 最近迷上蝦皮拍賣。能跟 LINE 一樣跟賣家溝通超方便，尤其問完問題馬上接到賣家的實體照片真令人感動，不用出門與人面對面又保有臨櫃交談的即時性，真是阿宅的救星。遇到一個賣家很妙，凌晨四點多發訊息...

0 14,310
要防止使用者網頁輸入資料時誤按超連結或回上頁鍵，來不及儲存（送出）就離開，有個古老技巧是攔截 onbeforeunload 事件，使用 return "…" 傳回提醒文字，讓使用者有機會反悔，選擇停留在原頁面。（參考：如何避免使用者在特定網頁表單在未經送出時意外離開） 這招...

1 15,095
非同步邏輯是寫 JavaScript 逃不掉的複雜課題，古早流行的做法是傳入 Callback 函式當參數，待特定作業完成再呼叫，缺點是串接程序一旦變多，就會出現波動拳式排版，寫到渾然不知身處夢境第幾層： asyncJob1(function() { //Callback 函式： asy...