Flutter在腾讯企鹅辅导上的实践之路 涂金林 个人简介 - 涂金林 东南大学 腾讯企鹅辅导 & 腾讯课堂 & IMWeb团队 iOS & Flutter负责人 目录 / contents • Flutter简介 • 实践框架及页面栈管理 • 性能优化 • Flutter For Web Flutter简介 1 Flutter简介 跨平台 1 201 3 201 引擎操作OpenGL、GPU直接渲染 平台一致性 Flutter简介 1 生态与模式 原生性能 实践框架及页面栈管理 2 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 实践框架 - 手机端 实践框架及页面栈管理 2 实践框架 - 手机端 Flutter Android依赖库 MJFlutte混合栈 Flutter单 例 统一路由 动画分离 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 Live Widget Todo Widget Course Widget Tab Widget 上课页 实践框架及页面栈管理 2 腾讯企鹅辅导 Widgets CSSender Navigator MJFlutter 上课页

是由腾讯IMWeb团队发起的专注于Web前端领域的非营利性开发者大会。 IMWeb团队专注前端领域多年，曾负责腾讯最核心的基础海量业务QQ统一登录、QQ注册、QQ群等，目前主要聚焦 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验，也热衷于技术的开源与 分享。每年，我们都会举办自己的前端大会 序底层框架实现原理研究和 小程序实战经验，帮助开发 者更好的理解小程序的实现 逻辑和更快速的解决问题。 lexiao(肖乐) 肖乐 14年加入腾讯，期间参与pc 空 间，mobile空间，企鹅FM前端开发，同时负责 将WebSocket作为基础能力集成到TSW组件 里，并为qcloud的小程序打包方案提供 WebSocket双工通信服务，本次主要分享 WebSocket基础，socket

Linux操作系统默认也没有安装中文输入法，下面将介绍安装小企鹅中文输入 法。执行命令如下所示： root@kali:~# apt-get install fcitx-table-wbpy ttf-wqy-microhei ttf-wqy- zenhei 执行以上命令后，小企鹅中文输入法就安装成功了。安装成功后，需要启动该输入 法后才可以使用。启动小企鹅中文输入法，执行命令如下所示： root@kali:~# 添加并保存以上内容后，重新登录当前用户，fcitx输入法将自动运行。如果没有启 动，则在终端执行如下命令： root@kali:~# fcitx 执行以上命令后，将会在屏幕的右上角弹出一个键盘，说明该输入法已经启动。小 企鹅输入法默认支持汉语、拼音、双拼和五笔拼音四种输入法，这几种输入法默认 使用Ctrl+Shift组合键切换。 如果想要修改输入法之间的切换键，右击桌面右上角的键盘，将弹出如图1.60所示 的界面。

Torvalds 最早发布的帖子内容的截图如下。 Linux 系统的吉祥物名为 Tux，是一只呆萌的小企鹅。相传 Linus Torvalds 在童年时期去 澳大利亚的动物园游玩时，不幸被一只企鹅咬伤，所以为了“报复”就选择了这个物种作为 吉祥物。这个故事是否可信无从考证，但万幸是只企鹅，而不是老虎或者狮子，否则就不是 换个 Logo 这么简单的事了。 1994 年，红帽（Red Hat）公司创始人 带了 一个武器库的感觉，有机会真应该单独写本书聊聊它。 前 言 26 ➢ Gentoo：Gentoo 翻译为中文是“巴布亚企鹅”。终于找到一个跟 Linux 吉祥物—企 鹅相关的名字了。巴布亚企鹅是企鹅家族中体型最大的物种之一，游泳时速最快可达 36 千米—多么灵活的胖子！ Gentoo 系统最大的特色就是允许用户完全自由地进行定制。开发人员 Daniel

以启动游戏的第一关。 图 5.8 单人游戏菜单 注： 使用上下方向键在选项中进行选择。 232 在 Ubuntu 中玩游戏 目录 Karmic Koala 4. 游戏的目标是保护小屋旁的企鹅不被泡泡压到。游戏开始时，窗口中会出现一些泡 泡，一个装载了泡泡的射击枪和一个瞄准器。使用左右方向键调整瞄准器的方向， 按下空格键将泡泡发射出去。要将至少三个以上同颜色的泡泡连在一起才能使泡泡 爆破 Ubuntu 和游戏 233 Ubuntu 桌面培训 目录 图 5.10 闪烁的 Hurry 警告 FB-01 和 FB-02 将会不断地将顶上的板往下压，减小可用来排列泡泡的区域，使 我们的小企鹅陷入困境。 6. 如果成功地爆破了所有泡泡，您就获得了游戏的胜利！然后按下任意键进入下一关 卡。 234 在 Ubuntu 中玩游戏 目录 Karmic Koala 图 5.11 显 示 各

