移动端 - 洪小龙《天猫导购页面动态化方案与实践》

2020-02-27 58浏览

1.Tangram— @
2.
3.• • • • • native
4.
5.Page Card Card Card Item Item Item Item Item Item
6.—— • • header • footer • body • • • • • • •
7.——
8.—— • backgroundColor • margin/padding • gap • cols 20 20 20 20 75% 25% 50% 25% 25%
9.—— • UI • ViewModel • View • • init • bind • unbind •
10.—— • backgroundColor • margin/padding • display • colspan • width/height inline inline block inline inline inline inline span = 2 span = 2 span =1 … … …
11.+ model
12.• • Android RecyclerView+ LayoutManager • iOS • • • • • LazyScrollView
13.(Android) card item0 card card item1 item2 item3 item4 item5 item6 adapter layoutManager 0 layoutHelper1 1 2 3 + layoutHelper2 4 5 6 layoutHelper3
14.(iOS) • DataSource • (y) (y+height) • •
15.• • • • • • • • weex • weapp • view • …… •
16.—— • • • • • • • • • weex
17.• • • • • • • • • • • • • • • —— abtest
18.http://www.pingguohe.net/