后浪Flutter Google 开源的 UI 工具包 陈孟泽 后浪Flutter • 简介：移动跨平台方案及Flutter介绍 • 语言: Dart语言简介 • 基础：Flutter常用知识点 • 进阶：Flutter核心原理 • 资料：学习参考资料 移动跨平台方案 • H5+原生（Cordova、微信小程序） • JavaScript开发+原生渲染 （React Native、Weex、快应用） Cordova、Ionic JavaScript+原生渲染 原生控件渲染 好 中 支持 RN、Weex 自绘UI+原生 调用系统API渲染 好 高 默认不支持 Flutter Flutter简介 • Google 开源的 UI 工具包 • 非常精美丰富的组件库 • 支持移动、Web、桌面和嵌入式平台 • UI统一、高性能 Flutter简介 Dart语言简介 - 变量声明 Dart语言简介 - 函数声明

美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 低、 可解释程度不高导致后续无法持续优化。方案二中 Sketch 源文件信息量丰富、算法 自定义程度高、优化空间大。因此，我们调研了业界基于 Sketch 的代码自动生成方 案（已对外公布或者开源），发现了一些不足并尝试解决，下面从算法准确率、代码可 读性、研发流程覆盖度等方面做一下对比（该对比结果仅考察业界方案对我们自己业 务的适用性，实际结果可能存在差异）： 前端 < 57 ●

apps的HTML的增强 可以与其他的类库协同工作 开源的javascript框架，google维 护 声明式的编程方法 Sencha ExtJS 和 和 AngularJS对比 对比 序号 序号 Features ExtJS AngularJS 1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap Yeoman, Grunt 和 Bower Licensing and Support 27. 协议 Per-seat / per-server commercial license 和 开源软件基于 GPL 许可 开源的JavaScript 框架，基于 MIT 许可. 28. 完整的稳定，教程，食品，案例 ✔ ✔ 29. 支持：一般的讨论，bug提交， 开发新特性请求 基础支持和付费支持 完全支持

书内的代码配有可一键运行的源文件，托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限，可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长，感谢每一位撰稿人，是他们的无私奉献让这本书变得更好，他 们是（按照 GitHub 自动生成的顺序）：krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑； ‧ 算法源代码皆可一键运行，支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ，在我的强迫症下前后多次帮忙修改，谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议，以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式，在这点上受到了《动手学深度学习》很大影响，也在此向各位同学强烈推 荐这本著作，包括中文版、英文版、李沐老师 bilibili

书内的代码配有可一键运行的源文件，托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限，可前往 hello‑algo.com 网页版获得更好的阅读体验。 致谢 本书在开源社区的群策群力下逐步成长，感谢每一位撰稿人，是他们的无私奉献让这本书变得更好，他 们是（按照 GitHub 自动生成的顺序）：krahets, justin‑tse, sjinzh, Reanon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 1 0. 写在前面 0.1. 关于本书 本项目致力于构建一本开源免费、新手友好的数据结构与算法入门书。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑； ‧ 算法源代码皆可一键运行，支持 Java, C++, Python, “Hello World!” 的回忆。 ‧ 感谢苏潼为本书设计了封面和 LOGO ，在我的强迫症下前后多次帮忙修改，谢谢你的耐心。 ‧ 感谢 @squidfunk 给出的写作排版建议，以及优秀开源项目 Material‑for‑MkDocs 。 本书鼓励“手脑并用”的学习方式，在这点上受到了《动手学深度学习》很大影响，也在此向各位同学强烈推 荐这本著作，包括中文版、英文版、李沐老师 bilibili

基于go和flutter的实时通信/视频直播解决方案 段维伟 湖北捷智云技术有限公司 创始人 目 录 背景 01 技术简介 02 客户端 03 服务端 04 开源社区 05 Q&A 06 背景 第一部分 即将讲述的内容 • WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc 云游戏，机器人，VR，直播等 • 如何用最容易的方案实现实时通讯 • 漂亮的app，最好全部(mobile, web, desktop)平台都支持. • 最容易使用的后端技术 真实世界的需求点 用开源方案实现需求 WebRTC + Flutter + Go 技术简介 第二部分 WebRTC 是什么 01. • 由 Google 发起的基于浏览器通讯标准 • 基于收购来的 GIPS ant-design • 多人视频 • 屏幕共享 • 文字聊天 ion-app-flutter • 多人视频 • 文字聊天 • 屏幕共享 • iOS/Android • macOS/Windows 开源社区 第五部分 ion-* 社区主要贡献者 • Adwpc https://github.com/adwpc • Kangshaojun https://github.com/kangshaojun

腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验，也热衷于技术的开源与 分享。每年，我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程： 大会流程： Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场 偶尔剑走偏锋涉猎GO/PHP/JAVA开发。同时 是技术实用主义者一枚，没有技术偏见，本 着“简单易用，开心就好”的开发理念投入工作 学习。经常潜水于各技术社区，在GitHub发表 过拙作《koa2进阶学习笔记》开源电子书，致 力与技术菜鸟共同进步，互相学习。 koa2的奇思妙想 ## 前世今生 - 洪荒时代 - 英雄时代 - 工业时代 ## HTTP的奇妙旅程 - koa2的请求旅程 - 任人打扮HTTP js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进 式演进，希望能帮助开发者 定制适合自己团队的上层框 架，走向企业级开发协作。 林子杰 阿里巴巴前端开发专家，UC

浏览器的固有功能上，但是能够实现的功能并未 受到这些固有功能的限制，从而能够创建可兼容标准的 Web 应用程序，并且能够 利用最新功能(如 HTML5 API)和流行的工具与框架。 Angular 是由 Google 赞助和维护的开源 JavaScript 库。它已被用于一些最大和最复杂 的 Web 应用程序。本书将向你展示在自己的项目中充分利用 Angular 所需要知道的一切。 1.1 需要了解什么 在阅读本书之前，你应该熟悉 、 框架和平台。有关详细信息，请访问 www.sublimetext.com Atom Atom 是一款免费、开源的跨平台编辑器，特别强调自定义和可扩展性。有关 详细信息，请参阅 atom.io Brackets Brackets 是由 Adobe 开发的免费开源编辑器。有关详细信息，请参阅 bracket.io WebStorm WebStorm 是一款付费的跨平台编辑器，集成了许多工具，使得开发者不必在 开发过程中使用命令行。有关详细信息，请参阅 www.jetbrains.com/webstorm Visual Studio Code Visual Studio Code 是来自 Microsoft 的免费、开源、跨平台的编辑器，重点是 可扩展性。有关详细信息，请参阅 code.visualstudio.com 在选择编辑器时，最重要的考虑之一是能够过滤项目的内容，以便可以专注于一部分 文件。Angular

代的步伐。 文档地址：http://www.bookstack.cn/books/liaoxuefeng-JavaScript 书栈官网：http://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！ 感谢知识的创造者，感谢知识的分享者，也感谢每一位阅读到此处的 读者，因为我们都将成为知识的传承者。 致谢 - 败，在将来的某个时候调用 success 函数或 fail 函数。 古人云：“君子一诺千金”，这种“承诺将来会执行”的对象在JavaScript中称为Promise对象。 Promise有各种开源实现，在ES6中被统一规范，由浏览器直接支持。先测试一下你的浏览器是否支持 Promise： 1. 'use strict'; 2. 3. new Promise(function () {}); 方法一，自己把这些方法添加到 Array.prototype 中，然后给 Object.prototype 也加 上 mapObject() 等类似的方法。 方法二，直接找一个成熟可靠的第三方开源库，使用统一的函数来实现 map() 、 filter() 这些操 作。 我们采用方法二，选择的第三方库就是underscore。 正如jQuery统一了不同浏览器之间的DOM操作的差异，让我们可以简单地对DOM进行操作，

和开 发工具。其次，它同样可供主管、CTO、讲师和猎头们深入探索前端开发实践。 本书内容偏向于 WEB 技术（HTML、CSS、DOM、JavaScript）和以这些技术为根基直接构 建而成的开源技术。书中引用和讨论的材料要么就是同类翘楚，要么就是解决问题的流行方 案。 本书不是一本囊括所有前端可用资源的综合纲领。其价值在于为恰好够用的分类信息搜罗简 洁、聚焦且符合时宜的甄选内容，以免在特别话题下钻了牛角尖。 开发者都应当知道的十个问题 前端开发面试问题 Web 前端开发小测验 为前端开发人员准备的面试问题 JavaScript 在线小测验 Questions you ask: 开发者向未来老板提问的开源问题清单 Preparing: 2017 年 Web 前端开发面试前的准备 Interview Cake [$] Cracking the front-end interview 前端面试 [免费增值] 遇见命令行 [文章][付费] 进阶: 高级命令行技术 [视频][付费] 学习命令行的使用 80 学习 Node.js Node.js 是一个可用于开发服务器端 Web 应用的开源跨平台运行时环境。Node.js 应用 是由 JavaScript 语言实现的 ，可以运行在 OS X、Windows、Linux、FreeBSD、 NonStop、IBM AIX、IBM z 和