超适用的小措施开拓拭魅战总结

cover-view是官方制造出来，用来牵制那群“横行霸道”的原生组件的，这群组件包罗： map 、 video 、 canvas 、 camera 、 live-player 、live-pusher 。他确实可以挡住这些组件，可是 cover-view 自身存在一些缺陷，令人很苦恼。

• 部门样式结果实现不了：只支持根基的定位、机关、文本样式。不支持配置单边的 border 、background-image 、shadow 、overflow : visible 等。
• 子节点假如溢出了父节点，溢出部门莫名其妙被干掉了。 提议子节点不要溢出父节点。
• 自界说组件嵌套 cover-view 时，自界说组件的 slot 及其父节点暂不支持通过 wx:if 节制显隐，不然会导致 cover-view 不表现。
• 对付 fixed 属性支持欠好，fixed 在页面底部的按钮，也许会随页面转动而上下“瞬移”哦。

Scroll-view

组件中有 scroll-left 属性，该属性是可以指定向左转动的间隔，可是此间隔没有单元，不由好奇，这个间隔的单元是什么，于是做如下测试:屏幕宽度为750 rpx 配置每个小块的宽度的宽度为150 rpx ，别离在 iphone5 、iphone6 、iphone6plus 中配置scroll-left 为 150,页面示意如下：

• 初始状态：

• Iphone 5 下示意

• Iphone6 下示意

• Iphone6 plus 下示意

会发明5下转动高出两个格，6下恰恰两个格，6p下小于两个格，不难领略，scroll-left的单元为px，差异机型会有差异的示意是因为差异机型下单元的转换差异导致的：

• iPhone6 Plus : 1rpx = 0.552px 150px = 271.5rpx
• phone6 : 1rpx = 0.5px 150px = 300rpx
• phone5 : 1rpx = 0.42px 150px = 357rpx

因此除非本身举办单元自顺应，不然 scroll-left 属性适用性不强。

下拉革新题目：

• 场景：页面必要下拉从头加载数据，革新页面，小措施开启下拉革新时， Fixed 在顶部的 tabbar （横栏）下拉时，在 ios 端会呈现断层，并表现配景，安卓端无此示意。
• 办理方案：因为安卓跟 ios 端的变现差别过大，因此必要停止在必要做下拉革新的页面安排 fixed 在页面顶部的tabbar,可以通过自界说页面头部，并将该tabbar写到自界说头部中。

那么怎样自界说头部呢？ 通过在app.js中配置navigationStyle属性，默认值为‘default’，自界说为‘custom’。

• 默认头部样式展示如下：

• 自界说头部样式展示如下：

可以看到自界说头部样式时，头部只保存胶囊，其他部门可以本身实现。

视频层级题目：

• 场景：页面中存在video标签，同时会存在弹框，而且页面底部有fixed在底部的按钮，这两部门不应承video包围。
• 办理方案：官方给出的包围video组件的方法是，通过cover-view，但因为cover-view对样式的支持不敷及自身的题目（见上文），因此我们不行使cover-view处理赏罚。处理赏罚方法是行使图片和video瓜代展示的方法，初始化展示为一张图片，当点击播放时切换video组件举办展示。页面转动，以及弹框呈现的时辰，将视频组件潜匿，留意是潜匿，通过hidden属性潜匿，而不是wx:if直接干掉，由于视频播放半途停息，下次播放必要以前次竣事的位置开始播放，假如行使wx:if则无疑增进了实现的难度。

本文从框架、api、组件、应用四个方面入手，声名在开拓进程中碰着的题目，题目说明相对浅近，可是较量适用。但愿可以对读者提供些许辅佐。同时面临小措施时的心态已由最初的“纯粹的api编程”到心怀敬畏之情。看似简朴的表象下，会存在这一系列棘手的环境。在此处做下总结，接待列位拍砖指正！

【编辑保举】

1. 「多巴胺」来袭！谷歌推出新型强化进修框架Dopamine
2. 一个开拓10年措施员论：进修Python最正确的步调（0基本必备）
3. 交恶微软、拒绝乔布斯，21岁的他是怎样开拓出Linux的？
4. 措施员怎样切入区块链去中心化应用开拓
5. 模块化量子计较架构要害组件开拓乐成

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!