编辑推荐
字节的前端监控 SDK 是怎样设计的
我们设计了五个角色，每个角色只需要实现约定的接口即可。这样就保证了不同的环境下，各个角色合作的方式是相同的，在实现了一套内核模版后，不同的监控 SDK 就可以快速搭建出来。
Cloud IDE 的迷茫与希望
在这个领域探索了八年，看到各式各样的产品熙熙攘攘，来来往往，就像飘在空中的蒲公英，看着很近就是抓不着。Cloud IDE 的故事必将继续，新事物的产生必定有很多没有结果的探索，都值得尊重。与此同时，我们是不是可以对未来的编程场景想象得更大胆一点，或许它就不该长得像个 IDE。
程序员如何寻找技术突破、体现技术价值？
笔者作为鹅厂行家平台的咨询老师以及前端技术专家，总结了两个大家关心的问题：
-
如何寻找技术突破：从事前端开发多年，技术进步遇到瓶颈，一直在做螺丝钉的工作，且有一些年龄焦虑。
-
如何体现技术价值：不善言辞，不知道如何在技术答辩或者交流时突出自己的工作亮点。
深度阅读
【万字】优化Webpack？肘，跟我进屋聊聊
Webpack 官网介绍了很多优化它的方法，虽然量大管饱，但不够体系化。因此我打算将常用的方法归纳起来，从优化开发体验，提升构建速度，减少构建体积，优化应用性能这四个维度逐一介绍 Webpack 的优化。
React Fiber架构原理剖析
相比传统的 Stack 架构，Fiber 将工作划分为多个工作单元，每个工作单元在执行完成后依据剩余时间决定是否让出控制权给浏览器执行渲染。 并且它设置每个工作单元的优先级，暂停、重用和中止工作单元。 每个 Fiber 节点都是 fiber tree 上的一个节点，通过子、兄弟和返回引用连接，形成一个完整的fiber tree。
活动搭建平台的前端“开放性”建设探索
开放性建设是双向促进的，既能给开发同学带来方便和最佳实践，同时也在反向推动“乐高”平台的优化，给运营同学带来诸多方便。乐高的开发是不断地发现和总结来自于现实的问题，提取问题的本质，抽象化问题，具象化解决方案，来逐步优化和扩展平台，这样才能在有限的资源下推动平台创造更大的价值。
可视化全链路日志追踪
本文的“可视化全链路日志追踪”，结合日志（Logging）与追踪（Tracing），我们提出了一套新的业务追踪通用方案，通过在业务执行阶段，结合完整的业务逻辑动态完成日志的组织串联，替代了传统方案低效且滞后的人工日志串联，最终可以实现业务全流程的高效追踪以及业务问题的高效定位。此外，在指标（Metrics）方向上，点评内容平台实践落地了“可视化全链路指标监控”，支持实时、多维度地展示业务系统的关键业务和技术指标，同时支持相应的告警和异常归因能力，实现了对业务系统整体运行状况的有效把控。
外文精选
Great engineering cultures are built on social learning communities
For a successful Agile and DevOps practice, organizations need to think beyond tooling. Engineering organizations need a strong community of practice culture that supports the collecting and distributing of knowledge, greater cross-organizational collaboration, and breaks down the silos that can happen in companies of all sizes.
Building Modern Web Applications Faster With Bud
Bud is a brand-new Web framework. It takes the best of Go and JavaScript to help developers focus on solving actual problems without worrying about type safety, performance, or deployment.
实践应用
图文并茂，讲解 TCP 和 UDP 协议的原理以及区别
TCP 传输数据稳定可靠，适用于对网络通讯质量要求较高的场景，需要准确无误地传输数据给对方，比如，传输文件，发送邮件，浏览网页等等
UDP 的优点是速度快，但是可能产生丢包，所以适用于对实时性要求较高但是对少量丢包并没有太大要求的场景。比如：域名查询，语音通话，视频直播等。UDP 还有一个非常重要的应用场景就是隧道网络，比如：VPN, VXLAN
一文彻底搞懂迭代器与生成器函数
- 迭代器是什么，为什么会有迭代器？
- 生成器又是什么，它解决了什么样的问题？
- 以实际例子阐述迭代器与生成器