2024年最新【精品】Redis在项目中的应用场景(1)，2024年最新吃透这份阿里P8纯手打Web前端面经

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

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

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

int类型：incr方法

以访问者的ip和其他信息作为key，访问一次增加一次计数，超过次数则返回false

示例：封锁某IP地址

Set 127.0.0.1 0

Incr 127.0.0.1 //每访问一次+1，当值超过阀值时，禁止访问

分布式全局唯一id

分布式全局唯一id的实现方式有很多，这里只介绍用redis实现

每次获取userId的时候，对userId加1再获取，可以改进为如下形式

直接获取一段userId的最大值，缓存到本地慢慢累加，快到了userId的最大值时，再去获取一段，一个用户服务宕机了，也顶多一小段userId没有用到

set userId 0

incr usrId //返回1

incrby userId 1000 //返回10001

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}

示例：电商商品筛选

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

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容