快应用采坑(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等。



  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值