效果
每个人脑海
先构思出大概的样子,留言墙是什么?
一堵墙,和贴在上面的便签.
那我们怎么做?
当然是造一堵墙和许多便签.
但是由于屏幕的视图大小,我们不能真正的造一堵高大的墙也贴不下大的便签.
所以现在选择这样一种方式:
1.我们通过Canvas作为留言墙的墙体
2.新留言则通过坐标在Canvas绘图(这里用红圆圈表示)
3.点击坐标展现留言信息
这样就构成了基本的留言墙
留言墙基本构造完成以后,怎么办?
总不能只是看看吧.
所以加上贴留言这个功能.
完成以上的页面搭建就可以开始连接数据.
通过野狗 实时通信引擎 来实现数据的及时交互
按照注册流程,阅读API.
回到页面编写读取数据和添加数据的功能
接下来就是优化代码和美化页面啦~
在点击红圈圈显示留言信息时,我本来准备自己绘制.
但是
我看到了Bootstrap的pop插件,哈哈,偷懒咯.
通过定位把pop定位到鼠标点击的位置即可.
其他
点击时通过计算是否点击在已有坐标上
目前效果如下留言墙 首先，来想象一下留言墙的样子。 每个人脑海 先构思出大概的样子,留言墙是什么? 一堵墙,和贴在...
最近学习使用node.js，于是使用express搭建了一个在线便利贴。 初始化 安装webpack 由于每次启动...
webApp介绍 基于webpack+Vue2.0搭建webapp，结合野狗实现实时云通信，并自动构建在DaoCl...
我的博客blossom,欢迎大家来玩...留言互换link 本博客使用hexo搭建,主题使用Cho搭建于githu...
上篇Parse-Server后台搭建与使用基础篇（一）- 阿里云ECS Parse-server的简单搭建与使用[...
搭建Docker 省略一万步 搭建Redis 我使用的是阿里云镜像进去之后直接搜索Redis 配置阿里云仓库 按照...
使用码云搭建Git代码存储仓库 https://gitee.com/login 使用码云创建私有私有git仓库 将...
环境搭建 为了配合阿里云消息队列Kafka版本，本次使用 `kafka_2.12-0.10.2.2` 版本搭建 S...
属于简易版，比较适合没有后台基础的初学者入门，使用Ajax响应php对mysql数据库进行操作，将网站搭建在xam...
1、 马云：“野狗”与“小白兔”必须被清除 马云认为，公司员工一般分为三种：”野狗式”、“猎犬式”、“小白兔”式。...
本文标题：使用野狗云搭建留言墙
本文链接：https://www.haomeiwen.com/subject/gmlifxtx.html
网友评论