learnNote

主题

Kuikly 从 0 到 1 学习手册 ​

谁适合看这套笔记？

  • 刚听说 Kuikly、想搞清楚「腾讯凭啥再造一个跨端轮子」的小白
  • 写过 Android（Kotlin）、想以最低成本 零迁移 把项目扩到 iOS / 鸿蒙 / 小程序的同学
  • 写过 RN / Flutter，想看看 KMP 路线上的「亲兄弟」长啥样的跨端老司机
  • 准备跨端 / Android 高级岗位面试，需要补齐"国产跨端框架"知识盲区的同学

这是一份「生活化讲解 + 可运行代码 + 可视化演示 + 真实面试题」四位一体的 Kuikly 学习笔记。每一章都假设你完全没用过 Kuikly，从「为什么要这样设计」讲起，直到能自己独立写出对应的功能。

🎯 为什么要学 Kuikly ​

问题一句话回答
Kuikly 是什么？腾讯开源的、基于 Kotlin Multiplatform（KMP） 的跨端 UI 框架，一套 Kotlin 代码编出 6 个平台的原生产物。
它跟 RN / Flutter 啥区别？RN 用 JS、Flutter 用 Dart 自绘；Kuikly 用 Kotlin + 原生渲染，体积小（Android ~300KB）、性能贴近原生，Android 团队零语言学习成本。
跑在几个平台？Android / iOS / HarmonyOS / Web(H5) / 微信小程序 / macOS，6 端通用。
谁在用？QQ、QQ 音乐、QQ 浏览器、腾讯新闻、搜狗输入法等 20+ 产品，覆盖 5 亿+ 日活用户、1000+ 页面。
学完能干啥？一个人独立完成「一份代码、6 端发布」的小型 App；面试时跟面试官聊架构思路；为团队选型做参考。
学习曲线陡吗？会 Kotlin 2 天能写 Hello World；会 Compose 的同学甚至有"既视感"；不会 Kotlin 建议先看本仓库 kotlin/ 目录的笔记。

📚 章节地图 ​

章节主题核心知识点难度
第 0 章 学习路线14 天通关计划学习节奏 / 推荐资源 / 心态⭐
第 1 章 Kuikly 是什么历史背景 + 跨端框架横评KMP / 与 Flutter/RN/Compose MP 对比⭐
第 2 章 环境搭建工具链 + Hello KuiklyJDK / Android Studio / create-kuikly-app CLI⭐⭐
第 3 章 核心概念Pager / ViewBuilder / attr-eventDSL 三件套 / Flexbox 思维⭐⭐
第 4 章 基础组件View / Text / Image / Input / Button / Scroller组件 API + 样式系统⭐⭐
第 5 章 响应式状态observable / observableList / 数据驱动 UI响应式原理 + 常见坑⭐⭐⭐
第 6 章 指令与列表vfor / vif / List / PageList 长列表列表性能优化 / 复用机制⭐⭐⭐
第 7 章 跨端架构原理KMP + 两棵树 + BridgeBuild/Render Tree / 渲染指令⭐⭐⭐⭐
第 8 章 平台通信Module / 调原生 API / expect-actualcallKotlin/callNative / Native Module⭐⭐⭐⭐
第 9 章 动态化 & 性能动态下发 / 启动优化 / 列表帧率KSP / AOT 与 JIT 切换 / 性能工具⭐⭐⭐⭐
第 10 章 实战项目「迷你小红书」跨端 Demo完整页面 + 网络 + 列表 + 状态管理⭐⭐⭐

🧭 推荐学习节奏 ​

Day 1 - 2  : 第 1-2 章   理解定位，跑通 Hello Kuikly
Day 3 - 5  : 第 3-4 章   写出第一个有界面有点击的页面
Day 6 - 8  : 第 5-6 章   驾驭响应式，搞定列表
Day 9 - 11 : 第 7-8 章   理解架构 + 调原生 API
Day 12 - 14: 第 9-10 章  动态化 + 完成实战项目

💡 建议：每章先看 xx.md 文档，再用浏览器打开同名的 demo.html 体感一下，最后把 code/ 目录下的 Kotlin 代码亲手敲一遍（别复制粘贴！）。Kuikly 跟所有跨端框架一样，只看不写永远学不会。

🛠 配套资源 ​

  • 每章可视化 demo：浏览器即开即用，模拟 Kuikly 渲染流程、Flexbox 布局、响应式更新等抽象概念
  • 示例代码：code/ 目录下纯 .kt 文件，可直接复制到 Kuikly 工程中跑
  • 面试题：每章末尾 5-10 道高频面试题，附详细解析（含腾讯一面/二面真题改编）

📖 延伸阅读 ​