Amdis LiuinFrochu咦, !important 怎麼沒用?- 來了解 Cascading Sorting Order一起來看 w3c spec ,什麼是 cascading origins ? 來自不同 origin 的 stylesheet 順序是?加了 !important 後的 origin cascading precedence 竟然是反轉的Feb 6, 2022Feb 6, 2022
Amdis LiuinFrochu於 window.onbeforeunload 發送 HTTP Request如果以為 window.onbeforeonload 中可以用 Axios 送出 request 那就太天真了。而且 beforeunload 在 mobile device 上還不適合用呢。Sep 5, 2020Sep 5, 2020
Amdis LiuinFrochu利用 HTML5 Constraint Validation API 驗證 React App 表單以 React v16.8 示範在 React application 中使用 DOM constraint validation API 設定 constraint 與檢測 user input 合法性May 5, 2019May 5, 2019
Amdis LiuinFrochu移動端瀏覽器 :當 Touch Event 與 Mouse Event 同時存在的時候為了有更好的使用者體驗,不想讓使用者按了叉叉卻關不掉頁面,氣得再也不回來,因此研究了一下移動端瀏覽器 touch /mouse event 觸發情形,並做了一些跨作業系統與跨瀏覽器的實驗,發現實驗結果跟網路上四、五年前的文章也略有不同,以此文留下紀錄Oct 24, 20182Oct 24, 20182
Amdis LiuinRemote Taiwan/遠距工作/遠端工作/數位游牧Digital Nomad在台灣體驗吉隆坡共同工作空間 WORQ太久沒出國走走又放不下案子,於是挑了很近的東南亞城市:吉隆坡,來體會 digital nomad 的感覺,從台灣出發前在網路上尋找 “Kuala Lumpur coworking space” 時搜尋到了 WORQ,被網站上的照片與 3D explore 吸引,價錢合理,還有…Apr 9, 20181Apr 9, 20181
Amdis LiuinFrochu使用 Google libphonenumber 套件驗證國際電話號碼格式用 Google 開源函式庫驗證使用者所輸入的手機號碼是否符合所選擇之國家的合法格式Mar 4, 20181Mar 4, 20181
Amdis LiuinFrochuResponsive Web Design 基礎 : <meta name=”viewport” > 設定隨著手持裝置的數量與使用度已經超過桌上型電腦的使用,支援手機版的網頁設計幾乎成為基本需求,viewport 設定是讓畫面顯示正常的第一步Feb 5, 20182Feb 5, 20182
Amdis LiuinFrochu新手坑:讓人又愛又恨的 HTTP Caching了解瀏覽器使用 HTTP 快取的過程,從前端看資源快取屬性,明白為何看不到自己剛部署完的程式碼與剛更新的圖片Dec 6, 20174Dec 6, 20174
Amdis LiuinFrochu談大型React app檔案架構分享建立一個多模組大型的前端React Application時的架構經驗,考量了什麼因素,怎麼讓相依性降低,讓維護及刪減變得容易。Sep 28, 20174Sep 28, 20174