04 2021 档案
摘要:一、前台 本来我是直接使用socket.io-client,但是不知道是我没有跨域还是什么原因,最开始的时候安装官方文档的做法,老是不能成功建立连接,所以我就再下载了一个VueSocketIOExt,它依赖于socket.io-client并扩展了socket.io-client。 所以前台需要做的
阅读全文
摘要:一、介绍 本文的服务端是使用nodejs,前端是使用nodejs+vue。学习socket之前,我们先了解下网络七层是哪七层,而socket又是位于哪? 网络七层: 应用层表示层会话层传输层网络层数据链路层物理层而socket位于应用层与传输层之间,简写SSL(Secure Sockets Laye
阅读全文
摘要:一、想法 想实现某个集合中的插入文档的操作,但是插入文档的时候想先知道这个集合中是否已存在该文档,若不存在则新增,若存在则不新增; 二、思路 其实实现这个想法的思路有两种: (1)先使用db.collection.count()查询是否存在该文档,若存在则不insert,若不存在则insert,但是
阅读全文
摘要:今天无意中发现一封信。这封信来自于很多年以前,写信的人无从得知,唯一知道的TA是一名教师。我通过搜索,找到这封信的较早转载日期 2007年,那年我九岁。这封信除了个别与现在不符,剩余的全是精华。今天分享一下。 同学们: 你们过得好吗? 本来这是一封早就应该写的信,有许多话早应该说,但是我没有去写,没
阅读全文
摘要:一、聊天场景分析 聊天无非是要实现以下功能: (1)选择用户列表中的用户; (2)选择用户后,实现发送信息; (3)发送消息后的读取状态; 二、数据库设计 鉴于一的分析,现在只需要设计3个数据表: 1. 简单介绍 (1)好友列表;用于保存发送者的好友 (2)聊天信息数据表;用于保存聊天的信息。用户发
阅读全文
摘要:<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"> </el-input> @keyup.13 回
阅读全文
摘要:一、起因 vue实现的聊天demo要有信息滚动的功能。 二、知识储备 clientHeight、offsetHeight、scrollHeight、scrollTop 简单介绍: 网页可见区域高:document.body.clientHeight 网页可见区域高(包括边线的高):document.
阅读全文
摘要:此文探究部分为转载,原文戳我 一、起因 聊天布局发现正常中文可以实现换行,但是英文及阿拉伯数字有问题: 原因: 一般div超过宽度能换行,原因如下:对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行。 对于连续的
阅读全文
摘要://Mongodb数据库表 const systemUser = require('../../models/user'); //前端传入的要查询的关键字 var name = req.query.name; var page = req.query.page || 1; //当前页数 var li
阅读全文
摘要:1.UML简介 统一建模语言(Unified Modeling Language,UML)又称标准建模语言,是始于1997年的一个OMG标准,它是一个支持模型化和软件系统开发的图形化语言,为软件开发的所有阶段提供模型化和可视化支持,包括由需求分析到规格,到构造和配置。 *注:OMG, Object
阅读全文
摘要:分析阶段创建的模型:用例图(需求规格说明书)、类图、顺序图(需求分析定义信息流) 设计阶段创建的模型:部署图(需求阶段的技术解决方案)、组件图(详细设计)、活动图、顺序图(详细设计描述功能交互)
阅读全文
摘要:用例图 用例图(Use Case Diagram)是用户与系统交互的最简表示形式,展现了用户和与他相关的用例之间的关系。通过用例图,人们可以获知系统不同种类的用户和用例。用例图也经常和其他图表配合使用。 用例图包含六个元素,分别是:参与者(Actor)、用例(Use Case)、关联关系(Assoc
阅读全文
摘要:这个是链接:https://cloud.189.cn/t/I3AbmqzyiU7r(访问码:0jzt) 是天翼网盘来的,因为天翼网盘下载速度比百度云快。 这是文件里面的大概内容:
阅读全文
摘要:一、起因 使用到了elementUI的组件,但是其鬼样式已经提前写好了,你不能改变它的原始样式,因为它全部组件的CSS都加上了scoped属性,限制了样式的作用范围与可访问范围。所以当我们直接修改elementUI的样式的时候,通常没啥效果。 二、解决:使用deep或者>>> 1.知识储备: 首先v
阅读全文
摘要:1、查看集合索引 db.col.getIndexes() 2、查看集合索引大小 db.col.totalIndexSize() 3、删除集合所有索引 db.col.dropIndexes() 4、删除集合指定索引 db.col.dropIndex("索引名称")
阅读全文
摘要:一、JS的==与 1.JS的==是用于判断等值的,它判断之前会先进行类型转换,然后再比较值; demo: console.log("1==1:",1==1) console.log("1=='1':",1=='1') 结果: 2.JS的 是用于判断类型是否相等,它直接比较类型: demo: cons
阅读全文
摘要:本文分为思路篇和代码篇,思路篇主要是思路和代码混合,主要重点是讲解思路;代码篇是注释和代码结合,主要展示代码.[温馨提示,由于博客园编辑器问题,直接赋值我的编辑器的代码粘贴到这里的颜色格式非常乱,建议不要开启夜间模式观看] 一、思路篇 方法一:上传图片流程的思路(通过前台上传图片): 1.接收tok
阅读全文
摘要:一、起因 需要做一个上传文件的功能,但是对于上传的文件,比如上传头像,这个用户无需知道文件名的,那么我们的文件名最后都是不要存在中文,因为如果存在中文的话,可能需要进行url编码,如果没有进url编码的话,可能会带来额外的麻烦,比如存储cookie时,浏览器会自动把你的url地址中的中文进行url编
阅读全文
摘要:一、起因: 数据库里的标签是以字符串存储的: 示例: 可能以逗号分隔: 小学数学,语文,英语 或者也可能以顿号分隔: 小学、初中、高中、 现在我想要实现字符串分割,使用分割后的字符串做标签,所以需要进行字符串处理。 二、思路: JS中有字符串处理函数split,他可以把字符串分割后返回一个数组,适合
阅读全文
摘要:updateOne() 一、起因: 由于个人域名申请了https,所以原本数据库的资源存在http字段的需要改为https,不然的话由于浏览器发现安全协议中混入了不安全的内容,将会拦截这些内容,所以我需要更新我的mongoDB数据库,本来直接想使用updateMany: 二、解决: 官方给的例子:
阅读全文
摘要:SSL即:安全套接字层(secure socket layer),区别于http的socket layer,即多了个安全二字,这个套接字是有加密的。 1. 证书(Certificate) – *.cer *.crt 2. 私钥(Private Key) – *.key 3. 证书签名请求(Certi
阅读全文
摘要:1.用于三元表达式判断添加样式 <div :class="[flag ? 'content_l2_hover_tor1' : 'content_r1']" ></div> 2.v-if v-if="login_sign1 == 'Sign In'" //前者为变量,后者为字符串 3.点击操作dom:
阅读全文
摘要:一、起因 最近在做一个普通的登录界面,然后使用到了加密,然后之前朦朦胧胧的就听到MD5这几个字,所以就使用了MD5加密,网上老是说MD5是无法破解的,所以我是很相信的,但是直到我测试了一下验证码,发现我获取到的加密后的验证码拿到那种破解md5密码的网站上面去,居然一秒就破解了,这让怀疑人生,不是说好
阅读全文
摘要:新写的关于vue的,或者前端的已经转移思否:segmentfault.com/u/hmy666,博客园主要记录一些非前端的内容。
阅读全文
摘要:一、group与sum的概念 1.知识储备:聚合与管道 1.1 MongoDB 聚合: MongoDB 中聚合(aggregate)主要用于处理数据(诸如统计平均值,求和等),并返回计算后的数据结果。 有点类似 SQL 语句中的 count(*)。 介绍一下聚合的中的一些表达式方法: 表达式描述实例
阅读全文
摘要:1.filter通常情况下是用来返回一个符合条件的新数组的,并且他不会对原数组产生影响: comment_or_reply_id: "ob8qj0xq8e5s", from_uid: "1502039268@qq.com", isAgreeClick: true, topic_id: "604629
阅读全文
摘要:一.评论与回复功能的分析: 1.以掘金的评论为对象开始这篇文章 此文章主要分析的评论回复的场景是和掘金一样的场景,可以实现评论、对评论的回复、对回复的回复。 图片示例: 首先此场景统一称为掘金式场景,因为我不知道怎么称呼它,如上图所示的效果,可以分为三种情况: (1)对文章的评论:直接挂在文章下面;
阅读全文