游戏菜单。选择游玩默认关卡然后按下回车键以启动游戏的第一关。 图 V.8 单人游戏菜单 注： 使用上下方向键在选项中进行选择。 Ubuntu 和游戏 235 Ubuntu 桌面培训 目录 4. 游戏的目标是保护小屋旁的企鹅不被泡泡压到。游戏开始时，窗口中会出现一些泡 泡，一个装载了泡泡的射击枪和一个瞄准器。使用左右方向键调整瞄准器的方向， 按下空格键将泡泡发射出去。要将至少三个以上同颜色的泡泡连在一起才能使泡泡 爆破 236 在 Ubuntu 中玩游戏 目录 Lucid Lynx 图 V.10 闪烁的 Hurry 警告 FB-01 和 FB-02 将会不断地将顶上的板往下压，减小可用来排列泡泡的区域，使 我们的小企鹅陷入困境。 6. 如果成功地爆破了所有泡泡，您就获得了游戏的胜利！然后按下任意键进入下一关 卡。 Ubuntu 和游戏 237 Ubuntu 桌面培训 目录 图 V.11 显 示 各 关 卡

3.0 版，更于 2015 年 4 月释出了 4.0 版哩！ 发展相当迅速喔！此外，托瓦兹指明了企鹅为Linux的吉祥物。 Tips 奇怪的是，托瓦兹是因为小时候去动物园被企鹅咬了一口念念不忘， 而正式的2.0推出时，大家要他想一个吉 祥物。他在想也想不到什么动物的情况下， 就将这个念念不忘的企鹅当成了Linux的吉祥物了…… Linux由于托瓦兹是针对386写的，跟386硬件的相关性很强，所以， （要看答案请将鼠标移动到“答：”下面的空白处，按下左键圈选空白处即可察看）实作题部分： 请上网找出目前 Linux 核心的最新稳定版与发展中版本的版本号码，请注明查询的日期与版本的对应。 请上网找出 Linux 的吉祥物企鹅的名字，以及最原始的图像文件画面。（提示：请前往 http://www.linux.org 查阅） 请上网找出 Andriod 与 Linux 核心版本间的关系。（提示：请前往 https://zh 挑战题：尝试将你在学习本书所进行的各项任务备份下来，然后删除你的系统，接下来重新安装最新的 CentOS 7.x ， 再将你备份的数据复原回来，看看能否成功的让你的系统回复到之前的状态呢？ 挑战题：查询一下何谓企鹅龙软件，讨论一下该软件的还原机制是属于累积备份？还是完整备份？ 常用的完整备份 （full backup） 工具指令有哪些？xfsdump + xfsrestore, dd, cpio 搭配 find

0 版，更于 2015 年 4 月释出了 4.0 版哩！ 发展相当迅速喔！此外，托瓦兹指明了企鹅为Linux 的吉祥物。 Tips 奇怪的是，托瓦兹是因为小时候去动物园被企鹅咬了一口念念不忘， 而正式的2.0推出 时，大家要他想一个吉祥物。他在想也想不到什么动物的情况下， 就将这个念念不忘的企鹅 当成了Linux的吉祥物了...... Linux由于托瓦兹是针对386写的，跟386硬件的相关性很强，所以， （要看答案请将鼠标移动到“答：”下面的空白处，按下左键圈选空白处即可察看） 实作题部 分： 请上网找出目前 Linux 核心的最新稳定版与发展中版本的版本号码，请注明查询的日期 与版本的对应。 请上网找出 Linux 的吉祥物企鹅的名字，以及最原始的图像文件画面。（提示：请前往 http://www.linux.org 查阅） 请上网找出 Andriod 与 Linux 核心版本间的关系。（提示：请前往 https://zh 挑战题：尝试将你在学习本书所进行的各项任务备份下来，然后删除你的系统，接下来 重新安装最新的 CentOS 7.x ， 再将你备份的数据复原回来，看看能否成功的让你的系 统回复到之前的状态呢？ 挑战题：查询一下何谓企鹅龙软件，讨论一下该软件的还原机制是属于累积备份？还是 完整备份？ 常用的完整备份 （full backup） 工具指令有哪些？xfsdump + xfsrestore, dd, cpio 搭配

定为同样造福大家的 GNU 授权模式！ • 企鹅的来源： 1994 年发表 Linux 正式核心 1.0 的时候，大家要 Linus Torvalds 想一只吉祥物，怪怪的 Torvalds 突然想到 小时候去动物园被一只企鹅追着满地打滚～还被咬了一口！既然想不到其它的吉祥物了，干脆就以这支企 鹅来当吉祥物算了！所以，呵呵！目前我们常常看到这一只企鹅就是这么来的咯！ 什么是 distribution

开源机构酷爱拿动物来命名软件或制作LOGO，这些名字早已似春雨般深入人心。比如一脸严肃， 身手敏捷，酷似狮子的Tomcat。还有Python，两条肥胖蠢萌的蟒蛇形象火遍了全世界。而Linux用一个 叫Tux的企鹅作为吉祥物，Tux 现在已经开始拍游戏视频、广告了，甚至还有个叫Gown的女朋友。开 源社区动物园里的风景异彩纷呈，受此启发，我们将WeBASE中的两个数据导出相关组件分别取名 为Monkey和Bee。