vue
文章平均质量分 69
xiaoyingyings
想要创造更好的未来,越要认真对待每一个现在。
展开
-
防抖节流详细用法和区别 - 详解版
前言防抖节流是个老生常谈的话题,也是面试出现频率极高的问题。对于防抖节流,网上资料很多,但是感觉好多文档讲的不是很清晰。本文将从防抖节流概念开始,到具体实现的代码解析,一步一步讲述如何实现防抖节流,如有不同的意见欢迎讨论。本次讲解防抖节流将使用vue方式,但是其核心代码跟普通js代码一致,看具体需求对应实现即可。防抖节流概念应用场景实现方式概念防抖:规定时间内只触发一次,在规定时间内触发,会取消原来计时,开始重新计时。节流:规定时间内只触发一次。如果规定时间内再次触发,则什么都不做,也不.原创 2022-03-10 19:24:33 · 2129 阅读 · 1 评论 -
vue+websocket+nodejs创建聊天室- 创建群聊、加入群聊
前言前几篇我们讲了如何创建聊天室,一对一/一对多聊天,以及加已读未读消息状态。这篇主要讲如何创建群聊和加入群聊。还是跟之前一样,本文只写新加入的逻辑,之前逻辑请查看之前文章。PS:效果稍微有点粗糙哈哈,不要在意这些细节~先看效果:大概思路:通过传不同类型的type,区分是创建群还是添加群。1、如果是10,创建群聊,我们就将群名称,以及生成的群id,存入groups里面,并且把创建群聊的人默认加入到群2、如果是20,加入群聊,我们根据要加入的群id,找到对应的群,并把需要加入的人,加原创 2022-03-06 20:34:33 · 3817 阅读 · 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 · 5804 阅读 · 0 评论 -
vue+websocket+nodejs实现聊天室 -一对多、一对一聊天
前言:上篇我们讲了如何使用vue+websocket加nodejs搭建一个聊天室,下面我们在该聊天室基础上增加了一对一单聊功能。支持一对一单聊,一对多群聊。...原创 2022-03-06 16:46:18 · 8787 阅读 · 5 评论 -
vue+websocket+nodejs创建聊天室
前言上一篇我们已经讲了如何使用websocket结合ndde.js实现双向通信。下面我们来讲下,通过websocket和nodejs-websocket,构建一个小型聊天室。先讲下大概思路:客户端需要传给服务器当前登陆者的昵称和uid,服务端收到数据后,把信息同步广播给当前聊天室内的所有人。...原创 2022-03-04 16:44:14 · 2769 阅读 · 5 评论 -
websocket结合node.js实现双向通信
首先我们需要了解,什么是websocket,它的作用和优势是什么,为什么要用它。什么是websocket?websocket是基于TCP的一种双向通信协议。在此之前,一直是采用轮询的方式进行双向通信,这种方式效率低下还非常浪费资源。为了解决这种问题,websocket应运而生。特点:双向通信websocket使得客户端跟服务端之间交换数据变得更加简单。允许服务器主动向客户端推送数据。浏览器只需要和服务器完成一次握手,就可以创建持久性的连接,并进行双向数据传输。实时性强服务器可以主动给客户原创 2022-03-03 17:42:03 · 2756 阅读 · 0 评论 -
vue项目默认关联git分支master改为main并正确提交
vue项目创建后,默认关联git分支master改为main,并正确提交到远程仓库。原创 2022-03-02 18:34:16 · 1014 阅读 · 0 评论 -
如何新建gitLab仓库并把本地项目推送到远程仓库
新建gitLab仓库,并把本地项目推送到远程仓库原创 2022-03-02 17:20:53 · 1895 阅读 · 0 评论 -
手把手教你创建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 · 2845 阅读 · 1 评论 -
对computed的深刻理解和跟methods、watch、filter之间的区别
**computed概念 **computed是vue框架里的一个计算属性,类似过滤器,对绑定到view的数据进行处理。它里面的变量不在data里声明,直接在computed里定义。computed里的成员可以只定义一个函数作为只读属性,也可以定义get/set变成可读属性。...原创 2022-03-01 17:19:49 · 529 阅读 · 1 评论