0o华仔o0

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

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

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

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

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

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

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

使用 react 构建 单页面应用 时，离不开 react-router 的配合。通过 react-router， 我们可以建立 路由和组件(页面)之间的映射关系。当 切换路由 时，将匹配的组件(页面) 渲染到对应的位置。 官网 提供了 react-router 的 两个版本：…

redux 和 vuex 都提供了一套 状态管理机制 帮助我们在 单页面应用 中管理 公共状态- state。 尽管它们两个的 应用场景不同，但是我们还是可以对它们做一些分析比较。 两者的 状态管理机制 都是基于 状态、状态更新、触发状态修改 这三个要素进行的。 这三个要素，在…