W3C 的 HTML 5.2 3 级选择器 CSS 架构设计： 元素设计 [阅读] BEM ITCSS OOCSS [阅读] SMACSS [阅读][收费] 适用于CSS的可扩展模块化体系结构（ SMACSS ） [视频][收费] 学习 HTML 和 CSS 54 SUIT CSS rscss 设计/编写规范： CSS 编码指南 [阅读] css-architecture OS X、Windows、Linux、FreeBSD、 NonStop、IBM AIX、IBM z 和 IBM i 系统的 Node.js 环境中。 Node.js 由 Linux 基金会 的合作伙伴 Node.js 基金会所有并提供支持。 Node.js 采用基于事件驱动的架构和非阻塞的 I/O API 设计，以优化即时 Web 应用的吞 吐量和可扩展性。Node.js 使用 Google

此外，即使我们可利用公司内部的 Roo、MTDUI 等多端 UI 组件库来尽量抹平各端 的 UI 差异，但由于组件库在各端的实现不尽相同，很难做到完美的一致性体验。 1.1.2 提升多端迭代效率 由于各端技术体系的不同，涉及多端的需求往往需要不同的开发、测试团队各自完成 开发、联调、测试、上线等流程，占用资源巨大，在各团队不可并行支持的情况下， 前端 < 15 甚至可能导致整个业务交付周期被拉长。虽然 端支持，详细架构图如下图所示： 22 > 2021年美团技术年货 埋点库架构图 （2）各平台实现在 Web 侧无法对齐的场景，如路由库 MTFlutter 路由库是 Native 底层维护的一套全新的路由体系，依靠原生支持提供 了强大的定制化功能，而在 Web 端无法这些无法在各平台原生实现层达到 100% 支持。由于 MTFlutter Plugin 最终暴露的是 Plugin API，因此我们选择直接对齐 有较强的传播 属性，因此我们提供了站外分享的能力。 图 4 业务形态 为了实现多端（App、PC、H5）复用，提升研发效率，我们于 2021 年年初开始着 手 MTFlutterWeb 研发体系的建设。目前，我们基于 MTFlutterWeb 完成提效的业 务超过了 9 个，在 App 中，能够基于 FlutterNative 提供高性能的服务；在 PC 端和 Mobile 浏览器中，利用

跨平台开发 高效的开发体验 性能接近Native 1 2 3 Ø N倍平台产出 Ø 多端逻辑一致 效率 质量 目录 n 为何引入Flutter n 实践之旅 Ø 技术全景 Ø 工程体系接入 Ø 业务框架升级 Ø Android插件化 n 总结 先看一下全景 开发 工具链 一键集成 SDK版本 模板脚手架 BuildRunner FlutterBox 可视化工具 构建 视频 日志 全局数 据同步 插件 FlutterWeb 目录 n 为何引入Flutter n 实践之旅 Ø 技术全景 Ø 工程体系接入 Ø 业务框架升级 Ø Android插件化 n 总结 第一步 当 我 跨 出 第 一 步 工程体系接入 n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 反射修改路径 目录 n 为何引入Flutter n 实践之旅 n 总结 主要分享了 总结 技术全景 - 分层和工具链 Flutter Android插件 - 资源和libapp加载 工程体系接入 - 通过丰富脚本工具 满足复杂工程需求 业务框架升级 - 传统到现代 - tieba_redux n 主版本：一键签到，吧详情，粉丝列表等 n 内部版（纯flutter版） ： Android，iOS，iPad

Why is Midway Egg 有⾃自⼰己解决的东⻄西 Midway 解决的痛点不不同，不不是⾮非常适合我们的情况 Egg 是个好框架 by TypeScript TS 定位不不同 在内部体系中，Egg作为底层框架，不不直接使⽤用 TS 场景不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 TS 场景不不同 Egg 解决的是 BFF 场景，⽽而淘宝有不不少全栈场景 1、体验⼀一致，⽅方便便代码模块迁移 2、跨平台发布 实现⼩小⽽而美 TS Midway-FaaS 实现⼩小⽽而美 Midway For Egg 600 line 符合全栈场景的框架， ⽀支持 egg 插件体系的完 整版本。 Midway For Koa 220line ⽀支持 koa 作为基础框架， 包含最简单单进程场景的 midway 适配版本。 Midway For Express Midway

