百应前端团队

本文是学习 react 以后的一些知识点梳理，旨在能帮助自己随时复习。总结梳理的不一定全面到位准确，仅供参考。 一个组件从 template 到最后的 dom 节点 要经历两个过程： react render 和 react commit。 react commit，即 提交阶…

1. 使用 chrome 浏览器打开一个页面， 要启动哪些进程？ 打开 chrome浏览器 时，启动的 进程 包括: 一个浏览器主进程、一个GPU进程、一个网络进程、多个渲染进程、多个插件进程。 浏览器主进程。 主要负责 界面展示、用户交互、子进程管理，同时 提供存储功能 等，…

表示 元素内部的宽度（高度），该属性 包括内边距，不包括滚动条、边框、外边距。 表示 元素的布局宽度（高度），包含元素的边框、内边距、滚动条、内容区宽度，不包括外边距。 返回元素的 内容区宽度（高度） 或者 本身宽度（高度） 中更大的那个值。 元素内容的顶部 到 元素可见区的顶…

最近，项目组在针对原来的老项目做技术栈升级工作，升级的主要内容是 react 和 antd。经过讨论，最后采取的技术方案是使用 qiankun。具体实施方案为先基于 qiankun 构建一个主应用，然后再部署一个新的子应用，新的子应用使用最新版本的 react、antd 逐步重…

相信使用过 webpack 的小伙伴，对 tree shaking 功能都不会陌生。tree shaking, 通常用于移除 javascript 上下文中未使用的代码(dead-code)。 tree shaking，可以有效减小最后打包文件的体积。因此在 webpack 打…

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业务的不断发展，应用开始变得庞大臃肿，逐渐成为一个巨石应用，难以维护不说，每次开发、上线新需求时还需要花费不…

通过对上一篇微前端学习系列(一): 微前端介绍学习，相信大家对微前端及当前流行技术方案已经有了一个初步的认识了吧。本文将在上一篇的基础上，就 single-spa 方案从用法、常用API、实现原理等方面进行详细梳理，希望能给到大家一定的帮助。 在开始之前，我们先做一个简单回顾。…

由于 qiankun 是在 single-spa 的基础上做的二次开发，所以 qiankun 的用法和 single-spa 基本一样，也分为 application 模式和 parcel 模式。application 模式是基于路由工作的，它将应用分为两类：基座应用和子应用。…

虽然知道从 16 版本以后，React 采取了双缓存 fiber tree，但一直对双缓存 fiber tree 存在的意义不是很理解。琢磨了一段时间，感觉也没有必要采用双缓存 fiber tree，