前端开发经验总结

经过几年开发，自己也犯过各种大大小小的错误，现在把这些错误或者经验总结出来，避免以后再犯，同时也希望能帮助到其他也在前端开发路上的朋友们。

1.输入框要限制长度

任何输入框，只要需要将数据传给后台，都一定要限制其长度，必竟后台数据库字段都有长度限制，如果，不做长度限制，提交给后台，后台做了限制还好，如果没有做限制，sql则会报错。

2.新增/修改数据成功后，要清空数据

新增/修改数据成功后，记得要清空上一次的数据，否则再下一次新增时，会将上一次的数据带出来，给用户带来困惑。更有可能，将上次数据提交到后台，如果后台没有做相应处理，对数据进行污染。

3.无处不在的文字超出显示省略号，鼠标移上去显示全部文字

这一条真是无处不在，时刻都要注意，表格中需要注意，树形菜单中需要注意，标题中需要注意，列表中需要注意，还是那句，时刻都要注意，一不小心，就让你的页面变得奇怪难看。

4.在处理分页数据时，如果有对数据进行增、删、改的操作，操作成功后，一定记得要将分页码重置

在处理有分页的表格数据时，经常会有新增，删除，修改的操作，当这些操作成功后，一定要将分页码重置为1，如果没有重置，就有可能操作完毕，查不到数据，就因为分页码，传得不对导致。

5.日期处理时，存在兼容性问题

经常从后台返回的日期是这种格式：yyyy-MM-dd, 如果将这种格式通过new Date()创建出来的时间对象，在Chrome浏览器下能正常工作，但在IE浏览器下去却得到一个无效时间。进而调用其api，如getFullYear(), getMonth(), getDate()等等，得到的都是NaN.
原因就是IE或者Firefox不支持yyyy-MM-dd这种格式，为了兼容其他浏览器，应该将日期格式先转换为yyyy/MM/dd这种格式，即可解决。
当然这里更推荐一个专业处理日期的库，moment.js，解决各种日期问题