前端好有趣

前言 自从新的context API和hook特性相继出来后，江湖上类似于“我们再也不需要redux”，“redux已死”的论调甚上尘嚣。如果不能在使用redux的过程中，...

react-router-dom6 路由懒加载与组件懒加载 本文教学如何配置最新路由的懒加载 以及 组件懒加载 组件懒加载 组件引入方式 需要用到懒加载的组件：此时我这个组...

Redux是一个强大的JavaScript状态管理库，它被广泛应用于React和其他前端框架。然而，Redux的繁琐和冗长的代码编写方式一直以来都是开发者们所诟病的。为了解...

安装React路由插件 在src目录下创建router文件夹并创建index.js文件 在创建的index.js文件中引入所需文件 代码展示 创建子路由，搭配<Outlet...

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项...

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用...

最新的React-Router V6使用介绍 V6版本与原有V5版本的比较 <Link to> <Navigate> <Routes>...

0 - 1 运用 redux-toolkit ，内含 demo ，简单实现在项目中运用redux-toolkit...

笔者今年2022寒冬下成功跳槽了阿里，本文主要给大家分享，在2022寒冬下我成功面试阿里、字节的面经总结，希望能给正在找工作的同学们一点帮助；还请多多点赞+收藏~...

selector是我们编写的一个小函数,接受整个Redux的state,并从中返回挑选出的值. 你知道mapStateToProps是如何工作的吗?了解它是如何接受整个st...

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，...

如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。 JavaScript 工具缓慢而稳定地在市场中扎根，对...

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到...

一般来说，解决问题的方法不止一种。我们需要学习如何比较不同算法的性能，并选择最佳算法来解决特定的问题。一个算法的好坏，我们可以从时间和空间两个维度去衡量。并且，一般分为两个...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中...

前言（本文背景） 网上有很多讲解 Event Loop 的文章，但大多数都过于片面，少数相对全面的也仍有一些知识盲区，甚至一些文章还传播错误的知识，结果就是让我们 似懂非懂...

Reflect 概述 Reflect对象与Proxy对象一样，也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 （1） 将Object...

XMLHttpRequest 对象 简介 浏览器与服务器之间，采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服...

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝...