诺奕

对于任何一端的应用生产中的灰度机制都异常重要，可以大幅提高应用生产业务中的可用性和可控性，对于复杂度较高的业务意义更加重大。根据文章标题应该很多前端同学心里已经开始在构想各路骚操作的实现方式，先不着急

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

开始正文前先介绍一下相关概念，熟悉的读者可以略过。 前端埋点：一种收集产品数据的方式，它的目的是上报相关行为数据，相关人员以数据为依据来分析产品在用户端的使用情况，根据分析出来的结果辅助产品优化、迭代。 BI：商业智能，公司内部做数据分析相关的部门。 平时我们在完成基础的业务需…

长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…

前言但是page-skeleton-webpack-plugin需要puppeteer这个依赖，这玩意会导致整个项目在开发阶段很笨重,而且不是所有的页面都要用到骨架屏，后面找了套方案，决定使用谷歌插件

最近在做线上项目的首屏加载时长优化，查阅了大量的资料，也较为完整的整理了一遍之前的碎片知识点，本来计划只在团队内部做一次技术分享，但是后来一想，不如直接分享出来，说不定就会对哪位同学有一点点帮助呢。 更重要的是，由于水平和精力有限，文章中难免会有纰漏，分享出来也方便大家斧正，毕…

一、微前端微前端架构应用自治单一职责技术栈无关为什么需要微前端遗留系统迁移后端解耦，前端聚合热闹驱动开发二、微前端的技术拆分方式路由分发式：通过HTTP服务器的反向代理功能，将请求路由映射到对应的应用