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