HTML5移動開發指南（筆記概要）

志_祥發表於2014-11-05
HTML移動開發筆記
  1. viewport：<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
    1. 語法太見鬼了，W3C一幫矬人~！
    2. 蘋果Safari移動瀏覽器的預設寬度是980px？這垃圾設計是誰想出來的？預設不應該就是裝置寬度，然後允許使用者縮放嗎？
    3. 為什麼網站不允許使用者縮放？不就是一個pinch手勢操作嘛
    4. 設想viewport寬度小於裝置實際寬度，這種情況下字型的縮放是向量縮放嗎？圖片呢？前者似乎還可以做到，後者不可能，只能用畫素插值了
  2. jQuery Mobile的 核心就是一堆dataset屬性？
    1. 首先，這種把data-xxx屬性繫結到定製樣式行為的設計雖然似乎不用關心JS程式碼怎麼實現，但感覺仍然不夠靈活了點，其實JSP/JSTL從設計來說跟這裡的dataset沒什麼區別
    2. 考慮到使用jQuery Mobile需要依賴額外的庫檔案和一堆CSS圖片資源，當然，如果做了快取的話也沒什麼問題，不過，如果可能的話還是儘量用原生程式碼來寫更好
    3. 網格佈局的本質就是用DIV+CSS來做grid layout，原始的table元素就是用來幹這個的，這裡有個精度問題：假如每列的寬度不是整數的話，實際上可能會有問題
      1. 像這種網格佈局如何支援列向的流動佈局？報紙媒體出版行業通常使用這種“專欄”式的佈局，而且靈活性很大，HTML5目前原生還做不到
    4. p161 Web頁面上顯示“已安裝”倒是很有意思：如何把一個JS控制元件安裝到瀏覽器？（利用Web快取技術）
  3. Sencha Touch = Ext.JS + JQTouch + Raphael？
    1. Ext.lib.Component xtype
    2. 注意Ext的一些怪異的縮寫風格：Cls Tpl ...
    3. Ext的使用基本上就是一堆JSON風格的配置程式碼，樣式配置、資料來源配置、等等
    4. Carousel：可以通過滑動手勢切換的UI元件
    5. Overlays（注意，這些UI具體怎麼用不需要關心，只需要注意它的命名規範就行了）
    6. 關於日期選擇控制元件：現在的風格基本上都是基於蘋果iOS設計風格的年、月、日絕對選擇定位，能不能做一個基於現在+相對時間定位的模糊選擇控制元件？比如說“現在+3周以後+最接近的後一個星期五”？
      1. 話說我覺得我的這個設計都可以申請一個UI專利了！
    7. x
  4. PhoneGap
    1. XCode已經整合了PhoneGap了？這個倒不錯
    2. Accelerometer加速度感測器？
    3. Compass指南針？？這個方位資訊如何與手機螢幕的擺放位置結合起來判斷？
    4. *用connection物件檢測網路狀態——這個可以用來做自動流量控制切換功能
    5. File物件：HTML5 File API倒是沒見怎麼被廣泛使用，不過，假如用PG來實現一個P2P下載軟體的話...
    6. Capture：媒體採集（略）

相關文章