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