快應用採坑(3)-使用差別

快應用開發很多地方與常規前端開發不同,根據自己的採坑,整理以下幾點:

1、如果屬性名稱使用駝峯定義,如:prop2Object,那麼在外部傳遞數據時請使用-連接,如:prop2-object,否則無法傳值,如:

 

2、單位爲px,該單位已實現各種屏幕自適應,默認設計稿寬度750px,此時樣式1px=設計稿1px

 

3、默認爲flex佈局,快應用中display只有兩種值,flex和none,需熟練掌握flex的佈局技巧

 

4、列表組件lists中的每一個元素list-item內部不要使用if指令,否則報各種類型轉換錯誤

 

5、框架封裝了數據請求方法,fetch數據請求,成功時返回的不是json對象,需要用JSON.parse轉換一下,否則取不出值

 

6、事件代理時,不允許在標籤里加其他自定義屬性,不支持data-等,若需要取觸發元素的值時,可通過event.target.children[序號].attr.value方式獲取,例如:


希望的是,當觸發時,將對應的entry,explain值傳過去,則

 

7、input輸入框使用時,不能直接取value,只能通過event.text獲取,而且要與input框中的value雙向綁定,如:

 

8、tab有自定義組件tabs,裏面嵌套tab-bar,tab-content,分別對應tab名、tab對應內容,且兩個標籤最多一個,不允許嵌套使用。點擊tab時,可通過event.index獲取點擊的序號,且tab-bar與tab-content可以自動聯動。缺點:tabs不允許嵌套使用,若需兩級tab,需自己編寫。

 

9、不同標籤組件支持的樣式不同,建議開發前大致熟悉一下api。通用樣式中,margin不支持auto,不支持border-shadow等。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章