| | | 0 | | 988 |
幾天前我展示了兩款免 JavaScript 的刪除確認設計,讀者 Dante Lee 主張勾 Checkbox 並不算好設計,它一樣需要額外移動滑鼠加點選,還會讓人想起被迫違背自由意志勾選「我同意」的不愉快回憶 (我他X的根本不想同意啊)。 想想,這說法確實有幾分道理,於是我厚著臉皮交流,索取到一個...
| | | 0 | | 674 |
故事從這則貼文開始: 依直覺,台股上市公司股價的第一位數字,1 到 9 的出現次數應該是平均分佈吧? 事實不然,依據「班佛定律」,舉凡人口、土地面積、河川長度,乃至影片文章的點閱數,這些自然形成的數字,只要筆數夠多,統計下來 1 開頭的機率多半超過 30%,其次是 2 的17.6%,一路到 9 下滑...
| | | 0 | | 988 |
繪製圖表是常見的程式需求,過去我寫過不少相關文章: Python 練習:CSV 繪製樞鈕分析圖表 分析Log 計算平均、標準差、95 百分位數並繪製圖表- 從C# 到Python 讀書筆記 - 資料視覺化常用圖表整理 C# 開源圖表程式庫 - ScottPlot 就語言生態系及程式庫成熟度來說,...
| | | 0 | | 1,213 |
上回提到我最近在看 Hello 演算法。這陣子進度推進到 AVL 樹,原理不算難,把握「Balance Factor 達到正負 2 就旋轉節點降回正負 1 以內以維持平衡化」的原則,再將旋轉規則簡化成:LL 右旋、LR 左旋再右旋、RR 左旋、RL 右旋再右旋,就算學完了。 圖片來源 話雖如此,但...
| | | 9 | | 8,138 |
幫忙 Review 前端網頁程式,發現某網頁用了以下寫法: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
| | | 0 | | 942 |
記錄最近維護古蹟遇到的問題一枚。 接到通報,老系統某個使用 JSONP 呼叫第三方網頁執行指定作業並接收回覆,不知何時開始失效了。 客戶端程式類似這樣: <!DOCTYPE html> <html lang="en"> <head> &...
| | | 0 | | 4,502 |
之前在某個前端技術部落格看過一種很酷的特效:瀏覽網頁時有一堆綠色小點追著滑鼠游標跑,滑鼠移到哪裡,整群小點就跟到哪裡。早不記得是在哪裡看到的,自然也很難再找到連結給大家參考,但接近以下這種展示效果: 粒子效果模擬 說真的,在網頁要追蹤滑鼠游標並不難,從 onmousehover 事件取得目前游標座標...
| | | 2 | | 2,700 |
隨著野生 IE 消失殆盡,我的前端開發進入新時代,不必再依賴 jQuery 幫忙跨瀏覽器,還可安心使用各式新式 JavaScript 及 CSS 語法。現在若不是要用 jQuery 套件,簡單程式我多半會用香草 JavaScript (Vanilla JavaScript)輕鬆搞定。涉及複雜輸入欄位...
| | | 1 | | 1,210 |
最近重操舊業,想將網站上的技術系列文章轉成 ePub 電子書。 電子書的圖檔部分我喜歡將<img>轉 Data URI 內嵌簡化管理,方法不難,用一小段 JavaScript 透過 Canvas 可輕易實現: document.querySelectorAll('.article_con...
| | | 8 | | 1,420 |
上回介紹 Python 新手線上教學資源提到我有在看政大磨課師課程的線上開放課程 - 成為python數據分析達人-的第一門課,課程偏重數據分析演練,挺實用的。 課程是開放的,只要申請個新帳號任何人都可以看課程影片。 實際看了幾篇,發現上操作有點不便。以這堂 Python 課程為例,每一章有多個小...
| | | 0 | | 3,236 |
身為十幾年前開始學 JavaScript 的老人,腦中總有些過時的觀念與知識,就像聊天時偶爾會脫口說出小叮噹、神奇寶貝般不合時宜,當場曝露年紀。 昨天談到 Chromium keydown Bug,讀者 Chester Fung 提醒,keydown/keyup 事件中已不該再用 keyCode 取...
| | | 1 | | 3,104 |
使用者反應,上線超過十年的 jQuery 自動完成套件最近常失靈,使用者輸入字元時沒反應,但時好時壞,有時是好的,有時會壞掉。 無法 100% 重現的茶包最麻煩了,連我們在測試台嘗試重現問題,也是有時可以有時不行,理不出頭緒。費了番手腳,終於找出容易重現問題的關鍵(但也非 100% 可重現) - 啟...
| | | 2 | | 3,183 |
自從 IE「榮退」(雖然我也曾是「IE 必須死」派,念在當全端攻城獅靠他吃了十幾年飯不能忘本,該有的尊敬還是要給)、Edge 也投靠 Chromium 幫,瀏覽器再次進入大一統時代,寫企業應用前端介面頓時簡單許多,不必再為跨瀏覽器傷透腦筋。 而隨著 HTML5 / CSS / 瀏覽器 API 規格日...
| | | 0 | | 1,472 |
前幾天用 CSS + 自訂網頁元素刻了香草 3D 骰子,好久沒寫前端寫出興趣來,最近有另一個需求是想做上傳進度條。類似的東西十年前做過,當時是用 Knockout.js MVVM。 盤點十年下來我用的前端框架從 Knockout.js 換 Angular.js 再轉到 Vue.js,經歷過兩次砍掉重...
| | | 4 | | 3,191 |
故事是這樣的,在網路上查到一個很酷的 CSS 3D 旋轉方塊教學: 看到後禁不住手癢,馬上照著刻了一套洗巴辣擲骰子動畫: 嚴格來說,我的 HTML 5 CSS 跟 JavaScript 技能等級只到中上,過去要挑戰這種題目屬越級打怪,少不了爬文地獄加撞牆撞到飽。現在有了 Github Copli...
| | | 2 | | 1,568 |
JavaScript 在 JSON.stringify() 時會將 Date 型別轉成 ISO 8601 格式,而時區則一律轉成 UTC 時間 參考,故在網頁 new Date() 取得台北時間轉成 JSON 時會減 8 小時變成 YYYY-MM-DDTHH:mm:ss.sssZ 格式。 然而 IS...