(1)使用Flex弹性盒子布局,实现聊天框页面样式
(2)通过Mui框架,实现聊天记录的上拉刷新、下拉加载功能(3)使用webscoket与后端建立长链接,进行推送式消息服务,实现在线聊天功能
(4)通过setTimeout发送心跳,保持与webscoket的链接及createWebSocket方法重置链接(5)调用Mui框架API的plus实现camera拍照、相册调用功能
(6)通过原生JavaScript字符串拼接DOM,实现聊天信息模态框实时发送效果
点击空白处退出提示
演示地址
app内嵌H5
(1)使用Flex弹性盒子布局,实现聊天框页面样式
(2)通过Mui框架,实现聊天记录的上拉刷新、下拉加载功能(3)使用webscoket与后端建立长链接,进行推送式消息服务,实现在线聊天功能
(4)通过setTimeout发送心跳,保持与webscoket的链接及createWebSocket方法重置链接(5)调用Mui框架API的plus实现camera拍照、相册调用功能
(6)通过原生JavaScript字符串拼接DOM,实现聊天信息模态框实时发送效果
评论