追上那个逼

react router(react-router-dom) 和 vue router 都提供了一套 路由管理机制 帮助我们在 单页面应用 中管理 页面跳转。 尽管它们两个的 应用场景 不同，但是我们还是可以对它们做一些分析比较。 不管是 vue router 还是 react…

在一个典型的 React 应用 中，数据是通过 props 属性自上而下（由父及子） 进行传递的，但这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题），这些属性是应用程序中许多组件都需要的。Context 提供了一种在组件之间 共享 此类值的方式，而不必 …

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

本文使用「署名 4.0 国际 (CC BY 4.0)」 许可协议，欢迎转载、或重新修改使用，但需要注明来源。