- 博客(6)
- 收藏
- 关注
原创 FChat开发记录 - Node与Electron配置env环境变量
服务器环境的配置和开发时的配置通常不会一样,所以每次部署后端代码到服务器上的时候都要去修改配置。使用 .env 文件编写不同环境的配置文件,然后在启动项目的指令中携带上对应文件中的环境变量,即可方便地省去频繁修改配置文件的麻烦。
2024-09-16 14:48:59
1820
1
原创 FChat开发记录 - Vue3实现自定义表情发送
在基本的消息发送的功能已实现的情况下,我希望实现像各大社交平台上一样,能够在发送文本的同时也能插入一些emoji表情。点击输入框左侧的emoji图标打开表情弹窗,弹窗中显示表情列表点击弹窗中的表情即可选择,选择完成后关闭弹窗,在输入框中显示所选的表情图片发送消息、对方成功接收到消息之后,可在聊天界面正确地显示表情图片
2024-09-04 17:50:23
1475
原创 FChat开发记录 - 消息已读管理
记录用户查看朋友消息的最后时间,朋友可以根据这个时间来与自己发送的消息的发送时间作比较,据此来判断消息是否已被用户查看
2024-08-19 22:13:09
830
原创 Vue3项目中加载动画的实现
正常路由的引入方式通常会导致网页首屏加载时间过长,给用户带来不好的体验,所以我们通常使用路由懒加载的方式来引入路由,这样只会在使用到某个路由时才会去加载它,减少了初次加载的时间。
2024-05-24 12:57:57
2713
1
原创 使用Github-Actions实现在Github Pages上自动部署SPA项目
每次提交代码之后都需要手动打包更新部署,这样的反复操作过于繁琐。github-actions便可以解决上述问题。通过创建工作流并在其中添加对应的指令,将触发条件设置为推送代码,我们就可以实现自动化部署项目,只需要进行代码的推送即可。指令需要写哪些内容?1. 安装npm。后续指令要用到npm2. 执行npm install。安装项目中用到的依赖3. 执行npm run build。打包项目。
2024-05-21 21:41:18
671
1
原创 在Github Pages上部署SPA项目
1. 编写你的SPA项目2. 修改打包工具的配置文件3. 打包生成docs文件夹4. 在docs的根目录下添加404.html(注意,如果你不打算使用github-pages的自定义域名的话,请将404.html中的pathSegmentsToKeep的值改为1)5. 在docs根目录下的index.html文件中添加如下内容6. 将项目上传至github中(连同打包生成的docs目录一起上传。或者单独上传docs目录至仓库的gh-pages分支)。
2024-05-17 14:55:09
277
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