基于 Vue 实现一个简易的小程序框架，浅谈kafka | 每日掘金第 194 期

Hello，又到了每天一次的下午茶时间。酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

酱酱们的下午茶全新改版，欢迎大家多提宝贵意见！

本文字数 1800+，阅读时间大约需要 6 分钟。

• 【掘金酱的下午茶】亮点：
• 基于 Vue 实现一个简易的小程序框架
• 从0搭建一个内部mock工具（支持sql转换，自带增删改查）
• 从0搭建一个内部mock工具（支持sql转换，自带增删改查）
• SLA 业务链路之眼
• 可插拔组件设计机制—SPI
• PMS源码解析——apk的安装流程（Android12）
• iOS架构设计|iOS组件化开发-依赖包管理工具
• ……

筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。

每日干货｜下午茶

主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

『前端』

• 我只用RxJS，却搞定了三大框架的跨组件通信，甚至还能适用于Java（二、Vue篇）

作者希望Vue学习者们要好好学习这篇文章中的思想，怎么用面向对象，怎么用最基础的设计模式，以及我所认为的发布订阅，我是怎么设计它的模型，等等。说个很现实的问题，Vue入门简单，上手容易，以至于很多前端开发者只会Vue，以及完全没有接触过面向对象等这些概念。同时，在我看来，函数式不是万能的，前端开发者也必须要掌握面向对象编程。

• 基于 Vue 实现一个简易的小程序框架

这篇文章主要希望能让你对经常使用的框架有一个原理性的初步认识，至少我们再用的时候可以规避掉一些坑，或者性能问题。

• 从0搭建一个内部mock工具（支持sql转换，自带增删改查）

我们需要一款，配置"简单"且能"快速"生成一个增删改查的mock工具。而"简单"与"快速"，是mock的核心。

• 组件库从开发到维护全链路讲解（八）在线文档自动部署｜图文并茂

前段时间在这篇文章中（让你的项目部署由五档手动升级为全自动）也对目前各种 CI/CD 工具进行过一波横向对比，最终选择 GitLab 的原因是受众比较多。有评论指出 GitLab 的资源消耗太大，根本运行起不来，我当时提到了可以用 Onedev 代替，并且本人线上服务器部署的也是 Onedev。那今天就从各个方面重点对比一下这两个工具。

• 使用 CSS 中 sin() 和 cos() 三角函数创建时钟

将东西环绕圆形放置是一个很基础的例子，用于展示三角函数，比如 sin() 和 cos() 的强大。但是，这真是太棒了，我们将获取现代 CSS 特性，为旧的解决方法提供新的的解决方案。

『后端』

• 聊聊「订单」业务的设计与实现

在产品初期先做好全面的设计，场景和流程上做好可扩展性的保留，在数据层面规划好不同体量的应对方案，走在订单业务的前面避免被动，尽量不要被业务的发展和演变甩在身后；

• 可插拔组件设计机制—SPI

SPI 的全称是Service Provider Interface,即提供服务接口；是一种服务发现机制，SPI 的本质是将接口实现类的全限定名配置在文件中，并由服务加载器读取配置文件，加载实现类。这样可以在运行时，动态为接口替换实现类。正因此特性，我们可以很容易的通过 SPI 机制为我们的程序提供拓展功能。

• 浅谈kafka

Apache Kafka 是消息引擎系统，也是一个分布式流处理平台（Distributed Streaming Platform）

• SLA 业务链路之眼

我认为原因还是sla没有建设好，比如说老板问起来，这一单当前卡在什么环节，卡了多久，为什么会有这种情况，有没有一个预警机制呢？其实我们当前靠业务去管控这些，接下来我们开始聊聊sla建设想法。

『移动端』

• 大话Compose炼体(1)-先一餐吃3碗饭

果你对Compose感兴趣但是是一个新手的话，建议先掌握了Compose编程思想，搞懂重组，状态，附带效应等基础知识再来阅读会更好。基础入门的系列文章建议先看看筑基系列和过渡系列。

• PMS源码解析——apk的安装流程（Android12）

今天我们再来说说 PMS 的另外一个工作流程，那就是 PMS 安装 apk 的流程。

• Android 源码浅析：Jetpack 组件 —— ViewModel

在之前 LiveData 源码浅析的博客中提到了 ViewModel 组件，当时对 ViewModel 的解释是 “生命周期比Activity” 更长的对象。本文就来了解下其实现原理。

• iOS架构设计|iOS组件化开发-依赖包管理工具

我们将在本篇文章,在展开 组件化开发 这个话题之前,先认识一下 组件化开发的依赖包管理工具Cocoapods

• iOS小技能：UITableView的适配 （iOS10/iOS14/iOS16.0）

如果按照开发规范写代码，不会存在关于UITableView的适配问题。

趣味码上掘金分享｜下午茶

• 码上掘金精选，收集优秀的码上掘金项目，供大家一起学习：github.com/akira-cn/jc…
• 码上掘金游戏精选：g.jcode.pub/#/716133153…

作者	文章	简介
Jimmy	使用 CSS 中 sin() 和 cos() 三角函数创建时钟	将东西环绕圆形放置是一个很基础的例子，用于展示三角函数，比如 sin() 和 cos() 的强大。

作者	文章	简介
采黎	前端桌面更新了，支持打开应用，欢迎掘友们点赞！	前端桌面更新了，支持打开应用，欢迎掘友们点赞！

📖 投稿专区｜下午茶

大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。

今日主理人｜下午茶

本期每日掘金由 北洋 负责制作。如有投稿文章，请私信👉 北洋

PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain