- 博客(11)
- 收藏
- 关注
原创 防抖节流详细用法和区别 - 详解版
前言防抖节流是个老生常谈的话题,也是面试出现频率极高的问题。对于防抖节流,网上资料很多,但是感觉好多文档讲的不是很清晰。本文将从防抖节流概念开始,到具体实现的代码解析,一步一步讲述如何实现防抖节流,如有不同的意见欢迎讨论。本次讲解防抖节流将使用vue方式,但是其核心代码跟普通js代码一致,看具体需求对应实现即可。防抖节流概念应用场景实现方式概念防抖:规定时间内只触发一次,在规定时间内触发,会取消原来计时,开始重新计时。节流:规定时间内只触发一次。如果规定时间内再次触发,则什么都不做,也不.
2022-03-10 19:24:33
2462
1
原创 vue+websocket+nodejs创建聊天室- 创建群聊、加入群聊
前言前几篇我们讲了如何创建聊天室,一对一/一对多聊天,以及加已读未读消息状态。这篇主要讲如何创建群聊和加入群聊。还是跟之前一样,本文只写新加入的逻辑,之前逻辑请查看之前文章。PS:效果稍微有点粗糙哈哈,不要在意这些细节~先看效果:大概思路:通过传不同类型的type,区分是创建群还是添加群。1、如果是10,创建群聊,我们就将群名称,以及生成的群id,存入groups里面,并且把创建群聊的人默认加入到群2、如果是20,加入群聊,我们根据要加入的群id,找到对应的群,并把需要加入的人,加
2022-03-06 20:34:33
3954
1
原创 vue+websocket+nodejs实现聊天室 - 消息已读未读
前言上一篇讲了聊天室增加一对一单聊,这次讲如何新增已读未读状态。大概思路:服务器返回消息列表,增加参数status为1,单聊和群聊通过过滤状态区分对应未读数量,当前聊天,直接在currentMessage里面设置status为0即可。效果图:上代码:服务端:其他的跟之前都一样,只是type为2时候,新增了status:1 ... broadcast({ type: 2, nickname: obj.nickname, uid: obj.uid,
2022-03-06 18:10:11
6116
原创 vue+websocket+nodejs实现聊天室 -一对多、一对一聊天
前言:上篇我们讲了如何使用vue+websocket加nodejs搭建一个聊天室,下面我们在该聊天室基础上增加了一对一单聊功能。支持一对一单聊,一对多群聊。...
2022-03-06 16:46:18
9179
5
原创 vue+websocket+nodejs创建聊天室
前言上一篇我们已经讲了如何使用websocket结合ndde.js实现双向通信。下面我们来讲下,通过websocket和nodejs-websocket,构建一个小型聊天室。先讲下大概思路:客户端需要传给服务器当前登陆者的昵称和uid,服务端收到数据后,把信息同步广播给当前聊天室内的所有人。...
2022-03-04 16:44:14
2938
5
原创 websocket结合node.js实现双向通信
首先我们需要了解,什么是websocket,它的作用和优势是什么,为什么要用它。什么是websocket?websocket是基于TCP的一种双向通信协议。在此之前,一直是采用轮询的方式进行双向通信,这种方式效率低下还非常浪费资源。为了解决这种问题,websocket应运而生。特点:双向通信websocket使得客户端跟服务端之间交换数据变得更加简单。允许服务器主动向客户端推送数据。浏览器只需要和服务器完成一次握手,就可以创建持久性的连接,并进行双向数据传输。实时性强服务器可以主动给客户
2022-03-03 17:42:03
2894
原创 vue项目默认关联git分支master改为main并正确提交
vue项目创建后,默认关联git分支master改为main,并正确提交到远程仓库。
2022-03-02 18:34:16
1068
原创 手把手教你创建vue cli3.0项目
1、全局安装@vue-cli:npm insall -g @vue/cli如果安装了淘宝镜像,建议使用cnpm下载。安装成功后,可以通过 vue -V 查看下载的@vue/cli版本号。2、创建项目vue create myProject
2022-03-02 15:50:05
2911
1
原创 秒杀业务介绍
秒杀系统的实现秒杀的概念使用技术点优化和预防参考地址一、概念所谓“秒杀”,就是网络卖家发布一些超低价格的商品,所有买家在同一时间网上抢购的一种销售模式。通俗一点就是网络商家为促销等目的组织的网上限时抢购活动。由于商品价格低廉,往往已上架就被抢购一空,有时只用一秒钟。相关业务场景:淘宝京东双11秒杀、日常秒杀活动;12306抢票特点:1、特定时间内,用户同一时间进行抢购,网站流量激增;2、秒杀请求数量远远大于库存量;3、抢购支付成功从数据库减少库存注意点:高并发、超卖、接口防刷
2022-03-01 18:21:37
1828
2
原创 对computed的深刻理解和跟methods、watch、filter之间的区别
**computed概念 **computed是vue框架里的一个计算属性,类似过滤器,对绑定到view的数据进行处理。它里面的变量不在data里声明,直接在computed里定义。computed里的成员可以只定义一个函数作为只读属性,也可以定义get/set变成可读属性。...
2022-03-01 17:19:49
606
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人