textarea自动适应内容大小
不同客户对相同功能的展现效果是有所不同的,拿文本内容的显示来讲,过多的内容可以有多种办法解决掉,可以在内容超过一定范围后出现滚动条,也可以随着内容的增多不断增加控件大小。本文简单展示textarea标签随内容增多不断增高。效果如下图所示:

原理很简单:textarea预先制定有行数和列数(以rows和cols来计算),当我们输入内容或者加载带显示内容时,判断其总行数,然后根据textarea本身的列数(rows)来计算每行数据需要textarea多少行来展示,从而对决定是否需要增加textarea的行数(rows),达到自动适应内容的目的。简单代码如下所示:
本功能从实现上不难,但它很好的提醒了我们用户的需求是多种多样的,即便是同类事物也会有不同的表现形式,而积累这些看似简单的小功能就显得格外重要,因为他能使我们多为客户提供一种解决方案或解决方案的零部件。