转转前端周刊第117期: 腾讯文档前端工程架构改造实践

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、腾讯文档前端工程架构改造实践

腾讯基础开发中心负责维护着腾讯文档除编辑器外的大部分业务， 包括 90+ npm 包与 170+ 的 CDN 组件，还有六个 application 服务，散落在七个业务仓库中。随着业务量和开发同学的逐渐增多，基础设施的不完善导致导致开发效率越来越低，一个业务需求需要横跨两三个仓库是常事。代码只需要写一行，发布测试包，更新版本，部署环境这些反而需要一小时，大伙苦不堪言。而且多仓库的基础设施维护也成本越来越高，如何提高多项目的开发效率，降低维护成本，成为了急需解决的问题。

2、审核平台前端新老仓库迁移

审核平台接入50+业务，提供在线审核及离线质检、新人培训等核心能力，同时提供数据报表、资源追踪、知识库等工具。随着平台的飞速发展，越来越多的新业务正在或即将接入审核平台，日均页面浏览量为百万级别。如今审核平台已是公司内容生产链路上的关键一环，是保障内容安全的重要防线，因此稳定性至关重要。过去一年我们曾对前端项目进行框架升级，考虑风险与成本最小化，选择了渐进式升级，利用微前端实现Vue2和Vue3共存，新接业务在Vue3仓库中开发。经过一年的迭代，Vue3项目趋于稳定，沉淀了大部分通用能力。为了降低多仓库维护心智，同时解决核心模块的技术债务，考虑将剩余活跃代码进行重构并迁移至新仓库。

3、前端搭建平台进阶：低代码与零代码的结合

本文将介绍如何对现有的低代码平台进行升级，实现零代码开发。让后端同学或者非技术用户也能轻松参与到页面的构建中。本文档旨在为技术和非技术人员提供思路和实践，利用这些平台解决常见的业务需求，提高工作效率。

4、3.40秒到231.84毫秒，我的前端性能瓶颈分析全流程

工作中发现了一个下拉框打开的数据比较慢，并且打开弹框的时候会有相当长一段时间的延迟，下拉的弹框不是使用组件库的，而是自己封装的一个组件，怀疑存在数据量过大影响的情况，所以借助性能分析工具来找出具体的原因。

5、纯 CSS 检测滚动的速度和方向

我们经常会碰到这样的场景，很多网页会在右下角放一个固定入口，有可能是返回顶部，有可能广告，为了避免干扰，在页面滚动时，会把这些入口临时收起来，停止滚动后再出现，就像这样