本文目录一览:
一、列表简介
1、什么是列表
列表由一系列按特定顺序排列的元素组成。
列表是有序信息集合。
列表让你能够在一个地方存储成组的信息,其中可以只包含几个元素,也可以包含数百万个元素。
2、列表的表示方法
在python中,用方括号 [ ] 来表示列表,并用逗号来分隔其中的元素。
3、访问列表元素
访问列表的任何元素,只需指出列表名称,再指出元素的位置或索引,并将其放在方括号内。
注意:
1)、在python中,第一个列表元素的索引为0,而不是1,第二个列表元素的索引为1。
根据这种计数方式,要访问列表的任何元素,其索引号都是将其位置数减1,例如要访问第5个元素,可使用索引4。
2)、在python中最后一个列表元素的索引指定为-1。
这种索引可以在不知道列表长度的情况下访问最后的列表元素,也适用于其他负数索引,例如索引-3返回倒数第三个列表元素,索引-5返回倒数第五个列表元素。
二、动手实践
定义两个列表变量names,fruit,并综合使用以前学过的拼接 、函数等知识,根据列表元素的值成生几个简单句子,
例如:
Tom likes bananas。
Mary likes peaches.
来源 | 野马财经
高溢价收购、控股股东违规占用资金,数知科技爆出的连环雷令投资者惊心。被ST之后,公司的路在哪里?
1月26日,数知科技(300038.SZ)复牌,公司简称已从“数知科技”变成了“ST数知”。当日收盘,公司股价跌停,跌幅为19.88%,报收于2.70元/股。
几天前数知科技发布公告称,公司股票自2021年1月26日开市起被实施其他风险警示。最终,5.8万股民期待的意外没有发生。
暴雷+违规,复牌被ST
据数知科技公告显示,公司之所以被ST,源于控股股东及实控人未能在1月25日前解决非经营性占用公司资金问题。
公司公告
去年12月23日,北京证监局对数知科技实控人之一的张志勇采取责令改正监管措施的决定,因其及关联方在2019年度非经营性占用公司资金12.06亿元,2020年1月至6月,非经营性占用公司资金4.16亿元。
公告中称,截至2020年11月30日,公司控股股东及实控人通过保理款、业务款等方式非经营性占用公司资金发生额6.74亿元,期末余额为5.69亿元。
截至2020年12月31日,控股股东及实际控制人按照还款计划,已还款9000万元现金至上市公司,后续还款陆续进行中。由于无法确保于2021年1月25日完成全部占用资金归还事宜,公司股票存在可能被深交所实施其他风险警示(ST)的风险。
在控股股东及实控人非经营性占用资金之前,数知科技还曝出约56-61亿元的巨额商誉减值“大雷”。
2020年12月24日晚,数知科技公告称,由于所收购的四家公司经营状况持续恶化,预计对所收购的四家公司计提商誉减值金额56亿元至61亿元。
具体而言,四家暴雷公司分别为,全资子公司宁波诺信收购的BBHI公司,及全资子公司日月同行、金之路和鼎元信广。
深交所迅速下发关注函,要求公司详细说明并购资产形成商誉的具体事项、时间、金额及历年来计提商誉减值准备的情况等,是否进行业绩“大洗澡”的情形。”数知科技则回应称不存在上述情况。
并购暴雷存利益输送?
事实上,这次61亿商誉减值“大雷”,2016年高溢价收购互联网营销公司印度BBHI公司是关键。这家公司先是被数知科技控股股东之一张志勇及其控制的上海诺牧和宁波诺裕进行收购,并在同年开始操作装入上市公司。
2017年3月,数知科技以63亿元、近29倍溢价,向上海诺牧和宁波诺裕购买其持有的BBHI公司***股权,同时上海诺牧、宁波诺裕也作出业绩对赌:保证BBHI公司2017年至2019年扣非后归母净利润分别不低于人民币4.72亿元、5.67亿元、6.6亿元。
从2013年至今,数知科技在大规模并购转型中,最大一笔交易便是收购BBHI公司布局大数据和人工智能领域。对此,公司曾表示,在移动互联网国际化的大背景下,成功并购BBHI集团是公司业务转型后的初次国际化尝试。
据悉,BBHI公司在全球领先的互联网营销广告供应端平台公司,主要客户为Yahoo、Google等,在全球范围内拥有20000多家媒体资源,其中来自Yahoo的营收曾占到约80%。
香颂资本执行董事沈萌告诉野马财经:“高溢价并购的标的往往都是当时的热门资产,因此才会给出超过合理范围的对价,但是受到经济周期等各种因素的影响,资产的热度会不断更迭变化,所以会出现业绩下滑、估值缩水等问题,导致必须计提由高溢价形成的巨额商誉,从而造成投资者实际上的损失。”
数知科技公告称,BBHI公司三年业绩承诺得以顺利完成,然而野马财经梳理发现,并购资产能够完成业绩承诺在一定程度上得益于上市公司的帮助。
在2016年11月30日交易双方签署的《业绩承诺与补偿协议之补充协议(一)》中,约定业绩补偿期为2017年、2018 年和2019年,各年承诺业绩归母净利润分别为7158.70万美元、8590.50万美元、9993.10万美元。
若BBHI任一会计年度未能实现承诺净利润的,上海诺牧、宁波诺裕应按约定方式承担补偿责任。
公司公告
事实上,在2017年和2018年完成承诺业绩后,BBHI在2019年完成归母净利润9207.50万美元,然而,数知科技却以三年累计净利润达标为由确认BBHI完成了业绩承诺。
公司公告
在避免业绩补偿背后,给上市公司留下的是一颗56亿商誉减值的“大雷”。
到了2020年承诺期一过,BBHI公司业绩突然变脸,2020年1月至9月,BBHI公司实现营业收入19.4亿元,同比下降21.14%,净利润为7012.33万元,同比下降83.54%。数知科技对此在公告中将原因归结于国际关系变化及印度投资政策环境、新冠疫情影响等因素。
“业绩对赌往往会选择逐年考核或总量考核两种方式,如果在对赌协议中未明确规定可以任选考核方式,那么更改考核而让标的达成业绩承诺的做法,对于上市公司的投资者而言是不负责任的。”沈萌向野马财经表示:“从完成对赌期后溢价大幅缩水来看,当初高溢价和后期修改考核条件也存在利益输送和侵害其他股东权益的嫌疑。”
在BBHI公司商誉减值“大雷”之外,数知科技收购日月同行形成商誉3.3亿元、收购金之路形成商誉8503万元、收购鼎元信广形成商誉5560.08万元,上述公司同样存在业绩大幅下滑的情况。其中,日月同行净利润同比下降116.25%,金之路净利润同比下降174.98%,鼎元信广同比下降231.42%。因此四家公司预计减值金额约为56亿元至61亿元。
据红星资本局统计,数知科技上市以来共计实现净利润累计不足22亿元,而这一次巨额商誉减值,将公司自上市以来的净利润全部亏掉也不够,还有大约40亿的缺口。
如前所述,截至2020年11月30日,公司控股股东及实际控制人张志勇非经营性占用上市公司及其子公司自有资金发生额6.74亿元,期末余额为5.69亿元,而资金用途为支付对BBHI公司的并购款。
据深圳证券交易所《股票上市规则》第13.3.1条和第13.3.2条等相关规定,数知科技向实控人提供资金的数额已超过监管允许的范围。
对此,沈萌向野马财经表示:“这属于监管部门明令禁止的大股东占用上市公司资金的违规行为,而并购支付溢价过高更表露出利益输送的不正当关系。”
对于上述相关情况,野马财经联系数知科技进行询问,对方未予以回应。
频频减持为哪般?
数知科技的前身是梅泰诺,成立于2004年,早年从事于通信基础设施业务,并于2010年1月在深交所创业板上市。后来公司经过转型发展,聚焦于物联网、大数据等新兴产业领域,并于2018年10月更名为数知科技。
2017年至2019年,数知科技分别实现净利润4.96亿元、6.39亿元、5.75亿元,其中,BBHI每年贡献的净利润分别达5.16亿元、6.34亿元、6.35亿元。而BBHI的业务重心在国外,对此数知科技曾解答投资者称,“BBHI每年均对母公司进行利润分红,以共享发展成果”。
在2015年至2018年,数知科技营业收入保持在20%以上的增速,净利润也一直保持增长,2017年并购BBHI后,其归母净利润同比增长351%。
或许是春江水暖鸭先知,公司大股东和实控人频频减持。
1月18日,数知科技披露《简式权益变动报告书》,持股5%以上的股东焦鸣于1月15日通过大宗交易减持公司股份140.87万股,减持后持股比例为4.999%,不再是持股5%以上的股东。
此外,公司另一股东瑞祥赛弗于2021年1月11日、1月12日通过大宗交易的方式,累计减持公司股份1054.65万股;上海诺牧则在一周前减持962.63万股,套现约8731万元。
2020年7月10日至9月29日期间,上海诺牧和公司实控人之一的张敏女士通过集合竞价及其他方式减持公司股份的比例达到5%,减持数量为8447.92万股,减持比例为7.21%。
此外,2019年11月,张志勇、张敏及其一致行动人上海诺牧还因资金需求,对其持有的公司股份进行质押及补充质押操作,质押股份数量占其所持股份比例达到93.43%。
数知科技在1月19日断崖式下跌后,依旧止不住下滑趋势,1月22日中午收盘总市值为40.43亿元,而这距离去年9月的高点,股票下跌超过了65%。
如今,数知科技依然被ST,5.8万股民“被埋”。你遇到过这样的股票吗?欢迎在下方留言讨论。
本以为自己才是真正的“后浪”,没想到却在网上冲浪时,竟然遇到了这么大的“语言”障碍,
早早地拍倒在了互联网的海滩上。
比发际线和啤酒肚还要可怕的是,那就是80、90后们,已经听不懂00后在说什么了……先来做几道测试题吧
1.“求扩列”的近义词是?
A. 求转发
B .求关注
C. 求点赞
D. 求加好友
2.有人发“dd”给你,TA是什么意思?
A .让你帮忙顶贴
B. 问你“在吗?”
C .喊你“弟弟”
D. 打错字了
3.“列表的你们来看一下”是什么意思?
A. 看一下这个excel表
B. 好友们来看
C. 做excel的来看一下
D. 快来看看我
4.“xswl”想要表达什么情绪?
A .开心
B. 悲伤
C .生气
D. 茫然
5.“cdx”是什么意思?
A. 操点心
B. 吃东西
C. 处对象
D. 充电线
6.“共药”、“NSS”、“养火”和“躺列”,哪一个动作对维持友谊无效?
A .共药
B. NSS
C .养火
D .躺列
7.“连睡”什么意思?
A. 大伙儿连着一起睡
B .打游戏连续输了几把
C. 连着睡了好几天
D .连着麦克风睡觉
8.追星时候,通常会使用“走花路”,这是什么意思?
A .一切顺利,平步青云
B. 从此越来越美
C. 一落千丈
D. 走“花花公子”人设
9.有个人突然给你发来一句“烧饼”,这是什么意思?
A .骂人的话,等于sb
B .表达饿了,想吃烧饼
C .发错了
D. 表达友情牢固
怎么样?都能答对吗?是不是觉得一头雾水?甚至还有点怀疑人生?
不用担心,相信大多数人的内心状态都跟你一样,先来对一下正确答案:DBBACDDAA
1.求扩列:“列”代指好友列表,“扩列”意为扩充好友列表。
2.dd:拟声词,模仿QQ消息提醒的“嘀嘀声”,引申为“在吗”的意思。
3.第一题讲过了,“列表”代指好友列表,所以是让好友们来看一下的意思。
4.缩写词:xswl=笑死我了。
5.缩写词:cdx=处对象。
6.“共药”意思是共同吃药,意指放弃治疗,一起吃药;“NSS”是缩写词,意思是“暖说说”,在好友的说说下点赞或者评论;“养火”,当你和好友聊的频越高,证明你们的火热程度越高,就会有火力值,故称“养火”;“躺列”,躺在好友列表中一动不动,没有友谊可谈。
7.连睡:维持友情的新型方式,大家晚上一起连着麦克风聊天聊到睡着。
8.走花路:走在一条铺满鲜花的道路上,代指这个人一切顺利,平步青云,大红大紫。
9.缩写词:烧饼=sb。
小时光提醒:除了以上的这些词汇,还有一些词汇你必须要熟练掌握,只有这样才能紧跟时代潮流。
鸡笼警告:
把发骚的人关进鸡笼,表示给对方发出无法忍受的警告。
养火花、造巨轮:
QQ好友羁绊图标的证明,连续发消息7天就会点亮小火花,互动频繁聊天的好友三十天以上就会点亮友谊的巨轮,现在用来形容想和对方处对象。
炸号:
指账号被注销,包括主动注销和被动注销。
PTSD:
原指创伤后应激障碍,现在指网络上看到某些字眼就开始高潮的人。
KY:
KY是日语,即‘空気を読めないbai’du的缩写形式。指不会看场合和眼色,破坏气氛的人。
基操勿6:
表示这只是基本操作,不要大惊小怪。
贷款嘲:
指网上提前嘲讽,比如一部电影或电视剧还没开始播就被嘲讽了。
“我老了?我真的老了?”
人到中年不得已,无糖可乐泡枸杞;
枸杞难挡岁月催,威士忌里加当归;
当归功效日渐少,还得加颗大红枣。
小时光提醒:不管是曾经使用过“非主流”的我们,还是现在说着“黑话”的00后,其实年轻的时候,大家都只是希望自己是足够特别的那一个吧!用小时光记录下这一刻吧!因为马上就是10后的天下了!
1 整体思路
闲鱼在业务的快速迭代过程中,app 的长列表滑动流畅度逐步恶化,对用户浏览内容体验产生伤害。闲鱼作为国内 flutter 应用的先驱,APP 以 flutter 和原生 Native 的混合工程存在。这里分别就 Android 原生、flutter 页面和大家分享我们的优化思路。
本文分为三个部分:
流畅度指标和检测工具构建
原生 Android 长列表优化
flutter 长列表优化
流畅度优化整体思路图
2 流畅度指标和检测工具构建
2.1 现状和难点
检测工具现状:以 Android 为例,现有流畅度工具可分为:
侵入式
集成 sdk,通过注册帧回调计算流畅度。Android 见 Choreographer 类
profile 模式
无侵入式
执行系统命令,如 adb shell dumpsys gfxinfo ${packageName}
腾讯 GT APP,底层执行 service callSurfaceFlinger1013,高版本 Android 已不支持
流畅度指标现状有:
FPS (Frames Per Second)
SF(SkippedFrame,跳帧) app 在单位时间 1 秒内,跳过执行 Choreographer 中 doFrame 的次数
SM(Smooth,流畅度) app 在单位时间 1 秒内,实际执行 Choreographer 中 doFrame 的次数。其中 SM=60-SF。
帧耗时数据 使用 adb 命令得到几个关键分位的帧平均耗时:
然而以上工具和指标定义在 app 的复杂场景下,尚存在问题
多平台问题
现 APP 技术有原生、h5、小程序、RN、weex、flutter 等。暂无一款无侵入的流畅度检测工具能同时支持多个平台、多种机型和多个指标数据,而侵入式的检测工具无法检测竞品 APP。
指标选择和用户体验一致性
我们期望能有少量的几个指标数据,准确的表达用户流畅度体感。平均 FPS(SM 和 SF 类似),不足以反映用户体验。如相同 30 FPS,可以是 1s 内 30 个 33.3 ms的画面,也可以是 29 个 16.6ms 的画面再加 1 个 516.9 ms 的画面,但用户体验并不相同。
流畅度数据影响因素多
滑动速度和滑动状态:idle(停止)、drag(手指拖拽)、fling(自由滑动)都是影响流畅度数据的重要因素。
2.2 流畅度指标制定
维基百科中动画定义:一种通过定时拍摄一系列多个静止的固态图像(帧)以一定频率连续变化、运动(播放)的速度(如每秒16张)而导致肉眼的视觉残象产生的错觉——而误以为图画或物体(画面)活动的作品及其影片技术。
列表滑动同理,是 APP 以一定频率(60hz下16.6ms)和不同 offset 计算出一系列静止画面,让肉眼看到滑动动画。
当我们说列表滑动不流畅,是因为频率过低无法让肉眼产生视觉残留,或在时间(画面停留时长)和空间(画面内容)产生跳变,让用户感知到变化的不自然。以此我们可以定义指标
时间角度
定义平均 FPS:定义一次检测的平均帧率。反应画面平均停留时长。
定义 1s 大卡顿次数:平均 1s 内出现占用 3 帧及以上的画面次数。反应画面停留时长跳变
空间角度
offset 跳变值:在画面不掉帧的情况,若其中一个画面出现跳变,甚至花屏或者绿屏会让用户体验到不流畅。在 APP 滑动过程中,画面内容由 offset 决定,而 offset 跳变,和卡顿时长、差值器实现均有关联,现有差值器实现基本基于 D/T 曲线(距离/时间),为此平均 FPS 和 1s 大卡顿次数很大程度上体现了画面跳变,同时考虑到无侵入式检测 offset 的难度问题,暂不考虑 offset 跳变值。
综上,我们定义流畅度指标为平均 FPS 值和 1s 大卡顿次数。
2.3 流畅度检测工具实现
我们从 APP 录屏画面入手,计算流畅度指标值。当我们得到 APP 滑动过程中的录屏数据,可通过每 16.6ms 检测录屏画面是否发生变化,当连续画面未发生变化,则表示发生了卡顿。无变化的连续画面数则表示了卡顿的时长。
为得到目标 APP 录屏数据,检测工具 APP 向系统注册录屏服务,然后在检测工具 APP 的帧回调中不停读取录屏画面,并和上次检测画面 hash 值进行比对。
检测工具 APP 和目标 APP 进程隔离,为此目标 APP 发生卡顿并不影响检测工具 APP 的帧回调
为保证每次录屏画面读取和 hash 值计算在 16.6ms 内完成,需根据高低端机型调整画面宽高压缩比。
为排除滑动操作对流畅度数值的干扰,我们使用脚本操作检测工具 APP 和目标 APP 的滑动。自动化脚本原理为使用 adb 命令操作手机
2.4 检测工具演示
流畅度检测工具 APP 以悬浮框的方式显示,下面为目标检测 APP:
流畅度检测工具界面
2.5 小结和展望
在流畅度指标方面,我们定义了平均 FPS 和 1s 大卡顿次数作为指标,更好的反应了用户体验。在流畅度检测工具方面,我们实现了无侵入检测工具,支持以下特性:
无侵入
支持检测第三方 app
支持多平台:native,flutter,h5,小程序
多维度数据:平均 FPS,平均 1s 大卡帧次数,帧分布直方图,帧分布均方差
自动操作,避免人为操作差异
此外,流畅度检测工具还有一些不足之处
列表中有视频卡片
停止滑动时,若列表中有视频播放,由于画面一直在变化,检测工具无法判断是滑动停止;同时,由于视频 fps 值为 30 左右,会导致流畅度数据偏低
如何避免:检测过程中,需保证列表滑动不停止
低端机(y67)真实 fps 计算存在偏差
为保证低端机上(如 vivo y67)上计算大图像 hash 值在 16ms 以内,录屏画面压缩较大(宽度压缩 100,高度压缩 10),为此在大量空白或者大色块的场景下,无法检测到画面的细℡☎联系:变化,fps 计算存在偏低。
如何避免:避免低端机上检测大量空白或大色块的场景
3 原生 Android 长列表优化
Android 原生长列表优化已经非常成熟了,在工具方面有 traceview、blockcanary、DDMS、Android Profile 等。常见优化手段也很多:布局层级优化,过度渲染优化,频繁measure、layout优化,UI 线程耗时方法优化、冗余资源资源加载优化等,这里不再赘述。
除此之外闲鱼使用以下 2 点优化首页
3.1 异步构建视图缓存池
通过工具检测或耗时打印,发现列表初始滑动和 loadmore 时触发 item 视图构建耗时严重(RecyclerView.onCreateViewHolder)。
查看首页显示和初始滑动流程,可以发现流程中其他 UI 操作过程和等待用户操作过程均有优化空间。
利用 AsyncLayoutInflater 原理异步构建视图缓存池,优化首页列表流程
其中视图缓存池构建完成的时机在不同机型下不同,可能在列表首屏多卡片构建之前,或构建中,或在用户滑动操作之前完成,或一开始构建就抛出错误停止构建
注意:不能直接使用 AsyncLayoutInflater,AsyncLayoutInflater 在异步构建失败后有一个降级到 UI 线程构建的逻辑,为避免降级逻辑发生导致缓存池在 UI 线程构建,导致页面更加卡顿,需要移除这个降级逻辑:出现异步 inflater 失败,停止缓存池构建。
3.2 ViewDataUnbinder 快速抽离 UI 操作
在卡片数据绑定阶段(RecyclerView.onBindViewHolder),在低端机上耗时较为严重,原因是在卡片数据绑定方法中,而 UI 和非 UI 操作糅合在一起,由于 UI 逻辑必须在 UI 线程执行,最终导致全部逻辑只能在 UI 线程执行。
能想到定义视图数据层,将 UI 和非 UI 操作分离开,然而实际编码发现业务代码改动量大且容易出错,AB 测试逻辑难以实现。那有没有更好的方案,用最少量代码抽离 UI 操作呢?
核心思路:编译期根据视图类自动生成 ViewData 类,并替换视图类实例。ViewData 类和视图类拥有相同的关键方法签名,方法执行时记录视图操作,统一切换到 UI 线程执行视图操作。
具体使用代码样例如下
1. 注解视图类 使用 ViewDataAnno 注解视图类,UIMethodAnno 注解 UI 操作方法。
其中注解说明
2. 生成 ViewData 类
3. 业务代码修改
修改视图变量为 ViewData 类型
原视图数据绑定逻辑放置后台线程
3.3 优化结果
闲鱼首页,在恢复内容上屏速度(流畅度降低)后提升流畅度
4 Flutter 复杂长列表优化
flutter 一直以高性能被大家所认知,这也是闲鱼当初选择 flutter 的一个重要原因。而在闲鱼的实际 flutter 页面,如商品详情页和搜索结果页,长列表滑动流畅度体验却不尽人意。
4.1 工具使用和常见优化
做性能优化前,需要理解 flutter 的渲染原理,如 Widget、Element、RenderObject 三棵树结构、Widget 到屏幕显示过程等,可参考 《复杂业务如何保证Flutter的高性能高流畅度?》。
针对性能问题,首推官方性能分析工具并结合使用 profile 模式查看性能问题。
Profile 模式只能在真机上运行,不能在模拟器上运行:基本和 Release 模式一致,除了启用了服务扩展和 tracing,以及一些为了最低限度支持 tracing 运行的东西(比如可以连接 observatory 到进程)。命令 flutter run --profile 就是以这种模式运行的,通过 sky/tools/gn --android --runtime-mode=profile 或者 sky/tools/gn --ios --runtime-mode=profile 来 build。因为模拟器不能代表真实场景,所以不能在模拟器上运行引自:《Flutter性能调优、复杂业务保证Flutter的高性能高流畅》
4.1.1 检查 widget rebuild 情况
Android Studio 上 View→ToolWindows→FlutterPerformance打开检测 Widget rebuild 情况,可以发现 FDButtonBar 被频繁重建,然而查看视图内容并没有发生变化。查看代码定位到reducer.dart中会根据滑动事件更新 state 中的scrollPercent,进而产生重建。而在详情页中,scrollPercent在 Widget 构建中并未参与使用。
闲鱼页面中使用了 fish-redux,在 reducer.dart 的方法中返回不同的 state 对象则表示需要重建 widget
4.1.2 使用 fish-redux 性能日志
fish-redux 是闲鱼研发一套在 flutter 上的 redux 框架,闲鱼 APP 中有广泛应用。fish-redux 中自带性能日志,源码查看 performance.dart,若需要打印 profile 或 release 模式下的性能日志,可自行修改源码。
闲鱼详情页滑动时,查看 adb 日志,可以发现大量的滑动广播通知,且存在耗时 1ms 以上事件处理。
profile 模式下时间日志
因为详情页中存在视图间联动,如标题栏的显示隐藏渐变, 问卖家的显示消失均需要根据滑动事件做判断。结合业务逻辑,可以发现,除了问卖家外,其他视图在滑动超出 600 之后,收到滑动事件后不会发生视图内容变化;而问卖家在滑动超出更大的一个值后会永远消失不显示,在一开始未超出这个值时,仅需要判断滑动方向即可。基于以上业务背景,在滑动超出 600 后,若问卖家是不再显示状态,则不发送滑动事件;否则仅在开始滑动的 30 距离内发送事件。
此外,可以利用 fish-redux 的特性:若 reducer.dart 中返回新的 state 对象则表示 widget 重建,检查全部的 reducer.dart 文件内方法实现,排查可能发生的无效 widget 重建。
4.1.3 优化 ClipPath 和 ClipRPath
使用 Timeline 查看渲染线程性能消耗,可以发现有多个 ClipRectLayer和ClipRRectLayer。
打开 Debug flag debugDisableClipLayers和debugDisablePhysicalShapeLayers重新检查视图,可以发现部分 ClipRectLayer 是因为图片内容超出视图边界产生,部分 ClipRRectLayer 是因为卡片 Widget 圆角设置以及基于外接纹理的图片控件里设置了 ClipRRect 设置(即便 radius 为0也会设置)
理解原理后,我们对闲鱼图片控件新增参数,支持图片内容圆角设置和图片内容宽高裁剪,使 native 层生成的 Bitmap 已经满足圆角和宽高比要求。同时修复 radius 为0也会设置 ClipRRect 的问题。优化后的 Timeline 图
4.1.4 其他优化建议
flutter 性能优化相关的优秀文章很多,本文不再对类似的排查和优化手段做赘述,这里做下简单汇总:
widget build 优化
setState 状态刷新位置尽量放置于视图树的低层级
Provider 中获取 Model 的方式会影响刷新范围。推荐使用 Selector 或 Consumer 来获取祖先 Model,以维持最小刷新范围
对于长列表,避免使用 ListView 构造函数,推荐使用 ListView.builder 构造函数
reducer 中,state 对象中的视图数据真正发生变化的时候,新建 state 对象
主 isolate 优化
减少或延迟 widget build 中非视图逻辑,如曝光埋点延迟到滑动停止聚合触发
列表 Item 高度可知的情况下,推荐设置 itemExtent,减少滑动中频繁计算列表高度
使用 const 修饰无需变更的 widget 或普通对象
使用 AnimatedBuilder 时,避免在不依赖于动画的 widget 的构造方法中构建 widget 树。动画的每次变动都会重建这个 widget 树。而应该构建子树的那一部分,并将其作为 child 传递给 AnimatedBuilder
避免在动画中剪裁。如果可能,请在动画开始之前预先剪切图像
Render 线程优化
对于频繁更新的控件(如动画),使用 RepaintBoundary 隔离它,创建单独 layer 减少重绘区域
使用图片替换半透明效果
减少 saveLayer(ShaderMask、ColorFilter、Text Overflow)、clipPath的使用,提升 render 线程性能
避免使用 Opacity widget,尤其是在动画中避免使用。请用 AnimatedOpacity 或 FadeInImage 进行代替
避免使用带换行符的长文本
工具推荐
官方 DevTools 工具
利用 Debug flags 排查问题(推荐 Flutter Performance 分析工具简介)
善于利用框架日志,如 fish-redux 性能日志
4.2 列表 element 复用优化
flutter 列表控件划分为可视区域和 Cache 区域,往下滑动时 element 从底部被创建进入底部 Cache 区域后,再进入可视区域,再进去顶部 Cache 区域,最后被销毁。往上滑动逻辑类似。在不使用 keepAlive 的情况下,来回滑动,曾经创建过的 element 需要重新创建。而在我们的业务中,列表 item Widget 结构是接近的,此时如果能根据类型复用 element,就能一定程度的提升性能。
列表控件源码见 sliver_list.dart 中 RenderSliverList.performLayout element 缓存在 _childElements 数组中,以 index 为索引。源码见 sliver.dart 若 item Widget 结构差异很大,即便复用了 element,Element.updateChild 方法内部最终还是执行了 inflateWidget 方法,对于性能提升就没什么价值了
我们构建 index→${widget.key}→List<element>的映射关系:在 widget 创建处建立index→${widget.key}映射,在 element 应该被销毁移除的逻辑处,将 element 缓存至${widget.key}映射的List<element>处(注意 renderObject 对象需要从父节点移除)。列表滑动过程中,优先根据映射关系找到缓存中的 element 并使用(注意更新 element.renderObject.parentData 中的 index 值)
4.3 复杂 Widget 分帧上屏
以上全部优化手段尝试后,在闲鱼的详情页和搜索页上还是远没有达到预期。原因是猜你喜欢卡片和搜索页卡片本身就足够复杂,另外由于我们引入 DX 技术让 Widget 进一步变得巨大,最终导致的结果是:即便高端机,也无法在一帧时间内完成渲染。然而抛开技术视角,从业务视角看,卡片展现内容和 DX 的动态能力都是必需的。那如何在满足业务诉求的情况下,实现超大 Widget 的高性能呢?
业务侧仅需 Text,但在 DX 技术中使用的是 DXTextWidget
猜你喜欢卡片在 红米 K30Pro(CPU 骁龙 865)的 Timeline 图
搜索结果卡片 Timeline 图,补充了 performLayout、updateChild、Widget build
在已知常见优化手段无法满足的情况下,我们回归 GUI 系统性能优化的起点去思考问题。流畅度优化思路,大体可以分为 3 个方向:
多线程方案
在 Android 原生开发中很常见。但在 dart 世界中,不同线程(isolate)的内存是隔离的,此外由于 flutter 渲染流程三棵树,我们不好直接操作 RenderObject,多线程方案在 flutter 中较难实施(排除 IO 更新数据后显示等常规场景)
优化每个任务,挤压 CPU 运算量,保证一帧时间(16.6 ms)完成任务
flutter 中的主流优化思路,前面的优化手段都是这个思路
快速响应用户,让用户觉得够快,不阻塞用户的交互
即一帧时间内还有任务没有完成,则停止执行,保证列表先执行滑动,未执行任务在后续帧时间片上执行 参考 React Fiber 框架,基于时间分片的思路,协调阶段将一颗任务树转为一条任务链(parent 节点 → child 节点 → sibling 节点 → parent 节点),满足了任务链可中断执行,提前提交渲染,最后实现了将一条任务链拆解到多帧时间分片中消化。
排除方向 1、2 后,只剩下方向 3。再结合猜你喜欢卡片 Timeline 图可以发现,在卡片 Widget 创建的一帧发生时间不足,而后面的几帧内时间消耗都远没到 16.6 ms,可以想到方向 3 是正确的。那剩下的关键问题仅有以下 2 点:
能否将一个大 Widget build 任务为拆分多个小 Widget build 任务并大致平均的分配到多个时间分片上?
一个大 widget 分时间片上屏是否会影响体验?
Timeline 上任务耗时图
Flutter widget 拆分和分帧上屏
基于时间分片的大方向,我们把一个大 widget 拆分为一个空白框架和 2 个卡片 widget,再将卡片 widget 拆分为一个卡片框架和多个 FXImage Widget,Widget 框架中不立马显示的部分使用占位 Widget 临时代替。由此构建一个高优大任务队列和一个低优小任务队列,高优大任务队列中的任务高优执行且独占一帧时间,低优小任务队列低优执行且一帧时间最多能执行 12 个任务。再利用 flutter 逐步标脏,将 build 任务延迟到后续时间分片上。
以上最终将一个超大 widget 构建从 1 帧时间分散到 4 帧时间内消化,优化了卡顿。
优化后猜你喜欢卡片 Timeline 图(红米 K30Pro,CPU 骁龙 865)
在体验方面,前面讲列表控件结构时已知有一个不可见的 Cache 区域,所以分帧上屏大部分是在这个不可见区域完成的,为此在高端机或正常滑动情况下用户并无感知。而在低端机上快速滑动能明显看到卡片空白情况,但整体相比严重顿挫体感要好。
4.4 优化数据
基于上面的优化手段,闲鱼详情页和搜索页流畅度 FPS 提升了 3 个点,低端机大卡顿次数降低一半,中高端机型上流畅度提升到 57 或以上,大卡顿次数接近 0。
详情页线上高可用 fps 数据
线上低端机 fps 曲线。绿色为优化版本 曲线分布越靠右,流畅度越好
线上高端机 fps 曲线。绿色为优化版本
搜索页线上高可用 fps 数据
线上低端机 fps 曲线。绿色为优化版本
线上高端机 fps 曲线。绿色为优化版本
4.5 滑动差值器优化
完成上面优化后,线下自建流畅度检测工具数据和线上 fps 数据曲线都有很大的提升,且数据指标接近原生 APP 流畅度。在中高端机型上,闲鱼详情页 FPS 已经被我们优化到了 57 及以上了,1s 大卡顿次数接近 0。在原生 APP 流畅度 FPS 数值达到 57 及以上时,滑动过程中基本上不会感受到卡顿,然而,flutter 页面的实际滑动操作中,还是能感受到卡顿。
回顾自建流畅度检测工具原理:基于每帧画面比对、无侵入,相同的自动化脚本,所以相信我们线下测试的数据(平均 FPS 和 1s 大卡顿次数)是准确的。性能数据接近,而体感有差异,且性能数据准确可信,所以可以确认流畅度指标(平均 FPS 和 1s 大卡顿次数)还不能完全反应体感。
再回顾 2.2 流畅度指标制定,可以发现我们并没有对空间维度的 offset 跳变(画面内容跳变)做检测。基于此,我们可以对比 Android 原生 RecyclerView 和 Flutter SliverList 在卡顿情况下 offset 变化情况
Android 原生 RecyclerView 和 Flutter SliverList fling 阶段 offset/time 曲线图
由上可以得到,同样在 FPS 值达到 57,Android RecyclerView 在用户体感上比 flutter 列表控件更好的原因:在小卡顿时,offset 偏移值并没有发生翻倍跳变。
查看 flutter 滑动算法,可以发现是基于一条 D/T 曲线计算滑动距离,所以发生卡顿时,输入 timeOffset 值发生翻倍,最终计算出来的 offset 值发生近乎翻倍。
flutter ClampingScrollSimulation D/T 曲线
为消除在发生小卡顿时,offset 跳变的情况,我们自定义了 physics 和 simulation,在 time 发生发生小跳变时,修改滑动距离算法,采用 V/T 曲线算法,distance 通过累加的方式计算,优化了 time offset 发生翻倍而导致曲线跳变的情况
distance = velocity(time) * 16.6ms+ distance
注意:需要适配系统频率大于 60 hz 的机型(如 90hz,120hz),在一帧时间内有可能计算多次 distance
以 V/T 曲线为基础,我们提供了以下滑动差值器:
SmoothClampingScrollPhysics 无回弹差值器,停顿后偏移值不跳变。结束滑动的效果同 ClampingScrollSimulation
SmoothBouncingScrollPhysics 回弹差值器,停顿后偏移值不跳变
5 总结和展望
经过上述优化,在原生 Android 方面,闲鱼首页流畅度和内容上屏得到明显提升;在 Flutter 方面,闲鱼详情页和搜索页流畅度 FPS 提升了 3 个点,低端机大卡顿次数降低一半,中高端机型上流畅度提升到 57 或以上,大卡顿次数接近 0,相同小卡顿在体验上得到了提升。
流畅度优化是每一个 GUI 系统都一直在努力的事情,有很多优秀的工具介绍、官方和非官方的优化文章。这次优化过程中,我们也借鉴了很多别人的文章,发现和优化了一些问题,但本文尽量不去重复描述,推荐读者阅读相关优化文章或官方文档。在以上优化手段尚无法实现最终目标时,我们也做了一些不一样的优化,期望能抛砖引玉,对读者有所帮助和启发:
基于用户体验为导向构建了流畅度指标:平均 FPS,1s 大卡顿次数
针对指标,自建了流畅度检测工具,支持无侵入、跨平台、自动化
[Android] 显示 ViewDataUnbinder 组件在复杂业务逻辑中快速抽离 UI 操作
[Flutter] 修改 Flutter engine 源码,支持列表 element 复用
[Flutter] 实现大 Widget 分帧上屏组件
[Flutter] 差值器算法优化
后续我们会继续思考以下内容:
如何将流畅度检测工具内部产品化,支持非研发同事使用?
如何使用已有的经验、工具、组件快速优化其他业务页面?
如何在研发阶段及时发现和防止无效 rebuild 等问题?
如何在 CI 平台及时发现页面流畅度恶化情况?
如何以业务无侵入的方式实现业务大 Widget 自动且合理地分帧上屏?
今天的内容先分享到这里了,读完本文《列表是什么意思》之后,是否是您想找的答案呢?想要了解更多列表是什么意思、数知科技股吧相关的财经新闻请继续关注本站,是给小编最大的鼓励。