花園

4 則筆記正在生長。清除篩選 ✕

• 行動裝置收尾雷合集：16px、自動聚焦與 passive 事件 把整個站在手機與 iPad 上收尾的過程，攢下一小把「文件上不會告訴你、真機一碰就爆」的雷。集中記錄，每一條都是實際踩過的。 輸入框字級 < 16px，iOS 自動放大頁面 Safari 的「貼心」：聚焦到字級小於 16px 的輸入框，整頁自動 zoom in 幫你看清楚——然後不會自動 zoom 回去。版面精心調的 …⇄ 1#踩雷 #前端 #ios 最後照顧 07-14
• 編輯器的溫室工程：自動儲存、補全與一個吃字的 bug 後台的筆記編輯器是全頁雙欄：左邊寫、右邊同管線預覽。它是我在這個專案裡對「寫作手感」投資最重的地方，幾個工程點值得記。 自動儲存：debounce 之外的三個細節 打字停頓 1.5 秒送一次 PATCH，這是基本款。魔鬼在邊角： - flush 時機——發佈前、離開頁面前，必須先把未儲存的變更沖出去，而且並發呼叫要共用…⇄ 3#rootnote #前端 最後照顧 07-14
• 一條 markdown 管線：後台預覽與前台渲染禁止分家 筆記用 markdown 寫，渲染發生在兩個地方：公開前台的文章頁、後台編輯器的即時預覽。這裡有一條我立得很早的紅線：全站只准有一條 markdown 管線。 為什麼這麼嚴 兩套實作的漂移是漸進且不可逆的：前台升級了語法高亮、後台忘了；後台的 wikilink 樣式調了、前台沒跟。三個月後「預覽」與「發佈後長相」是兩個…⇄ 4#rootnote #前端 最後照顧 07-14
• 前端殼的三道客製縫：整頁、碎片、配色 後端有 platform 套件，前端對應的是 web-kit——登入、版型、選單、主題這些每個後台都要的殼。難題跟後端不同：前端的客製需求是視覺的、瑣碎的、無孔不入的。如果每個 app 想改個顏色都要 fork 整個殼，套件就死了。 我的答案是把客製收斂成三道明確的縫，由粗到細： 1. 整頁替換——router 是 a…⇄ 2#前端 #架構 #平台 最後照顧 07-14