1.开源性能监控工具atop【字节跳动版本】的字节字节安装与简单使用
2.探索 Vue 3 中的 JSX
3.Katalyst 支持 NUMA 级别 Pod 间亲和性与反亲和性调度
4.拿走不谢Flutter3.19仿抖音实战短视频源码

开源性能监控工具atop【字节跳动版本】的安装与简单使用

       开源性能监控工具atop字节跳动版本的安装与简单使用

       atop是一款开源的性能监测工具，其特点是跳动跳动能以一定频率记录系统的运行状态，包含CPU、网站内存、源码磁盘和网络使用情况，开源以及进程运行情况，官网haoop源码场景分析数据以日志文件形式保存。字节字节适用于实时观测和历史文件排查问题。跳动跳动

       字节跳动基于atop社区版本进行优化，网站已有多次迭代版本。源码本文将介绍字节跳动内部atop工具的开源RPM包制作、安装与使用。官网

       首先，字节字节需要准备rpm-build基础环境。跳动跳动其次，网站下载并修改字节跳动版本的atop源码包。

       准备atop的携程网 源码rpmbuild相关文件，生成rpm包。随后，通过安装命令安装atop。

       启动atop监控服务。使用atop -r命令读取历史监控数据，利用快捷键翻页和跳转时间。安装netatop以查看网络流量数据。此外，atopsar工具类似于sar，用于性能监控。

       字节跳动版本atop的特性详细信息请参考相关博客链接。通过本教程，您可轻松安装并使用atop进行性能监控。

探索 Vue 3 中的 JSX

       探索 Vue 3 中的 JSX

       引言

       各位前端技术爱好者，我是来自字节跳动大力智能前端团队的林成璋。近期我专注维护 Vue 3 的onos源码 Babel JSX Plugin，今天有幸与大家一同探讨《探索 Vue 3 中的 JSX》。

       开发经验

       我利用业余时间以及一些额外的休息时间，致力于 Vue 3 的 Babel JSX Plugin 的维护工作。起初，我开发此插件的初衷是为了协助 Ant Design Vue 和 Vant 快速升级至 Vue 3，这些框架的源码主要使用 JSX 构建。

       JSX 使用情况

       在 NPM 上，@vue/babel-plugin-jsx 的周下载量高达 万次，这一数字也超越了 Vue 3 的下载量。然而，实际使用 JSX 的开发者人数远少于这一数字所反映的，因为大多数通过 vue-cli 创建的项目（无论是 Vue 2 还是 Vue 3）都会下载该插件。准确统计使用 JSX 开发的用户数量较为困难，大部分开发者仍然采用模板方式开发为主。

       基本概念

       在 Vue 中，.vue 结尾的kubernetes源码文件称为 sfc（单一文件组件），通常包含三种类型的顶级语言块。

Katalyst 支持 NUMA 级别 Pod 间亲和性与反亲和性调度

       最近参与了字节跳动 Kubewharf 社区的开源项目，为云原生混部系统 Katalyst 贡献代码，实现 NUMA 级别 Pod 间亲和性与反亲和性调度。经过两个月努力，项目通过测试。本文分享体验和技术总结。

       Katalyst 是解决云原生资源合理利用的开源项目，提供资源模型抽象、弹性管理、微拓扑与异构设备调度、精细化资源分配等能力。通过参与 Katalyst 开源活动，我了解了工业界与学术界在混部领域的不同侧重点，学术界侧重技术设计，工业界则关注实际业务复杂性。源码 聚会

       在接触 Katalyst 后，我开始关注其源码，最终决定贡献代码。通过参加 GLCC 开源活动并提交提案，我与 Katalyst 的曹贺老师交流，并被安排实现 NUMA 级别亲和性与反亲和性策略。项目由 Katalyst 的汪喆师兄指导，我完成了设计与实现。

       实现中，我首先设计技术方案，将亲和性与反亲和性分析引入 NUMA 级别，优化资源分配。接着，设计 API，简化 JSON 解析，避免对程序运行产生较大影响。在节点侧，我改进了原有 HintProvider，加入亲和性与反亲和性筛选。在调度侧，我设计和注册了 numainterpodaffinity 插件，避免新 Pod 被分配到不满足亲和性与反亲和性要求的节点。

       总体来说，参与 Katalyst 开源贡献是一次宝贵经历，让我对 Kubernetes 有了新的认识，也对 Katalyst 团队的年轻与技术氛围印象深刻。希望更多同学了解 Katalyst，参与开源贡献。

拿走不谢Flutter3.仿抖音实战短视频源码

       初步探讨Flutter3.仿抖音实战短视频源码，为学习者提供一份便捷的实践指南。该项目基于flutter3..5、dart3.3.3以及getx等技术，致力于打造一个类似于抖音的app实战项目，其中包含了商城、购物车、支付等关键功能模块。通过友盟SDK接入，实现对用户下载、安装、活跃度以及次日留存等统计数据的收集与分析，使开发者可以深入理解用户行为。

       从页面布局到逻辑设计，此项目经历了多次迭代与优化，旨在提供给开发者一个全面的Flutter学习实战案例。对于Flutter进阶之路，本项目提供了三个关键阶段的学习目标：

       1. **Flutter开发必备Dart基础**：掌握Dart语言的使用与特性，这是构建Flutter应用的基础。

       2. **Flutter核心技术**：深入了解组件设计、页面布局、路由管理、网络请求、数据缓存、动画效果等关键功能，为构建复杂应用打下坚实的基础。

       3. **开发实战企业级APP**：运用所学技术，实际操作构建可商用的移动应用，提升项目实战经验。

       在技术选型方面，本项目采用vscode作为编辑器，Flutter3..5作为核心框架，搭配getx进行状态管理。网络请求使用dio，缓存服务则选用shared_preferences。对于预览、刷新加载、Toast提示、视频播放等功能，使用了photo_view、easy_refresh、toast、video_player和chewie等插件，形成强大的功能组合。

       项目中特别关注启动页与自定义开屏广告的实现，通过接入字节跳动穿山甲广告，开发者可以实现收益。视频播放功能通过video_player实现，强调了播放器状态更新的重要性。在设计上，使用bottomNavigationBar实现底部导航页面的切换，Stack组件定位视频页面布局，TabBar与PageView组件则实现顶部菜单和页面的联动切换，确保用户流畅的交互体验。

       学习Flutter时，不仅需要熟练掌握技术，更需深入思考，积极应对挑战，通过实际项目经验的积累，提升自我。本项目通过截图展示部分关键功能，希望能够帮助到有需要的学习者。