【NativeScript Vue 2019--中文字幕】精通原生手机UI之路

曹泉
2023-12-01

在NativeScript原生手机app开发里,其中的UI界面就跟我们常用的html、或blade模板、或vue的普通template不一样了,其中就有很多值得警惕的了,有的方式是好的,可以提高手机app性能的,有的是不好的,不仅不利于app界面的响应式,而且还会影响app性能,所以这期间还是大有文章可做的,也是需要有经验之士来分享其一路探索心得的,这也正是本专场的目的。

随便列几个问题,看看你是否懂手机UI吧?

  • 假设你手机app里需要一个水平分割线,你是要用StackLayout,然后将其设置高度为0或1吗?你知道这样会大大影响性能吗?
  • 假设你手机app里需要个列表,尤其当你列表元素较多,需要多滑动几个屏才能拉完时,可能你学过vue或angular或react,你知道有个v-for或ngFor可以重复生成列表元素,但是你知道这在手机app就行不通了吗?这样反而是列表元素越多,反而越影响性能。
  • 在web页面,我们经常更喜欢v-if,相比于v-for,我们觉得移除掉dom元素似乎更彻底、干净,但是在手机页面里,实际上反而v-for要更适合大部分的场景,反而要避免使用v-if,为什么呢?
  • 在vue或react里,我们经常喜欢在tag标签上进行三元if判断,以往vue里绑定一些数据,但在手机UI里,这也是不推荐的,我们并不能随意任性地绑定或传递数据,这又是为什么呢?会影响啥呢?
  • ....(更多干货分享自行看吧)

实际视频观看,请移步www.pilishen.com/casts/road-…

转载于:https://juejin.im/post/5d0ad106e51d455cd73ba0a5

 类似资料: