自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 vue+koa2+mongodb前后端分离聊天系统开源

前言继上个纯前端模仿telegram聊天系统后我决定加上后端功能,这次考虑使用更加简洁界面和更加优雅的实现把UI界面也重构了。主要技术栈为Vue2+MongoDB+Koa2。该项目本应该是我2020年12月初就完成可以发布的了,综合考虑到毕业的相关工作,还是决定答辩完才开源。考虑到前端技术的发展飞快,我也考虑用Vue3+TS重构。考虑整个2021年我的工作主要内容还是AR特效滤镜和3D这方面学习投入比较多,我希望有想法的小伙伴能参与到这个项目中来!开源地址技术栈Vue2全家桶+MongoDB+K

2021-05-06 22:29:43 252 1

原创 消息尾部添加时间

消息尾部添加时间前言我们如何在发送消息的尾部添加事件呢?如以下这种效果可能我们首先想到消息的div加定位position: relative 右侧加个padding-right;然后在time的span加position: absolute;如果一行是完全ok的,但是多行的情况下就不行的非常丑陋。我们正确的做法应该是在消息的文本后面加个span,0:00,然后.hide的visibility: hidden;就行了,因为visibility是实际占位的,而display是不占空间的。具体代码如下&

2020-09-07 12:55:02 320

原创 vue-cli4搭建的vue项目在GitHub上演示,有手就行

前言我们开源的vue新项目怎么在线上访问得到呢?购买服务器自己搭建?不需要。好好利用好github这平台就行了。开始第一步这vue项目的根路径创建start.sh然后在start.sh文件中配置以下内容# 当发生错误时中止脚本set -e# 构建npm run build# cd 到构建输出的目录下 cd distgit initgit add -Agit commit -m 'start'# 部署到 https://<github用户名>.github.io

2020-09-07 12:52:54 263

原创 vue+vuex仿telegram app的单页应用,实现分组功能消息发送

vue+vuex仿telegram app的单页应用,实现分组功能消息发送前言vue2仿telegram这个项目我把自己所学的vue大部分知识都用上了,可以说覆盖了vue和vuex的大部分知识,通过这项目对vue有了更加深刻的理解以及更灵活的应用。源码地址:https://github.com/xxydrr/vue-telegram效果演示点击查看demo(PC浏览器预览时请切换到手机预览模式同时建议刷新一下再预览)移动端扫描下方二维码二维码查看技术栈脚手架工具 vue-cli@4.4.

2020-09-07 12:45:25 883 2

空空如也

空空如也

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

TA关注的人

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