2023-04-03 02:22 PM 6 16,452
忽然有個感觸,ChatGPT 出來之後什麼都變了,對老人真是難熬的一段時間(稱為 AI 元年也不為過),許多舊觀念當場失效,太多新東西要學習要理解,每天都在接受震撼教育。而最近我寫文章的 SOP 變成:先用舊觀念 PO 一篇,吸收資訊與回饋,然後再貼一篇打自己的臉更新觀點。XD 早上才分享 用 jQ...
2023-04-03 08:30 AM 0 2,609
資深網頁人員應該都看過這種風格的 HTML: 這類 HTML 多半來自 Word 等 Office 軟體,特徵包含: p 一律掛了 class="MsoNormal" 但 MsoNormal 樣式規則不存在 無所不在 style="font-family: 新細明體...
2023-03-21 09:07 PM 0 2,586
jQuery 寫了十幾年,自以為各種網頁 DOM 操作我都能信手拈來,今天硬是卡了一下,又一次體認到「沒學到的事還多著呢」 這回要處理的情境是將 div 裡多餘的 span 拆掉,將 span 內容在 div 展開到。例如: <div> <span> Firs...
2022-06-29 12:00 AM 6 2,717
前篇文章提到有個 blur() + alert() IE Only 網頁在 Edge/Chrome 會發生 alert 無窮迴圈的悲劇,讓我心生寫個簡單通用程式庫解決這類需求的念頭。規格如下: 希望搭配原有檢核邏輯,程式不要大改,換掉原本 alert 訊息顯示就好 要能明確指出檢核失敗欄位所在位置...
2021-12-02 09:02 PM 7 12,559
這個系列是「將 IE-Only 網站翻修到 Chrome/Edge 相容」過程的瑣碎筆記,有參與古蹟維護的朋友請進。 今天說說網頁裡若出現只剩 IE 支援的 showModalDialog() 要怎麼修改?從 Chrome 43 跟 Firefox 56 之後,showModalDialog API...
2021-07-08 09:44 PM 1 1,972
昨天提到如何改寫 IE Only 網頁的 XML Data Island/MSXML 操作,我用一組元素、Attribute 的新增修改刪除動作對照 XML Data Island/MSXML 與現代瀏覽器的做法差異,算是做完基本功課。但後來熊熊想到,我幹嘛放著 jQuery 不用啦? 用 jQue...
2021-05-10 09:56 PM 27 17,836
[2023-04-03 更新] 歷經兩年,很多事都改變了 - AI 來襲,jQuery 還能再戰 10 年? 前幾天在臉書上聊到 jQuery 是否仍值得學習引來迴響,關於鄙視這件事,我還有一些想法,寫篇文章梳理一下。(謎之聲:果然年紀愈大愈嘮叼) 事情的源起是這幾年前端框架輩出,前端主流圈興起一波...
2021-04-04 08:20 AM 1 2,427
前幾天分享了我的私房「網頁新手提示」懶人工具,得到不少回饋,其中有幾則是這麼說的: 這兩天,我越想越不對勁... 原本好意提醒使用者有哪些功能可用,但如果使用者不是新手,只是換電腦或清掉瀏覽器記錄,也得全程看完才能開始操作,心裡一定很賭爛吧? 我無法定義何謂「好的操作介面」,但剝奪使用者自主權的一...
2021-04-01 10:25 PM 4 4,952
寫網頁的人總夢想著自己寫的介面夠簡單夠直覺,不需說明文件,使用者模索兩下就能上手。但事與願違,網頁上一些自以為夠明顯一定會被使用者發現的得意設計,上線半年還乏人問津,常令設計者一陣鼻酸。 手機 App 有一種不錯的設計概念可供借鏡,做法是第一次開啟 App 時先跳出一段動畫展示,簡要提示新功能或操作...
2020-10-14 11:25 PM 4 5,862
接獲 Bug 通報,某網頁下拉選單出現重複選項,追查資料來自兩段 jQuery.map() 吐回字串陣列,以 Array.concat() 合併後再以 jQuery.unique() 排除重複項目,乍看合理。過去沒聽過有 jQuery.unique() 這個函式,但望文生義應類似 LINQ 的 Di...
2019-10-26 06:53 AM 5 10,735
如何使用 JavaScript 模擬 <input type="file"> 選取檔案上傳操作,一直是我寫網頁自動測試的最大障礙。 基於安全考量,瀏覽器禁止 JavaScript 代替使用者為 <input type="file"> 的...
2019-10-25 06:38 AM 1 6,909
jQuery :contains() 選擇器可用來選取子元素內包含特定文字的元素。最近遇上一個狀況,網頁上有兩個選項,內容分別是【同意】跟【不同意】: <p> <span>同意</span> <span>不同意</span&g...
2018-11-13 10:45 PM 0 3,986
JSON.parse 時另外指定 Reviver 函式將 "yyyy-MM-ddTHH:mm:ssZ" 轉成 Date 型別,已是我用 JavaScript 解析 JSON 字串的SOP。參考:我慣用的標準做法 幾乎每次使用都要加工,一直抱怨為何瀏覽器不直接內建。先前寫 Knoc...
2016-12-22 10:34 PM 1 15,308
非同步邏輯是寫 JavaScript 逃不掉的複雜課題,古早流行的做法是傳入 Callback 函式當參數,待特定作業完成再呼叫,缺點是串接程序一旦變多,就會出現波動拳式排版,寫到渾然不知身處夢境第幾層: asyncJob1(function() { //Callback 函式: asy...
2016-07-03 12:40 PM 0 17,609
一週內被兩位同事問到幾乎相同的問題,這一定是天意!趕緊寫篇FAQ以免天公伯不開心~ 【問題】 用JavaScript要怎麼實現Dictionary<string, T>? JavaScript有沒有類似LINQ Where()、Select()、OrderBy()的...
2016-02-03 10:44 PM 2 11,523
CSS 的 text-overflow: ellipsis 刪節號效果可讓長度不一的文字等寬顯示,遇到版面空間有限又必須整齊排列時很好用,但套用刪節號樣式後看不到完整文字,尤其遇上文字前半截相同時更是難以區別,是一大困擾。為此,我的慣用解法是為套用 ellipsis 的文字元素加上 title ...