2024年前端最全【精品】Redis在项目中的应用场景，作为一名web前端面试者你应该知道的技能

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Hash

---

redis的散列可以让用户将多个键值对存储到一个Redis的键里面，散列非常适用于将一些相关的数据存储在一起。类似map的一种结构，将结构化的数据，比如一个对象（前提是这个对象没嵌套其他的对象）缓存到redis中，以后每次读写内存时，就可以操作hash里的某个字段

示例：

// 存储用户信息，比如保存name,age：

hset(user:1001,name,“zhangsan”)

hset(user:1001,age,18)

hget(user:1001,name) //获取

hset(user:1001,name,“张三”) //修改

示例： 购物车，采用String 或hash实现：

• key：用户id；field：商品id；value：商品数量。

• +1：hincr。-1：hdecr。删除：hdel。全选：hgetall。商品数：hlen。

List

---

模拟消息队列：

实现最新消息的排序

使用push将任务存在List中

使用pop将任务从List中取出

应用：模拟电商中的秒杀功能

示例：

在list里面一边进，一边出即可

实现方式一

lpush key value //一直往list左边放

brpop key value 10

//key这个list有元素时，直接弹出，没有元素被阻塞，直到等待超时或发现可弹出元素为止，上面例子超时时间为10s

实现方式二

rpush key value

blpop key value 10

示例：新浪/Twitter用户消息列表

// 假如用户li关注了2个微博a和b

// a发了一条微博（编号为100）就执行如下命令：

lpush msg::li 100

// b发了一条微博（编号为200）就执行如下命令：

lpush msg::li 200

// 假如想拿最近的10条消息就可以执行如下命令（最新的消息一定在list的最左边）：

lrange msg::li 0 9 //下标从0开始，[start,stop]是闭区间，都包含

Set

---

无序集合，自动去重，将数据放到set中就可去重，可以基于JVM的HashSet去重，如果系统部署在多台机器上，就可以用redis进行全局去重。

可以基于set做交集，并集，差集的操作。

应用举例：

• 将每个人的好友存在Set中，可避免重复

• 求两个人的共同好友，使用sinter求交集

示例：点赞、签到、打卡

假如微博ID是t1001，用户ID是u3001。用 like:t1001 来维护 t1001 这条微博的所有点赞用户，则：

sadd like:t1001 u3001 //点赞了这条微博

srem like:t1001 u3001 //取消点赞

sismember like:t1001 u3001 //是否点赞

smembers like:t1001 //点赞的所有用户

scard like:t1001 //点赞数

示例：实现点赞，签到，like等功能

// 1001用户给8001帖子点赞

sadd like::8001 1001

srem like::8001 1001 //取消点赞

sismember like::8001 1001 //检查用户是否点过赞

smembers like::8001 //获取点赞的用户列表

scard like::8001 //获取点赞用户数

示例：实现关注模型，可能认识的人

• seven关注的人：sevenSub -> {qing, mic, james}

• 青山关注的人：qingSub->{seven,jack,mic,james}

• Mic关注的人：MicSub->{seven,james,qing,jack,tom}

//返回sevenSub和qingSub的交集，即seven和青山的共同关注

sinter sevenSub qingSub -> {mic,james}

// 我关注的人也关注他,下面例子中我是seven

// qing在micSub中返回1，否则返回0

sismember micSub qing

sismember jamesSub qing

// 我可能认识的人,下面例子中我是seven

// 求qingSub和sevenSub的差集，并存在sevenMayKnow集合中

sdiffstore sevenMayKnow qingSub sevenSub -> {seven,jack}

示例：电商商品筛选

每个商品入库的时候即会建立他的静态标签列表如，品牌，尺寸，处理器，内存

// 将拯救者y700P-001和ThinkPad-T480这两个元素放到集合brand::lenovo

sadd brand::lenovo 拯救者y700P-001 ThinkPad-T480

sadd screenSize::15.6 拯救者y700P-001 机械革命Z2AIR

sadd processor::i7 拯救者y700P-001 机械革命X8TIPlus

// 获取品牌为联想，屏幕尺寸为15.6，并且处理器为i7的电脑品牌(sinter为获取集合的交集)

sinter brand::lenovo screenSize::15.6 processor::i7 -> 拯救者y700P-001

Zset

---

排序的set，可以去重还可以排序

以某一条件为权重，进行排序：写进去的时候给一个分数，自动根据根据分数排序，分数可以自定义排序规则

redis的zset天生是用来做排行榜的、好友列表, 去重, 历史记录等业务需求

应用举例：

• 电商商品综合排名

• 按价格排名

示例：

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总