PWA 概念并实现相关技 术之后，成功地引起并持续 性受到前端业界的关注。本 次分享将介绍 PWA 技术的 业务实践经验与问题分析。 张成文 张成文，前IMWEB团队成员，对现代前端技术 体系有较深的理解，曾参与腾讯课堂、手Q会 员，吃喝玩乐，now直播等多项业务，具有较 丰富架构经验，著有书籍《现代前端技术解 析》 React组件的运行质 量监控方案 主要讲解react组件异常日志 js请求抓包工具的原理，该工具可以 将单次用户访问涉及到的所有请求打包成 Fiddler可以查看的saz包，下载到本地进行查 看和重放调试。 TSW抓包原理解析 1. 工具的背景和诉求 2. 染色体系建立 3. 请求包体记录 4. 打包下载查看 jackqqxu(徐杰) 徐杰，腾讯Web前端高级工程师，QQ空间个性 化商城主要开发者 2011年入职腾讯，期间负责flash游戏，支付官

Offer ，但会引导你探索数据结构与算法的“知识地 图”，带你了解不同“地雷”的形状大小和分布位置，让你掌握各种“排雷方法”。有了这些本领，相信你可以 更加得心应手地刷题与阅读文献，逐步搭建起完整的知识体系。 书内的代码配有可一键运行的源文件，托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限，可前往 hello‑algo.com 网页版获得更好的阅读体验。 有少量刷题，对数据结构与算法有朦胧的理解，在 会与不会之间反复横跳，那么这本书就是为你而写！ 如果您是「算法老手」，已经积累一定刷题量，接触过大多数题型，那么本书可以帮助你回顾与梳理算法知识 体系，仓库源代码可以被当作“刷题工具库”或“算法字典”来使用。 如果您是「算法大佬」，希望可以得到你的宝贵意见建议，或者一起参与创作。 � 前置条件 您需要至少具备任一语言的编程基础，能够阅读和编写简单代码。 的困扰点，但这是很正常的，请不要担心。学习中 有一种概念叫“周期性回顾”，同一道题隔段时间做一次，在重复 3 轮以上后，往往就能牢记于心了。 3. 搭建知识体系。在学习方面，可以阅读算法专栏文章、解题框架、算法教材，不断地丰富知识体系。在 刷题方面，可以开始采用进阶刷题方案，例如按专题分类、一题多解、一解多题等，相关刷题心得可以 在各个社区中找到。 作为一本入门教程，本书内容主要对应“第

Offer ，但会引导你探索数据结构与算法的“知识地 图”，带你了解不同“地雷”的形状大小和分布位置，让你掌握各种“排雷方法”。有了这些本领，相信你可以 更加得心应手地刷题与阅读文献，逐步搭建起完整的知识体系。 书内的代码配有可一键运行的源文件，托管在 github.com/krahets/hello‑algo 仓库。动画在 PDF 内的展示 效果有限，可前往 hello‑algo.com 网页版获得更好的阅读体验。 有少量刷题，对数据结构与算法有朦胧的理解，在 会与不会之间反复横跳，那么这本书就是为你而写！ 如果您是「算法老手」，已经积累一定刷题量，接触过大多数题型，那么本书可以帮助你回顾与梳理算法知识 体系，仓库源代码可以被当作“刷题工具库”或“算法字典”来使用。 如果您是「算法大佬」，希望可以得到你的宝贵意见建议，或者一起参与创作。 � 前置条件 您需要至少具备任一语言的编程基础，能够阅读和编写简单代码。 的困扰点，但这是很正常的，请不要担心。学习中 有一种概念叫“周期性回顾”，同一道题隔段时间做一次，在重复 3 轮以上后，往往就能牢记于心了。 3. 搭建知识体系。在学习方面，可以阅读算法专栏文章、解题框架、算法教材，不断地丰富知识体系。在 刷题方面，可以开始采用进阶刷题方案，例如按专题分类、一题多解、一解多题等，相关刷题心得可以 在各个社区中找到。 作为一本入门教程，本书内容主要对应“第

B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面 – ExtJS ⽤用JS封装界⾯面组件 – Flex等 脱离HTML体系，另辟蹊径 • 业务逻辑 – 放后端⽐比放前端的多。。。 流⾏行过什么样的技术 单页应⽤用 • 传统企业应⽤用 – 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面

作为⼩小程序应⽤用开发框架，mpvue 具有什什么特点？为开发者 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue

Mac / Window / Linux Nginx / CDN 关注点 进程通信，内存管理理，版本管理理， 性能及Crash监控…… 兼容，DOM，组件、性能，…… Electron应⽤用技术体系推荐 检查\测试 打包构建 开发调试 devtron Vue-devtools Electron —inspect ESLint webpack ⼯工程化 DevOps平台 监控平台