线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native 工程中 TSLint 静态检查工具的探索之路 589 ESLint 在中大型团队的应用实践 610 美团 iOS 工程 zsource 命令背后的那些事儿 627 客户端单周发版下的多分支自动化管理与实践 635 美团外卖前端容器化演进实践 643 Bifrost 在现有的众多跨端框架当中，Flutter 以其自渲染能力带来的多端高度一致性，在新 系统的适配上有着突出的优势。虽然 Flutter 官方并没有适配鸿蒙的计划，但经过一 段时间的探索和实践，美团外卖 MTFlutter 团队成功实现了 Flutter 对于鸿蒙系统的 前端 2 > 2021年美团技术年货 原生支持。 这里也要提前说明一下，因为鸿蒙系统目前还处于 Beta 版本，所以这套适配方案还 没有在实际业 与鸿蒙自身生态的结合：如何优雅地适配鸿蒙的分布式技术？如何用 Flutter 实现设备之间的快速连接、资源共享？现有的众多 Flutter 插件如何应用到鸿蒙系统 上？未来 MTFlutter 团队将在这些方面做更深入的探索，因为解决好这些问题，才是 真正能让应用覆盖用户生活的全场景的关键。 参考文献 ● https://developer.huawei.com/consumer/cn/events/hdc2020/

Introduction 前端开发者是什么？ 2016 前端开发回顾 展望 2017 第一部分. 前端实践 前端职称 前端开发者所使用的技术 前端开发技能 前端开发者为 ... 而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载／打包工具 模块／包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管／API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 4 1.7.38 1.7.39 1.7.40 1.7.41 网站／应用监控工具 前端开发者是什么？ 2016 前端开发回顾 展望 2017 第一部分. 前端实践 前端职称 前端开发者所使用的技术 Introduction 7 前端开发技能 前端开发者为 ... 而开发 团队里的前端 全能型人才/全栈神话 前端面试 前端开发职位公示 前端开发薪资 前端开发者是如何诞生的 第二部分：学习前端开发 自学 关于互联网／WEB 学习 Web 浏览器 学习域名系统（又叫

将Dart代码与Native代码一起存放GIT • 修改编译脚本 • 支持断点调试 无法跨终端同步及维护Dart代码 工程化开发模式Ⅲ • Gradle/CocoaPods依赖管理 • 跨终端团队协作远程构建产出模式 • Dart代码独立GIT • 远程构建平台配置终端推送地址 • 构建完成自动推送更新 QCI 远程构建平台 Android Git iOS Git 工程化开发模式Ⅲ 启动构建同步至分支 开发步骤： 工程化开发模式总结 远程构建产出模式 Flutter工程集成IDE工程模式 IDE工程集成Flutter产出模式 适合个人独立开发 方便团队内部协作开发 方便开发调试 适合跨团队协作开发 分享目录 uNOW直播与Flutter uNOW直播中Flutter的开发模式 uNOW直播中Flutter的工程实践 u技术思考 版本迭代 Flutter 三端统一 WEB iOS Android DART Dart2JS • Dart Widget • Property => css • 精简框架代码 关于我们 • 腾讯Now直播终端团队 • 掘金社区 https://juejin.im/user/5b4ee1cfe51d45191b61307d/posts 感谢聆听

增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 ● 前端功能越来越多：CS→BS→CS ● 大型应用维护和协作难 ● 性能弱，启动速度慢 ● 工具支持弱 ● 仔细选择技术方案和开发规范 Web 开发中还有许多问题有待解决... 未来的方向？ Chrome OS 各种技术所做的改进 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇（Web Components） 大纲 ● 2011年10月对外宣布 ● Chrome V8 团队打造 ● 主要成员包括：Lars Bak、Kasper Lund、Gilad Bracha等 ● 以大量编程语言实现的经验为基础 Dart 语言的诞生 Dart 并非颠覆，而为实用 Dart 代码 数据绑定就是自动化实现这种单向绑定或双向绑 定 组件是新技术？ 当然不是！思想和各种实现早就有，Web中也 有，但 Web 缺少对组件技术的基础支撑。——我 ● 组件技术适合于现代的软件环境 ○ 软件更新快、规模大、强调协作等 ○ 组件的概念、软件IC ● 组件的可独立发布性要求“接口与实现分离” ● 组件infrastructure,组件体系 ○ COM、CORBA、J2EE/EJB ● 中间件(middleware)市场

司及组织（包括W3C、微软、Google、腾讯、阿里等）的前端达人为我们带来最新前端技术的分享。 关于我们： 关于我们： IMWebConf 是由腾讯IMWeb团队发起的专注于Web前端领域的非营利性开发者大会。 IMWeb团队专注前端领域多年，曾负责腾讯最核心的基础海量业务QQ统一登录、QQ注册、QQ群等，目前主要聚焦 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 全问题，一些不常见的安全 问题，以及对应的防范方 法。开发一个Node框架，需 要考虑哪些安全方面的问 题？相信你会得到一些答 案。 张小春 小春现任摩拜科技前端负责人，之前滴滴公共 前端团队负责人，再之前的最近的经历主要在 豌豆荚，喜好前端，也做过后端和客户端，出 版过2本前端读物，包含 《vue.js权威指南》 等，作为分享嘉宾最近参与了 2016 SDCC 中 国软件开发者大会 的联合创始人。于 2010 年 开发了三款 Facebook 平台的应用，获取了超 过 2 千万的用户。2012 年创立了市面上最简易 的建站平台 Strikingly，成为第一家进入 YC 孵 化器的华人团队。 Inside React Fiber 天猪 阿里游戏前端负责人，EggJS 核心开发者。 Egg & Node.js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心

