hanachann的博客

css实现表单简单交互动画

一个vue的页面一般是由多个组件构成的，接下来将讲讲vue如何引入组件。

前面我有写关于如何进行聊天页面布局和实现聊天消息滚动到最底部的文章。【uni-app】uni-app实现聊天页面功能——功能篇（上）【uni-app】uni-app实现聊天页面功能（小程序）——布局篇这篇文章是基于这两篇的基础上完善的。主要还是实现以下两个功能：点击聊天框的时候，聊天框随键盘抬起且聊天消息列表滚动到最底部，但整体页面不抬起聊天框textarea根据内容自适应高度，且聊天消息列表随着聊天框的增高而滚动到最底部（说白了就是最底部的消息不会被增高的聊天框给挡住）

上一篇讲到了如何布局，这一篇将讲一下如何用uni-app实现小程序聊天页面的最主要的功能——发消息后页面滚动到最底部（参考过很多文章最后找到比较适合的方法）。其他的功能（参考微信），之后的文章会讲述到具体实现方法点击聊天框的时候，聊天框随键盘抬起且聊天消息列表滚动到最底部，但整体页面不抬起聊天框textarea根据内容自适应高度，且聊天消息列表随着聊天框的增高而滚动到最底部（说白了就是最底部的消息不会被增高的聊天框给挡住）

在工作中使用uni-app参与开发一个小程序，其中要写一个简单的聊天页面，虽然功能不多（只有一个发送文字的功能），但是其中的细节比较多，也踩过很多坑，特此记录下来。要实现的页面如图所示，该篇主要讲讲如何布局（参考了很多文章之后根据页面需求进行一个整合）。

组件页面无法使用uni-app页面的生命周期函数（如onLoad、onShow），可通过父组件去在页面中调用子组件的方法

最近在学习js的一些基础知识，遇到的一些小问题，都会记录下来。