自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 问答 (1)
  • 收藏
  • 关注

原创 从零开始使用Socket.IO加Node仿Discord聊天室【第三篇】

前面一篇介绍了我们定义的数据字段格式,这一章介绍数据的传输处理和实现聊天效果用到的方法。源代码都在Github地址花费了三篇文章讲解了制作一个简单模仿discord前端连接时带上参数信息以便后端校验和进入房间连接成功和断开连接都需要监听并给房间发送通知用户的连续消息可以只展示第一次的头像信息使用属性可以更加自由地输入文字,设置style可以避免复制内容后重新粘贴导致的BUG用户发送消息之后后端需要回调结果当然我们还有很多没有完善的功能BUG,例如用户非正常退出后再次连接导致的用户重复。

2023-06-05 23:45:35 439

原创 从零开始使用Socket.IO加Node仿Discord聊天室【第二篇】

前面一篇文章介绍了聊天用到的的核心工具和本项目的使用方案,没看过的建议先看看从零开始使用Socket.IO加Node搭建聊天室【第一篇】这一篇文章主要讲述项目的前端页面和聊天需要用到的字段,方便后续加入更复杂的功能。Websocket消息类型字段二、前端聊天室的布局ChatBaseComponent(用户、聊天界面):总结这一篇定义了主要的一些字段和根据字段在前端页面的判断展示,核心点如下:下一篇会介绍到客户端(前端)的消息处理和服务端(后端)的消息处理还有最终的效果。

2023-06-02 22:38:10 367

原创 从零开始使用Socket.IO加Node仿Discord聊天室【第一篇】

从2022年底开始抽空当了个全栈开发,前端、后端、服务器全部一个人搞定,做了一些简单的第三方登录、增删改查等功能,正在一筹莫展不知道还能加什么功能时,我想到了我经常逛的一个社交聊天平台discord,那我能不能模仿它的界面做一个聊天室呢?初始化socketIo = io('ws://服务端url/');连接成功socket.emit('事件名', (evt) => {});socket.on('事件名', (evt) => {});前端Github地址后端Github地址,写的不错的的可以点个标星哦。

2023-05-31 21:19:47 621 1

原创 [Node + TypeScript + sequelize + jwt] 踩坑纪录

会在每次执行的时候新增索引,建议数据库的属性不变时不使用。上传带中文名的文件时,文件名乱码,使用。

2023-03-27 15:24:02 196

原创 Angular中使用最简单的方式实现点击谷歌地图获取经纬度

Angular中使用最简单的方式实现点击谷歌地图获取经纬度

2023-03-20 16:10:29 510

原创 Angular如何使用proxy代理到后端服务器

通常,代理或代理服务器充当您的应用程序和互联网之间的网关。通过将客户端请求转发到资源,它是客户端和服务器之间的中间服务器。在 Angular 中,我们经常在开发环境中使用这种代理。Angular 使用 webpack dev server 在开发模式下为应用程序提供服务。

2023-03-08 13:31:55 1712

原创 自用备忘服务器部署、数据库命令、nginx命令/代理配置等

服务器部署、数据库命令、nginx配置等

2022-11-05 11:28:19 574

原创 JS订阅获取localStorage或sessionStorage值变化

JS订阅获取localStorage或sessionStorage值变化

2022-08-24 17:20:16 473

原创 Angular 使用screenfull.js全屏组件

screenfull.js用法安装全屏组件npm i screenfullAngular使用// 引用import * as screenfull from 'screenfull';@Component({ selector: 'app-header-fullscreen', template: ` <i nz-icon [nzType]="status ? 'fullscreen-exit' : 'fullscreen'"></i> {{

2021-05-07 22:33:53 895 5

原创 Angular获取response headers的内容

Angular获取response headers的内容一般用response headers功能是用来获取Date或者token等等内容但是一般情况下你获取到的是 null这个时候你需要在后台配置一句:Access-Control-Expose-Headers: Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, Date如果你是前端开发者的话,你就去要求后台人员配置一下。冒号后面的值按照查询需求来添加

2020-08-24 16:48:53 3101 1

原创 JavaScript TypeScript 技巧代码合集

JavaScript 技巧代码合集获得数组元素重复出现的次数日期转换转换成时间戳时间戳转换时间日期格式时间戳的各种转换时间格式好看的滚动条样式删除数组中某个键相同的对象其他技巧和知识TypeScript - 常用内置类型与使用技巧JS和TS中的voidAngular 中心化状态管理方案 NGXS获得数组元素重复出现的次数 const array = ['1','1','2','2','2','3','3','3',]; const newArr = []; for (let i = 0; i &lt

2020-08-13 16:52:05 279

原创 Angular踩坑 值检测/Change机制

Angular8.0+踩坑 值检测/Change机制一般常用的值检测和值改变机制**ngif*="" [ngif]=""@Input() - ngOnChanges()方法合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一般常用的值检测

2020-08-12 14:19:10 1258

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除