- 博客(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如何使用proxy代理到后端服务器
通常,代理或代理服务器充当您的应用程序和互联网之间的网关。通过将客户端请求转发到资源,它是客户端和服务器之间的中间服务器。在 Angular 中,我们经常在开发环境中使用这种代理。Angular 使用 webpack dev server 在开发模式下为应用程序提供服务。
2023-03-08 13:31:55
1712
原创 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 <
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
空空如也
Uni-App实现飞书授权登陆
2024-09-04
CSS图片和文字内容样式
2024-05-24
CSS样式的实现问题
2024-05-23
ReactNative加载模型,有偿
2023-09-16
js 数组对象格式转换问题
2021-12-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人