前端能處理的，後端就有機會節省資源，所以前端表單輸入的資料能夠先行驗證也比什麼都不檢查直接丟給後端來得好！ 但後端撰寫的精神永遠是保持懷疑，多做檢查 這筆記是剛好要處理一個上傳檔案的表單。如果前端能先判斷好上傳檔案型態與大小，就能避免等後端接收後才判斷，如果有問題可以當前頁面就處理好。 程式碼片段如 …
標籤彙整: HTML5
[WordPress] 連結加速外掛 – Quicklink
兩週前（2/1）Google Chrome Labs 釋出這款 Quicklink for WordPress 連結加速外掛。 是利用 HTML5 的功能 Prefetech 來完成預載連結內容，加入瀏覽器快取後已達加速作用，意思就是針對畫面中看到的連結都預先讓瀏覽器去載入，等你點擊的時候就會如閃電 …
開發 HTML5 網站頁面加速的幾個要點：dns-prefetch ＆ prerender
網站開發可以大方向的分前端與後端，而其前端使用者體驗這回事中「速度」又更是貫穿核心的議題。 因為網站設計（開發），真的不是一個門檻高的專業，所以大部分的情況會是前端寫好套後端，至於速度很慢？ 後端的問題！伺服器要加強！網路速度要快！ 不能說錯也不能說正確，但絕不是一個良好的合作情境。 前端比你想的還 …
HTML5 download 屬性與 JavaScript 控制下載檔案事件
下載是網站中常見的操作，但操作體驗基本款為「開啟一個新頁面，然後開始下載」，而前端工程為了帶來更好的體驗效果當然不能這樣把一個操作流程帶往到新頁面後這邊就結束，所以掌握好操作動向的 UX 設計在這部分就會有一些挑戰。 有些時候你想要PDF與一些圖檔是使用下載方式操作，但卻觸發瀏覽器去嘗試讀取，也可能 …
2015 年 第 44 週 Facebook 同步週報 (8 篇)
本文引用圖文皆取自[來信]告知。 1. (圖片描述：Learn how to use device orient…) 最近常看到這個 #HTML5 #Orientation #API 被拿來使用，做出很有特色的網站。 像是: 1. http://lacostewinter.seeourwork. …