自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

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