2019-2021 美团技术年货 前端篇方案使用相对定位方式,可读性较好。 58 > 2021年美团技术年货 ● 研发流程覆盖度方面:淘宝 imgCook 从 RD 视角构建了一个 IDE,支持在 IDE 中完成样式调整、逻辑绑定;而我们的方案从产研协作视角出发,支持数 据、逻辑、埋点的可视化配置及上线。 2. 方案介绍 如图所示,配置平台主要分成三块包括:设计稿转视图树(UI2DSL)、视图树转代码 (DSL2Code)、以及业务信息绑定,下面简单介绍一下每一块的作用。 大,亟待一款高扩展性设计的顶层框架作为技术抓手。 ● 跨容器动态化能力覆盖,逐步成为各个业务方越来越重视的基础能力,可以大 幅缩短需求交付的周期,提高上线发版的效率,并能有效地解决包体积大小的 问题,提升业务的敏捷性。 ● 多场景下的同构诉求,例如在各种推广页、模块化、游戏、轻量布局差异的 PC/App 同构场景下,可以节省多端研发的人力。 最终我们的核心痛点围绕在了美团系·小程序和美团系·App 矩阵上的同一个需求 实现 RN 与小程序间的复用后,就可以对存量的 RN 代码进行抽象、适配、整 理,进而抽取出一个组件复用层,这个复用层可直接供上层业务层直接使用。 ● 最后,为了解决跨端复用场景下各种流程、协作和质量隐患,我们配套了相应 的流程规范和质量保障措施。 前端 < 175 3.2.2 跨端复用应用架构整体介绍 图 7 跨端复用应用架构图 整个民宿的 RN- 小程序跨端复用架构图如上,我们按照从下到上,从左到右的视角0 码力 | 738 页 | 50.29 MB | 1 年前3
前端开发者指南(2017)SVG、canvas、webGL) 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载/打包工具 模块/包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管/API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 4 1.7.38 1.7.39 1.7.40 1.7.41 网站/应用监控工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 模块加载/打包工具 Introduction 9 模块/包管理工具 托管工具 项目管理以及代码托管工具 协作与沟通工具 内容管理 托管/API 工具 后端即服务工具 离线工具 安全工具 构建工具 部署工具 网站/应用监控工具 JavaScript 错误报告/监控 性能工具 寻找工具的工具 可供使用。以下是一张关于所 有在开发网站或者网络应用时可以使用的公共接口的表。 — Mozilla 相关文档: Web API 公共接口 超文本传输协议 (HTTP) 超文本传输协议(HTTP)是一个为分布式的、协作的、多媒体的信息系统指定的应用协 议。HTTP 是万维网数据交流的基础。 — 维基百科 相关规范: 超文本传输协议 -- HTTP/1.1 HTTP/2 统一资源定位符 (URL) 统0 码力 | 164 页 | 6.43 MB | 1 年前3
阮一峰 《ECMAScript 6入门》 第三版因为它本身就包含了一个状态信息,即目前是否处于暂停态。 Generator与协程 Generator 函数的语法 427 协程(coroutine)是一种程序运行的方式,可以理解成“协作的线程”或“协作的函 数”。协程既可以用单线程实现,也可以用多线程实现。前者是一种特殊的子例程, 后者是一种特殊的线程。 (1)协程与子例程的差异 传统的“子例程”(subroutine)采用堆栈式“后进先出”的执行方式,只有当调用的子 函数的调用者,才能将程序 的执行权还给 Generator 函数。如果是完全执行的协程,任何函数都可以让暂停的 协程继续执行。 如果将 Generator 函数当作协程,完全可以将多个需要互相协作的任务写成 Generator 函数,它们之间使用 yield 表示式交换控制权。 应用 Generator 函数的语法 428 Generator 可以暂停函数执行,返回任意表达式的值。这种特点使得 那么,有没有更好的写法呢? Generator 函数 协程 传统的编程语言,早有异步编程的解决方案(其实是多任务的解决方案)。其中有 一种叫做"协程"(coroutine),意思是多个线程互相协作,完成异步任务。 Generator 函数的异步应用 438 协程有点像函数,又有点像线程。它的运行流程大致如下。 第一步,协程 A 开始执行。 第二步,协程 A 执行到一半,进入暂停,执行权转移到协程0 码力 | 679 页 | 2.66 MB | 1 年前3
Hello 算法 1.1.0 JavaScript版所有工业领域,它要求我们在不同的优势和限制之间找到最佳平衡点。 总的来说,硬盘用于长期存储大量数据,内存用于临时存储程序运行中正在处理的数据,而缓存则用于存储 经常访问的数据和指令,以提高程序运行效率。三者共同协作,确保计算机系统高效运行。 如图 4‑10 所示,在程序运行时,数据会从硬盘中被读取到内存中,供 CPU 计算使用。缓存可以看作 CPU 的 一部分,它通过智能地从内存加载数据,给 CPU 提供0 码力 | 379 页 | 18.46 MB | 1 年前3
Hello 算法 1.2.0 简体中文 JavaScript 版所有工业领域,它要求我们在不同的优势和限制之间找到最佳平衡点。 总的来说,硬盘用于长期存储大量数据,内存用于临时存储程序运行中正在处理的数据,而缓存则用于存储 经常访问的数据和指令,以提高程序运行效率。三者共同协作,确保计算机系统高效运行。 如图 4‑10 所示,在程序运行时,数据会从硬盘中被读取到内存中,供 CPU 计算使用。缓存可以看作 CPU 的 一部分,它通过智能地从内存加载数据,给 CPU 提供0 码力 | 379 页 | 18.47 MB | 10 月前3
Hello 算法 1.0.0 JavaScript版存在于所有工业领域,它要求我们在不同的优势和限制之间找到最佳平衡点。 总的来说,硬盘用于长期存储大量数据,内存用于临时存储程序运行中正在处理的数据,而缓存则用于存储 经常访问的数据和指令,以提高程序运行效率。三者共同协作,确保计算机系统高效运行。 如图 4‑10 所示,在程序运行时,数据会从硬盘中被读取到内存中,供 CPU 计算使用。缓存可以看作 CPU 的 一部分,它通过智能地从内存加载数据,给 CPU 提供0 码力 | 376 页 | 17.57 MB | 1 年前3
阮一峰 JavaScript 教程JavaScript 代 多重继承 模块 对象的继承 - 466 - 本文档使用 书栈(BookStack.CN) 构建 码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分 工协作、进度管理、单元测试等等……开发者必须使用软件工程的方法, 管理网页的业务逻辑。 JavaScript 模块化编程,已经成为一个迫切的需求。理想情况下, 开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模0 码力 | 540 页 | 3.32 MB | 10 月前3
共 7 条
- 1













