从Javascript角度出发 经典面试题目，面向对象三大特性是什么？ 答曰：继承、多态、封装 确实，在很多老牌语言中，面向对象都代表着Class这一写法，比如个人之前做的PHP，比如Java等等，其使得...

路由概念 核心： 改变 URL ，但是页面不进行整体的刷新 作用：维护 URL 和渲染页面的映射关系 目的： 通过 JavaScript 监听 URL 的改变，并且根据 URL 的不同重新渲染页面 改变 URL 但不刷新页...

为什么需要Hook Hook 是 React16.8 的新增特性，可在不编写 class 组件的情况下，使用 state 以及其他 React 特性 class 组件相对于函数式组件的优势 从状态维护角度来说： class 组件可以定义 ...

React16.8之前Class组件的优势 class组件组件可以定义自己的state， 有自己的生命周期如在componentDidMount中发送网络请求，并且该生命周期函数只会执行一次 在状态改变之后只会重新执行render...

近期，我在做一个项目。老板希望我们的产品在不同的设备上都能有良好的用户体验，同时，为了节省人力成本，希望在同一套代码上去针对不同的屏幕尺寸去做样式适配。因为我选择了 tailwindcss 作...

性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个...

前言 首先声明，没有标题党哈！ 以下我知道的国内知名react组件库全部都有这个bug，你们现在都能去复现，一个提pr的好机会就让给你们了，哈哈！复现组件库： 阿里系：ant design, fusion design...

异步数据流(redux-thunk) 网络请求可以在类组件的 componentDidMount 中发送，所以可以有这样的结构：  componentDidMount() {    axios.get(url).then(res => {      const banners =...

RTK工具包 Redux Toolkit 是官方推荐用于编写 Redux 逻辑的工具包 由于 Redux 的逻辑编写过于繁琐，并且代码通拆分在多个文件中，Redux Toolkit 旨在成为编写 Redux 逻辑的标准方式，从而解决代...

为什么需要Redux 随着 JavaScript 单页应用日趋复杂，需要管理的状态或事件处理函数也越来越多，而且逐渐难以管理 其中包括服务器返回的数据、缓存数据、用户操作产生的数据等，也包括一些 UI ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：景明 升级背景 目前公司产品有关 react 的工具...

React中的CSS css 一直是 React 的痛点，在这一点上，Vue 的做法好于 React Vue 通过在 .vue 文件中的 <style> 标签来编写样式 通过 scoped 属性来决定样式是全局还是局部有效 通过 lang ...

维护 React 内部组件库注意事项 Gabe Scholz 发表于 2022年6月16日 自2021年11月起，我一直在 DigitalOcean 的 UI 基础架构团队工作。我的主要职责之一是担任 React 内部组件库 Walrus 的主要维...

背景：作为使用三年 react.js 的搬运工，目前正在积极学习 vue.js 语法，而在学习的过程中，总是喜欢和 react.js 进行对比，这里也不是说谁好谁坏，而是怀有他有我也有，他没我还有的思想去学习...

什么是react-redux React Redux是一个用于在React应用程序中管理应用状态的库。它建立在React和Redux两个库的基础上，用于更有效地管理和更新应用程序的状态，并帮助组织复杂的应用逻辑。 以下...

前言 本文将使用微前端架构和模块联邦构建可扩展和高效的Web应用程序的概述，并提供了一个简易教程，教你如何使用React中的模块联邦构建微前端。一步一步搭建一个ikun之家。 什么是微前端？ 微...