快手技术大前端技术交流---稳定性体系建设

最新推荐文章于 2023-04-30 21:38:23 发布
最新推荐文章于 2023-04-30 21:38:23 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 杂
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoyuan1234dj/article/details/107431174
版权

退出率监控

在这里插入图片描述
案例
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
定位和解决
在这里插入图片描述
线上监控wakeups
在这里插入图片描述
每次ulock_wake都会开启线程

退出率监控
在这里插入图片描述
2.low memory killer
3.anr

退出类型占比
在这里插入图片描述
退出类型占比
在这里插入图片描述
在这里插入图片描述
小结：
在这里插入图片描述

OOM治理

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
LeakCanary使用范围
在这里插入图片描述
在这里插入图片描述

我们的解决方案：

在这里插入图片描述
在这里插入图片描述
解决内存卡顿
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
通过 进程创建

解决镜像文件过大：裁剪
在这里插入图片描述

如何裁剪
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
500M–》10M

解析耗时与OOM

在这里插入图片描述
在这里插入图片描述

zhaoyuan1234dj
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
KwaiTechnologyCommunication:快手大前端技术交流会2020
05-31
KwaiTechnologyCommunication 快手技术交流你想了解的快手移动端、前端、大数据技术，都在以下直播里！目前直播已结束,回看方式:方式1: 上快手搜索"快手文化"点击"直播回放"，即可收看；方式2: 也可在PC端回看: : : ...
一、前端稳定性规约该如何制定
郊眠寺
02-25 675
稳定性是数学或工程上的用语，判别一系统在有界的输入是否也产生有界的输出。若是，称系统为稳定；若否，则称系统为不稳定。前端稳定性的体系建设大约可以分为了发布前，发布后，以及事故解决后三个阶段。在稳定性这一领域， 人的意识和经验与平台能力支撑一样重要。需要依赖平台提供的稳定性工具，但也需要对开发的过程和处理机制进行进一步规范，加强大家的稳定性意识。所以也分为了机制&规约 和 工具&平台能力两部分。在机制和规约上，需要有整套规范的保障， 和RCA的介入。小范围的线上问题， 都需要经过系统性的复盘。
大厂都在做的前端稳定性到底是啥呢？
hsany330的专栏
06-07 1206
在一次公司的前端无法访问的事故复盘后，我们调查了关于应用稳定性前端可以做些什么。对于前端稳定性其实在整个用户访问到页面到请求都需要全链路的监控与追踪，每一个环节都值得我们深入探究一下。本文就从应用服务器、静态资源、页面渲染、接口请求4大方面来各个击破，看看前端稳定性到底需要如何建设。应用服务器在整个链路的最上游，从用户在地址栏输入域名访问后，流量通过网关（由于网关层的稳定性在大多数公司都不是由业务团队负责，本文暂略去这一部分，具体要做的和应用服务器相对也比较类似）进入到我们的应用服务器，如果我们应用服务器挂
前端稳定性规约该如何制定
Hezihao1993152016的博客
11-19 446
稳定性是数学或工程上的用语，判别一系统在有界的输入是否也产生有界的输出。若是，称系统为稳定；若否，则称系统为不稳定。前端稳定性的体系建设大约可以分为了发布前，发布后，以及事故解决后三个阶段。在稳定性这一领域， 人的意识和经验与平台能力支撑一样重要。需要依赖平台提供的稳定性工具，但也需要对开发的过程和处理机制进行进一步规范，加强大家的稳定性意识。所以也分为了机制&规约 和 工具&平台能力两部分。在机制和规约上，需要有整套规范的保障， 和RCA的介入。小范围的线上问题， 都需要经过系统性的复盘。
快手大前端技术交流--编译优化
zhaoyuan1234dj的专栏
07-18 332
编译优化 慢：3000+task 手段 aop、asm发生在transform阶段。 第一阶段优化 compile ABI private方法变化，外部不会重新编译 以上是遇到的第一个问题，体力活 第二个问题，版本 动态aar依赖（和我们很像嘛） 以上是compile阶段的两个优化 接下来是transform流程的优化： 包含AOP、ASM等 只能串行操作。 看起来是并行的，进行了优化 以上是全亮优化 接下来是增量 在这里插入图片描述 通过携程提高cpu利用率 以
稳定性建设杂谈
weixin_43276857的博客
10-25 838
稳定性建设，是个比较宽泛的话题。从广义上来说，可以贯穿到软件开发中的方方面面，因为任何一个小的点没有做好，都可能最终影响线上生产环境的稳定性。而除了软件开发过程（功能迭代和技术改进优化），基础建设对于系统稳定性也至关重要。本系列以Java技术栈和Scrum敏捷开发为背景，以功能迭代为主要线索，以方法论为主，不涉及太多具体的技术选型，谈一下如何保障系统的稳定性。
第04节-快手特效制作常用软件.docx
12-17
快手特效制作是一种流行的视频制作方式，通过使用各种软件和工具，可以快速地创造出各种特效，提高视频的视觉效果和娱乐性。在快手平台上，用户可以使用快手软件自身的特效制作功能，也可以使用其他电脑和手机视频...
2020母婴行业数据报告-快手-202012.pdf
04-24
2020母婴行业数据报告-快手-202012
快手有佳人-2020快手女性人群价值报告.pdf
03-16
快手有佳人-2020快手女性人群价值报告
聊聊如何保障前端代码质量和代码风格
liang526011569的博客
02-24 515
前端代码风格及质量管控方法 构建统一的代码风格及代码检查工作流，提升前端应用质量 前言: 工具介绍 ”eslint“: javascript代码检测工具 ”eslint-plugin-vue“：针对vue的eslint插件 “stylelint”: css检测工具 “stylelint-config-standard”: stylelint的推荐配置 “stylelint-order”: css属性排序插件，合理的排序加快页面渲染 “stylelint-scss”: 增加支持scss语法
前端稳定性建设
「 虚幻私塾」
09-19 587
稳定性是数学或工程上的用语，判别一系统在有界的输入是否也产生有界的输出。若是，称系统为稳定；若否，则称系统为不稳定。前端的稳定性大致也可以如此概括，简单地说就是在外界影响下表现出的某种稳定状态，例如无报错、响应快、内容呈现正确等。要想达到稳定状态，需要做些有效的防范措施和机制，而这些也正是我们组现在和未来会持续推进的工作之一。
快手客户端稳定性体系建设
Kwai_tech的博客
08-12 1万+
快手客户端稳定性体系建设背景退出率从Wakeups说起Wakeups是怎么触发的怎么监控wakeups抓取堆栈退出率定义Android OOM治理解决GC卡顿解决Dump hprof冻结app解决hprof文件过大解决hprof解析的耗时与OOM关键对象判定性能优化分发与跟进收获与展望成果收获Roadmap参考文献作者简介招聘信息开源项目KOOM 背景 当我们谈论稳定性的时候，通常指的是crash，android有java crash & native crash，iOS有NSException &
大型项目前端架构
weixin_45687657的博客
04-30 338
SEO：仁者见仁智者见智，虽然很多公司已经不做了，但通常认为，还是有一定意义的（特别是需要搜索引擎引流的时候），因此React或者Vue的同构是必须的。灰度发布是大型项目在发布时的常见方法，指在发布版本时，初始情况下，只允许小比例（比如1~5%比例的用户使用），若出现问题时，可以快速回滚使用老版本，适用于主链路和访问量极大的页面。3)定性和定量：架构里设计的内容，一定要有是可衡量的意义的，最好是可以定量的——即可以衡量带来的收益或减少的成本，至少是可以定性的——即虽然无法用数字阐述收益，
从前端程序员的视角看小程序的稳定性保障
阿里巴巴中间件
02-21 214
如何做好前端稳定性监控？
公众号已改名为-程序员阿沐
04-09 1091
如何做好前端稳定性监控？
稳定性全系列（一）——如何做好系统稳定性建设
热门推荐
大步流星的博客
12-24 1万+
目录 一、背景介绍 二、故障源的分类 三、稳定性建设四要素 第一要素：人 第二要素：工具 第三要素：预案 第四要素：目标 四、稳定性建设四个方向 第一个方向：根基要抓牢（45%） 第二个方向：工作在日常（30%） 第三个方向：预案是关键（15%） 第四个方向：容量是核心（10%） 五、总结 一、背景介绍 在移动互联网时代，用户群的积累比之前更容易，但同样，也会因为糟糕...
web前端如何让网页布局稳定性和标准性
Mr_毋
11-17 1408
web前端如何让网页布局稳定性和标准性?因此再这里，传智播客老师给大家列出网页布局标准性、合理性和兼容性的一些方法，希望对刚开始学习css的同学有所帮助。一、 标记的重要性。位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，我们必需在开头处使用标记为 所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档
大前端性能体系建设，记住这几条tips
程序员成长指北
04-11 201
前端是离用户最近的战场，而前端性能直接影响了用户体验。可以说，性能优化是初、中级工程师向高级工程师进阶的必学知识点，以及核心技能。性能优化的商业价值对于mbify而言，主页加载的速度每提高100ms，转化率就会增加1.11%，平均年收入就会增加380000美元；Pinterest重建了他们的页面以实现性能，使感知等待时间减少了40％，从而将搜索引擎流量和注册量提高了15％...
快手小程序scroll-view下拉刷新
最新发布
08-12
在快手小程序中，`scroll-view` 组件本身并没有直接支持下拉刷新功能，但你可以通过使用 `scroll-view`、`view` 和 `scroll-into-view` 等组件及相关事件来模拟实现下拉刷新效果。下面是一个示例代码： ```html <view class="container"> <scroll-view scroll-y="{{true}}" scroll-with-animation="{{true}}" bindscrolltoupper="onScrollToUpper" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" > <!-- 内容区域 --> </scroll-view> </view> ``` ```javascript Page({ data: { refreshing: false, // 是否正在刷新 startTouchY: 0, // 触摸起始位置的 Y 坐标 refreshHeight: 80, // 下拉刷新的高度 }, onScrollToUpper() { if (!this.data.refreshing) { this.setData({ refreshing: true }); this.refreshData(); } }, onTouchStart(event) { this.setData({ startTouchY: event.touches[0].pageY }); }, onTouchMove(event) { const startY = this.data.startTouchY; const moveY = event.touches[0].pageY; const distanceY = moveY - startY; if (distanceY > 0 && startY < 100) { this.setData({ refreshHeight: distanceY > 80 ? 80 : distanceY }); } }, onTouchEnd() { if (this.data.refreshHeight >= 80) { if (!this.data.refreshing) { this.setData({ refreshing: true }); this.refreshData(); } } else { this.setData({ refreshHeight: 0 }); } }, refreshData() { // 下拉刷新时执行的操作 // 可以在这里发送请求获取最新数据，并更新页面 // 示例代码，假设请求返回的数据为 newData wx.request({ url: 'https://api.example.com/data', // 请求接口地址 success: (res) => { const newData = res.data; // 更新页面数据 this.setData({ data: newData, refreshHeight: 0, refreshing: false }); } }); } }); ``` 在上面的示例代码中，我们通过 `scroll-view` 组件实现滚动区域，在 `scroll-view` 上绑定了 `bindscrolltoupper` 事件，当滚动到顶部时触发下拉刷新操作。同时，我们使用 `bindtouchstart`、`bindtouchmove` 和 `bindtouchend` 事件来监听用户的触摸操作，并根据触摸的位置和移动的距离来控制下拉刷新的效果。 当用户触摸结束后，如果下拉的距离超过设定的刷新高度（这里设为80），则执行下拉刷新操作，发送请求获取最新数据，并更新页面。刷新完成后，将 `refreshHeight` 设置为0，同时将 `refreshing` 设置为false，以停止下拉刷新的效果。 需要注意的是，上述代码仅为模拟实现下拉刷新效果，实际开发中可能需要根据具体需求进行调整和优化。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值