前端工程化

会议室:水晶厅
出品人:李玉北

本专题将甄选多个一线互联网企业经过实践检验的工程化方案,关注前端开发中的性能、稳... 展开 >

专题出品人:李玉北

字节跳动前端基础技术团队负责人

开源爱好者,热爱 JavaScript 社区,目前负责字节跳动前端基础技术团队。团队的职责是维护公司前端的技术设施和服务(例如:Node.js、Serverless、跨端解决方案等等),并同时打造下一代的 Web 开发引擎,重塑 Web 应用的开发流程。

地点:水晶厅

专题:前端工程化

本专题将甄选多个一线互联网企业经过实践检验的工程化方案,关注前端开发中的性能、稳定性、可用性提升及前端智能化与工程化结合等实践案例。

by 黄一君

苏宁
前端架构师

经过这么多年的发展,Node.js 技术栈逐渐成为前端工程化领域绕不开的一个话题,不管是使用其作为前后端职责分离下 API 自治的 BFF 层,还是拿来做前后端全包的全栈式开发,亦或者借助于 Electron 来编写桌面端应用,以及包括 webpack 在内的海量前端工程化脚手架工具,Node.js 已经事实上成为了广大前端工程师们手中的一把利剑,为我们探索更广阔的职能边界提供了富有想象力的空间。然而在这一探索的过程中,黑盒状态的 Runtime 本身,造成诸如内存泄漏和类死循环等线下难以复现的问题困扰着开发者,今天这个分享将从设计层面帮助大家搭建自己的专业性能监控体系,希望能构建起开发者对 Node.js 技术栈的信心。

内容大纲

1. Node.js 技术栈发展现状

  • 主要的应用范围
  • 给前端工程师带来的收益

2. 传统监控体系下 Node.js 应用面临的痛点

  • 进程级别信息细节缺失
  • 对线下无法复现的问题无能为力
  • 没有针对性的依赖安全漏洞扫描

3.针对上述痛点的解法(应用数据层)

  • 内核数据线程导出精准的进程 CPU、堆空间、GC 和 libuv 句柄细节
  • 控制信令线程调用 v8 调试能力实现对应用的在线状态导出
  • 基于 Addon 实现和基于 Runtime 实现的优劣对比

4. 围绕应用数据层如何从 0 开始搭建完备的性能监控体系

  • 设计监控服务端整体架构
  • 设计线下应用接入架构

5. 详解监控服务前端控制台核心模块与实现

  • 数据展示、文件管理、团队协作和运维告警等核心模块的前端的设计架构

6. 借助这套针对 Node.js 性能监控方案的实战案例

  • 内存泄漏问题定位
  • 类死循环问题导致的进程阻塞故障定位
  • 对线上进程进行 GC 调优

听众受益

1. 抛开具体的工具链了解到 Node.js 线上应用监控痛点底层逻辑与解法 

2. 如何从 0 开始完全自定义设计实现一整套完备的性能监控体系 

3. 如何借助于这套完全自定义的性能监控体系来处理线上疑难杂症 

4. 加强对 Node.js 技术栈的信心 

适合人群

工作中使用到全栈、BFF、游戏、Electron 等和 Node.js 技术相关的开发者,以及希望能更多了解 Node.js 这门技术的工程师,具备 Node.js 开发的基础知识即可。 

by 李玉北

字节跳动
前端基础技术团队负责人

越来越多的开源项目选择使用 Monorepo 的方式来管理代码,它本身有很多好处,但是在实际项目中使用的时候,同时也带来了很多的工程上的挑战,本次分享将为你介绍字节跳动的前端团队如何在工作中使用 Monorepo 来管理代码提升团队的协作效率。

听众受益

1. 了解到 Monorepo 的一些优势和不足

2. 学会如何将 Monorepo 实际应用到自己的工作中来

适合人群

对于前端工程化感兴趣的工程师。

by 郭启织(卡狸)

阿里巴巴
前端技术专家

当前互联网前端将大量人力投入在了复杂程度不高、但极其繁重的业务页面研发工作上。因为每年大促的考验,淘系营销域人力瓶颈问题尤为突出。为此,淘系前端技术部牵头的阿里前端智能化方向孵化出了 imgcook 智能化研发平台等一系列应用,期望在传统前端编程手段成本较高或无法处理的场景下,借助算法对规律和模式的理解,产出基于设计稿输入的最佳研发解题策略。今天的分享将详细讲解 imgcook 智能化与工程化手段融合而来的智能研发解决方案与探索思索,为业界带来全新的人力效能解题思路。

内容大纲

1. imgcook 背景

  • 快速体验 imgcook
  • imgcook 的发展历程简介
  • 前端与智能化行业提效分析

2. imgcook 工程解决方案

  • 我们提供了哪些场景解决方案
  • 核心解决方案的使用链路
  • 解决方案开放能力

3. imgcook 算法技术难点

  • 技术架构整体介绍
  • 设计稿信息分析技术体系(D2C)
  • UI 信息架构图与各层识别模型
  • 逻辑点分析与表达技术

4. 总结

• 未来规划

听众受益:

  • 如何看待智能化与传统工程手段的关系
  • imgcook 对问题推导过程和背后的 D2C 体系
  • 如何使用和自定义 imgcook 的解决方案

适合人群

业务一线前端开发以及对算法和新思维感兴趣的开发者等。

交通指南

上海虹口三至喜来登酒店

Beijing International Convention Center
地址:上海市四平路59号
  • 微信咨询

  • 电话咨询

    联系电话:86+ 17310043226

微信联系我们