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

快应用采坑(3)-使用差别相关推荐

快应用采坑与flex布局讲解
快应用之flex布局在我们常用的布局中有display + position + float进行布局,但是这些布局或多或少都有些麻烦(虽然我最喜欢用position,哈哈啥都能干).但是由于快应用只 ...
快应用采坑(1)-安装
华为FastApp IDE IDE下载连接: https://omp.hicloud.com/dsm/hms/cn/doc/fastapp_fastapp_devprepare_install_too ...
php给微信公众号接入聊天机器人程序+采坑记录
php给微信公众号接入聊天机器人程序今天逛了下我的公众号,突然心血来潮,想添加个自动聊天功能,于是-动手-!! 主要用到的api: 图灵机器人api 青云客智能聊天机器人API 茉莉机器人API 至 ...
高并发采坑之路-----linux学习-----VMware虚拟机安装及介绍1
在最美语言php的攻击下,java在几年时间里失去了很多的市场份额,甚至有一段时间java已经被互联网抛弃了,什么老旧啊,不灵活啊,速度慢啊,只适合机场,银行,运营商啊.不过适合机场,银行,运营商却也 ...
Java - Calendar对于特殊夏令营日期的处理（防止采坑）
Java - Calendar对于特殊夏令营日期的处理(防止采坑) 背景 Demo 背景 1986年至1991年,中华人民共和国在全国范围实行了六年夏令时,每年从4月中旬的第一个星期日2时整(北京时间 ...
IDEA配置使用mvnd打包的采坑记录（无废话版）
IDEA配置使用mvnd打包的采坑记录(无废话版) 此处不赘述mvnd的作用了,比maven打包快很多可参考 https://blog.csdn.net/m4330187/article/detai ...
iOS 微信SDK1.8.6后需要UniversalLink解决方案及采坑记录
项目最初因审核原因,一直使用iOS原生分享, 最近因项目需求要求, 接入微信分享, 以为和原来的没有区别, 但是接入时才发现改动的地方还是挺多的, 主要是需要配置UniversalLink和提包时的一 ...
H5拍照、预览、压缩、上传采坑记录
H5拍照.预览.压缩.上传采坑记录公司项目前段时间需要实现手机拍照上传的功能,本来以为用createObjectURL和canvas可以很轻松的实现,结果发现问题多多,特此记录下来. DEMO预览( ...
【TP3.2】模板 select选项采坑
1.TP3.2 模板 select 下拉框采坑 <div class="form-item"><label class="item-label" ...
MySQL单表数据量过千万，采坑优化记录，完美解决方案
MySQL单表数据量过千万,采坑优化记录,完美解决方案参考文章: (1)MySQL单表数据量过千万,采坑优化记录,完美解决方案 (2)https://www.cnblogs.com/ExMan/p/ ...

快应用采坑(3)-使用差别

快应用采坑(3)-使用差别相关推荐

最新文章

热门文章