weex实践

list最佳实践

  1. 细粒度拆分cell
  2. 减少首次加载的内容,横向很长的内容后加载
  3. 尽量用a链接跳转,dom是同步解析,直接跳转。

数据缓存

  • 方案:用两个list

层级深

  • 有native的意识
  • 布局->样式,用style来排版,删除冗余div
  • 背景图绝对定位,absolute
  • 链接加入flexbox
  • 14层才是安全的

Weex Animation最佳实践

  • transform的属性享受GPU加速
  • timer在页面跳转时一定要关闭

Weex Lint

  • 检查代码 tnpm install @ali/weex-lint -g

Devtools

  • debugger 调试器,断点,查看调用栈
  • inspector 审查页面元素

你可能感兴趣的:(weex实践)