Best practices of TypeScript and Dev in Alibaba TypeScript 陈仲寅（花名：张挺） 就职于 阿⾥里里巴巴淘宝技术部 MidwayJS 团队 zhangting@taobao.com @czy88840616 https://github.com/czy88840616 @czy88840616 MidwayJS MidwayJS TypeScript TS 我们都知道 TypeScript 的优势 12 3 类型描述 更更多的 Feature ⽀支持 ⾯面向接⼝口编程 TS 个⼈人开发⾯面向类型编码， 协作时⾯面向接⼝口编程 TS 开发时增加更更多接⼝口定义， 数据定义，参数定义 TS 跨协议转换 TS 进⼊入正题 进⼊入正题 我们是来解决问题的 TS Why is Midway ⾯面向未来的设计 ⾯面向未来的设计 TS 跨场景的设想 Web场景/⾃自启动场景/更更多⾃自定义场景。 正好碰上了了 Serverless 的浪潮，作为集团唯 ⼀一的 Node.js 架构团队，集团的领航者当仁 不不让的投奔进去。 定义与实现分离 TS 代码重构实践 分离 midway-core，将通⽤用的能⼒力力都放在这层 分离通⽤用层 TS 代码重构实践 1、⾃自扫描注⼊入

前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里？ – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时，声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。

因为它本身就包含了一个状态信息，即目前是否处于暂停态。 Generator与协程 Generator 函数的语法 427 协程（coroutine）是一种程序运行的方式，可以理解成“协作的线程”或“协作的函 数”。协程既可以用单线程实现，也可以用多线程实现。前者是一种特殊的子例程， 后者是一种特殊的线程。 （1）协程与子例程的差异 传统的“子例程”（subroutine）采用堆栈式“后进先出”的执行方式，只有当调用的子 函数的调用者，才能将程序 的执行权还给 Generator 函数。如果是完全执行的协程，任何函数都可以让暂停的 协程继续执行。 如果将 Generator 函数当作协程，完全可以将多个需要互相协作的任务写成 Generator 函数，它们之间使用 yield 表示式交换控制权。 应用 Generator 函数的语法 428 Generator 可以暂停函数执行，返回任意表达式的值。这种特点使得 那么，有没有更好的写法呢？ Generator 函数 协程 传统的编程语言，早有异步编程的解决方案（其实是多任务的解决方案）。其中有 一种叫做"协程"（coroutine），意思是多个线程互相协作，完成异步任务。 Generator 函数的异步应用 438 协程有点像函数，又有点像线程。它的运行流程大致如下。 第一步，协程 A 开始执行。 第二步，协程 A 执行到一半，进入暂停，执行权转移到协程

你和你的客户需要一个专门的许可或者需要专门的支持 如果桌面应用和移动应用是两套程序。 如果愿意支付支持费用 使用 AngularJS： 要求使用更小的包 要求响应式设计 需要自动测试 集成第三方组件 你的团队能够调试CSS并解决浏览器兼容性问题 你的团队能够解决第三方组件的BUG 架构的不同： 架构的不同： 我们从11个方面来分析这两种技术的不同. 1. 应用开发框架 2. 组件 3. 路由 4. 测试 5. 数据绑定 6 优化)，Jasmine 和Mocha. 自身并不包含测试框架和测试工具 AngularJS： AngularJS在设计之初，就考虑到了应用的可测试性 支持单元测试，集成测试和功能 AngularJS 团队开发了 Karma 测试工具。 另外，第三方的工具 Protractor 也可以用于AngularJS的测试 数据绑定 数据绑定 双向数据绑定是连接页面UI和数据模型的纽带，及更改模型的数据，页面UI能够同步响应 Runner (AngularJS团队开发的，用于AngularJS项目的端对端测试) 需要 deferred bootstrap. ExtJS: 多种受欢迎的JavaScript 测试框架，比如Siesta (专为 Ext JS 优化), Jasmi ne 和 Mocha，并不需要延迟EXT JS应用程序的启动 AngularJS: Batrang是一个新的angular 团队推荐的 Chrome插件，提供了一个显示

的 JavaScript 代 多重继承 模块 对象的继承 - 466 - 本文档使用 书栈(BookStack.CN) 构建 码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分 工协作、进度管理、单元测试等等……开发者必须使用软件工程的方法， 管理网页的业务逻辑。 JavaScript 模块化编程，已经成为一个迫切的需求。理想情况下， 开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模