【20200214评审】WecTeam 前端周刊：第 021 期

[qianguyihao]

前言

WecTeam 前端周刊 <github.com/wecteam/weekly>是由京东社交电商部维C团维护的技术周刊，每周从前端同学阅读的技术文章中精选而来，每周五出刊。第 021 期发布时间：2020-02-14。

更多「原创」前端技术文章，欢迎关注微信公众号「WecTeam」。

周刊文章

1、【原创】京东购物小程序购物车性能优化实践

本文作者@朱志玉。作为京东购物小程序黄金流程之一，购物车汇聚了大量的营销玩法，页面内容丰富多样。页面节点树庞大、千变万化的特点，导致性能问题比较突出且优化难度较大。在纯技术角度的性能优化达到瓶颈之后，我们开始尝试基于业务进行性能优化。

2、五种可视化方案分析 webpack 打包性能瓶颈

本文介绍了 5 种测量方案来对 webpack 打包性能进行分析，每种方案都提供了对包分析的不同视角。

要知道webpack构建该如何优化，最直观的方式是分析它的输出文件，但 webpack 打包后的文件非常大且可读性差，本文介绍了几种可视化的分析工具，帮助你快速定位问题所在。

3、前端的守望者：阿里岳鹰 Web 全景监控平台的建设之路

线上监控作为产品质量的最后一道屏障，其意义和影响都十分重大。阿里岳鹰团队从内部业务痛点出发，沉淀了一套 Web 前端全景监控方案。

4、美团开源 Logan Web：前端日志在 Web 端的实现

本文围绕 Logan 在 Web 端的应用背景、技术实现、美团点评的实践、开源整体进展以及未来规划这几个方面展开介绍，以方便读者对 Logan 大前端日志系统有更加深入的了解。

5、前端微服务在字节跳动的打磨与应用

本文讨论了微前端在字节跳动的应用情况，内容主要分析了微前端具体落地的步骤和两年来的使用情况。其中分析的部分主要讲到一些实际问题和我们的应对，落地情况强调了实现的过程。特别讲到很多在我们观念里面务必要提供的微前端基石，这些方面作为基础设施几乎是使用微前端的必要和前提条件。

6、使用Vue 3.0做JSX(TSX)风格的组件开发

react形式的Vue组件。

7、高质量前端快照方案：来自页面的「自拍」

HTML 转图片以及常见问题解决方案。

经典文章

当 SSR 遇上 Serverless，轻松实现页面瞬开

最近随着 Rax SSR 完成渲染性能 6x React 的提升，以及工程上 Serverless 发布形式的对接，我想是时候跟大家介绍下 Rax SSR 了。

傻傻分不清之 Cookie、Session、Token、JWT

前端的一些常见概念。

CSS 与网络性能

本文详细讲解了CSS样式加载的关键点在哪里，并详细分析了CSS和网络性能之间的关系。

资源

Node.js 在 2020 年有什么新东西

Node.js 社区每年都有增长势头，2020 年没有丝毫放缓的迹象。在 Node.js 的下一个主要版本中，正在研究许多有趣的特性。在本文中，将会探讨 Node.js 社区在 2020 年值得期待的一些重要更新。

当我在分享的时候，我在做什么？

文本从 Why、What、How 三个角度去说明做分享这件事，分别阐述为什么做分享，做什么分享，以及如何做分享。

逐行剖析 Vue.js 源码

加深对vue源码的理解。该项目在 GitHub 上也有同步。

CSS 故障艺术

很有趣的CSS特效实现，还有没用过的css属性。

[danielzhang5566]

《8、高质量前端快照方案：来自页面的「自拍」》
链接跳到奇舞了，原文来自网易云，地址是：https://musicfe.dev/canvas-snapshot/

[qianguyihao]

@zeakhold 好的，已更新。