ruoyxue

最近在看卡颂大佬的《React 设计原理》，看了第一章，就有一种醍醐灌顶的感觉，于是决定记录分享一下这一章的内容。...

如果你用过 React 或者想尝试 React，那么建议你使用 Next.js 来搭建 React 项目，本篇文章将带你详细了解 Next.JS 主要的一些功能，看它能给我...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...

逃不开的SSR，大掘金就是使用Nuxt的SSR，本篇文章对SPA单页面应用的的一些SEO痛点进行总结，再简单实现一下掘金PC界面，学习一下Next，冲！ 所以 一位程序员的...

5 个方法去避免 React 组件中不必要的重渲染。React 组件从开始到现在已经发展了很长一段时间。虽然如此，许多开发者发现还是很难去减少不必要的重渲染。但实际上是有很...

本文正在参加「金石计划」 原文来自我的个人博客 1. 编程风格 & 视图风格 1.1 编程风格 React 语法少、难度大；Vue 语法多，难度小 例如指令： Vue Re...

今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够...

React 是一个用户构建用户界面的 JavaScript 库。 随着项目工程复杂性的提高，页面响应速度和流畅性下降。Suspense 是 React 18 发布第一个功能...

利用`@reduxjs/toolkit`提供的`createAsyncThunk`接口，搭配`createSlice`接口中的`extraReducers`使用，实现Rea...

通过Redux Persist库，开发者可以将Redux存储保存在持久性存储中，例如，本地存储。因此，即使在刷新浏览器后，网站状态仍将被保留。Redux Persist还包...

强缓存 协商缓存 强缓存 基本流程 当一个浏览器第一次访问一个网站的时候，向该网站的服务器发送请求。...

前言 在Vue的最新官网文档中，细心的小伙伴会发现Vuex已经被Pinia给代替啦，于是我翻出我之前项目将Vuex也换成了Pinia进行了对比学习。 具体项目代码点这里🙋...

1. 什么是Pinia呢？ Pinia（发音为/piːnjʌ/，如英语中的“peenya” ）是最接近piña（西班牙语中的菠萝）的词； Pinia开始于大概2019年，最...

也许作者参加工作前几年度过的光阴和大部分同学情况一样，就是在日复一日的完成着上级分配的任务，那些任务是重复的，枯燥且乏味的。流程是固定的，是前辈长年积累的总结，是大部分同事...

如果你经常关注前端基础建设，相信你一定对抽象语法树（Abstract Syntax Tree，AST）技术并不陌生。在 Babel、Webpack、Eslint 等工具中，...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页...

React在写一个购物车的redux toolkit时遇到了问题。核心问题是reducer中不能既修改state，又return新值。修改后代码正常运行。...

简历的重要程度不亚于算法及八股文 马上就要到跳槽(卷)季了，好多猿们为此已经准备很长时间，背了很多八股文，也刷了很多算法，但是却了一个很重要的东西就是简历。简历如果没写好，...