闲⻥鱼 - 让你的闲置游起来 Flutter & Dart 全栈开发 三端⼀一体化编程的新⽅方式 闲⻥鱼 - 让你的闲置游起来 闲⻥鱼 - 让你的闲置游起来 陈新新 阿⾥里里巴巴 - 闲⻥鱼 • 腾讯、YY、阿⾥里里巴巴 • 20年年程序员 • 多端⼀一体化、⾳音视频通信、P2P⽹网络、区块链 • 多语⾔言 C/C++/Go/Java/Dart…… 闲⻥鱼 - 让你的闲置游起来 Flutter在闲⻥鱼应⽤用过程 基础调研 Google⽀支持 混合开发 详情⻚页 发布⻚页 更更多业务 内部版本 Alpha Beta Preview1 Preview2 闲⻥鱼 - 让你的闲置游起来 接近Native效果的UI和交互体验 多图列列表 评论盖楼 图⽂文 闲⻥鱼 - 让你的闲置游起来 Native组件 Native和Flutter混合开发 混合栈 闲⻥鱼 - 让你的闲置游起来 视频和动画 视频和动画 视频 动画 闲⻥鱼 - 让你的闲置游起来 关键问题解决 混合开发：⼯工程管理理和混合栈管理理 外接纹理理播放视频 图⽚片缓存优化 ⽆无反射JSON序列列化 私有PUB库、阿⾥里里⽣生态适配 闲⻥鱼 - 让你的闲置游起来 Flutter和Native性能简单⽐比较 Flutter Native 45 FPS 30 FPS 113.2% 184.8% 闲⻥鱼

个人简介 - 涂金林 东南大学 腾讯企鹅辅导 & 腾讯课堂 & IMWeb团队 iOS & Flutter负责人 目录 / contents • Flutter简介 • 实践框架及页面栈管理 • 性能优化 • Flutter For Web Flutter简介 1 Flutter简介 跨平台 1 201 3 201 5 201 6 Web页面 • H5 + 平台一致性 Flutter简介 1 生态与模式 原生性能 实践框架及页面栈管理 2 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 腾讯企鹅辅导 实践框架及页面栈管理 2 实践框架 - 手机端 实践框架及页面栈管理 2 实践框架 - 手机端 Flutter Android依赖库 Android项目 iOS项目 Flutter iOS依赖库 Framework 实践框架及页面栈管理 2 实践框架 - 手机端 Native项目 Flutter 依赖库 实践框架及页面栈管理 2 实践框架 - Pad端 Alert Flutter UI层 实践框架及页面栈管理 2 接入层 - MJFlutter Toast Dialog Refresh … Navigator

Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 JSX Decorators 混入 三斜线指令 JavaScript文件里的类型检查 - 2 - 本文档使用 书栈网 · BookStack.CN 构建 实用工具类型 如何书写声明文件 介绍 库结构 举例 最佳实践 深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 TypeScript 3.6 TypeScript 3.5 TypeScript 3.4 TypeScript 3.3 TypeScript 3.2 TypeScript 3.1 - 3 - 本文档使用 书栈网 · BookStack.CN 构建 TypeScript 3.0 TypeScript 2.9 TypeScript 2.8 TypeScript 2.7 TypeScript 2.6 TypeScript 1.5 - 4 - 本文档使用 书栈网 · BookStack.CN 构建 TypeScript 1.4 - 5 - 本文档使用 书栈网 · BookStack.CN 构建 致谢 当前文档 《TypeScript 4.0 使用手册》 由 进击的皇虫 使用 书栈网(BookStack.CN) 进 行构建，生成于 2020-09-09。 书栈网仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。

前端开发者是什么？ 2016 前端开发回顾 展望 2017 第一部分. 前端实践 前端职称 前端开发者所使用的技术 前端开发技能 前端开发者为 ... 而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 DNS） 学习 HTTP/Networks（包括 前端开发回顾 展望 2017 第一部分. 前端实践 前端职称 前端开发者所使用的技术 Introduction 7 前端开发技能 前端开发者为 ... 而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 DNS） 学习 HTTP/Networks（包括 Babel 被广泛采用。这些 解决方案跃居于最常用技术榜单前列。 开发者意识到，在开发原生应用时，借助 webviews 的 H5 混合式移动开发在多数情况下 不具备足够优势。 React Native 和 NativeScript 开始替代 H5 混合式 webview 开发。 大多数人舍弃 Gulp 转而使用 NPM 脚本，但 Gulp 仍受欢迎。 SASS 工具继续受到欢迎，与此同时

闭 环，同时落地了动态化解决方案，支撑了公司多个业务发展。在大前端融合的趋势 下，美团外卖商家端持续在探索更优的多端复用方案，通过 MTFlutter 生态的建设， 目前 Flutter 技术栈已覆盖商家端 App 中 90% 以上的业务，同时具备 Flutter 开发 能力的同学也达到 90% 以上。因此，在有足够技术“储备”的前提下，我们能够基 于 Flutter 做全平台（Andr 架构 / 服务标准化体系建 设，提升前后端以及平台与业务线的沟通、合作效率；业务监控和体验优化，有效保障核心业 务服务成功率的同时，提升用户使用美团 App 过程中的稳定性和流畅性。团队开发技术栈包括 Android、iOS、React Native、Flexbox 等。 招聘信息 美团平台终端业务研发团队是一个活力四射、对技术充满激情的团队，现诚聘 Android、iOS、 FE 工程师，欢迎有兴趣的同学投简历至 容器 的能力，让用户无需关心终端容器的运维，只要将精力聚焦到业务逻辑上的技术。 一、前言 React2X 是一款面向多终端、跨平台、容器无关化研发框架。在整个美团前端技术 栈日益规范的趋势下，React 技术栈在我们技术体系环节中的地位变得越来越重要。 在广告、营销这些推广属性的业务上，在各个终端（包括美团 App、美团外卖 App、 大众点评 App，以及站外的微信小程序、百度小程序、头条

处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 - 2 - 本文档使用 书栈网 · BookStack.CN 构建 响应性 深入响应性原理 响应式原理 响应式计算和侦听 组合 API 介绍 Setup 生命周期钩子 提供/注入 模板引用 渲染机制和优化 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 Data 选项 事件 API 过滤器 片段 函数式组件 - 3 - 本文档使用 书栈网 · BookStack.CN 构建 全局 API 全局 API Treeshaking 内联模板 Attribute key attribute 按键修饰符 在 prop 的默认函数中访问 翻译 - 4 - 本文档使用 书栈网 · BookStack.CN 构建 致谢 当前文档 《Vue.js v3.0 教程（Vue3 教程）》 由 进击的皇虫 使用 书栈网 (BookStack.CN) 进行构建，生成于 2020-10-21。 书栈网仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈网难以确认文档内容知识点是否错漏。如果您在阅读文档获取

@czy88840616 MidwayJS MidwayJS MidwayJS Midway Pandora.js Sandbox MidwayJS Midway MidwayJS ⾯面向未来的全栈开发框架 TS ⾯面向过去，接受历史 Review TS ⾯面向现在，解决问题 Solve TS ⾯面向未来，探索未知 Explore Node.js Ready ? TS 来看看数据 2019.5 2300+ 700+ 1600+ TS ~70% 5% BFF 使⽤用框架 接⼊入治理理 使⽤用 TS 72.9% 91% TS 来看看问题 TS 复杂度逐步增加 - 全栈应⽤用 成为中流砥柱 - 核⼼心应⽤用 ⾯面向外部⽤用户 - ⼤大流量量 TS 调⽤用 http 服务，没有调⽤用定义 提供 RPC 接⼝口时，需要写 JSDoc TS Node.js 测试靠⼈人⾁肉 ⽤用 TS 场景不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 TS 场景不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 除了了明确意义的 controller service 承载了了太多的职能。 TS 场景不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 ⼦子⽬目录缺乏⽀支持 TS 体验不不同 我们希望引⼊入 TypeScript

BrowserWindow contentTracing dialog globalShortcut ipcMain Menu MenuItem powerMonitor - 2 - 本文档使用 书栈(BookStack.CN) 构建 powerSaveBlocker protocol session webContents Tray 在渲染进程（网页）内可用的模块 desktopCapturer 常见问题 - 3 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《electron中文教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确 馈，让我们共同携手，将知识准确、高效且有效地传递 给每一个人。 同时，如果您在日常工作、生活和学习中遇到有价值有营养的知识文档，欢迎分享到 书栈(BookStack.CN) ， 为知识的传承献上您的一份力量！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取最新的文档，以跟上知识更新换代的步伐。 内容来源：weishuai https://weishuai.gitbooks

Number 类型进行混合运算。 1n + 1 // 报错 这是因为无论返回的是 Integer 或 Number，都会导致丢失信息。比如 (2n**53n + 1n) + 0.5 这个表达式，如果返回 Integer 类型， 0.5 这个小数部分会丢失；如 果返回 Number 类型，会超过 53 位精确数字，精度下降。 相等运算符（ == ）会改变数据类型，也是不允许混合使用。 0n 0n == 0 // 报错 TypeError 0n == false // 报错 TypeError 精确相等运算符（ === ）不会改变数据类型，因此可以混合使用。 0n === 0 // false 数值的扩展 127 函数的扩展 函数参数的默认值 基本用法 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { 的调用帧。等到 B 运行结束，将结果返回 到 A ， B 的调用帧才会消失。如果函数 B 内部还调用函数 C ，那就还有一 个 C 的调用帧，以此类推。所有的调用帧，就形成一个“调用栈”（call stack）。 尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用帧，因为调用 位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用帧，取代外层 函数的调用帧就可以了。

• WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc • Go 语言的WebRTC 协议栈 pion/webrtc • 基于pion/webrtc 的应用级服务框架 pion/ion • 5G 时代, 实时通讯应用爆发 • 疫情影响，全世界都在使用远程教育，远程办公 • 云游戏，机器人，VR，直播等 服务发现，负载均衡，媒体信息全局存储 • Biz 业务接入模块 • SFU 节点 (用于转发webrtc 流，与biz模块配合创建视频会议系 统) • AVP 节点 (用于从SFU节点拉取数据进行数据处理，视频流存 储，音视频混合，CV ，语音识别，图形识别等) • 网关节点与go-sip stack 或rtmp/hls/srt等协议组合成协议网关 • 转换RTC流成直播流推送到CDN ION客户端支持 • Ion-sdk-js