前端工作一年，从刚开始懵懵懂懂的只写页面，到现在接触了一些前端业务方面的代码编写，越来越感觉代码健壮性的重要性，在平时遇到的问题上，进行一些反思。
我认为代码健壮性分为两个方面， 一个方面是代码经过长时间的打磨重构，代码以及项目的完善，形成的对于一些需求、修改风险的掌控能力；另一方面其实是前端工程师在平时工作中形成的一些习惯，有时候形成的随手修改的一些习惯，也可以防止一些意外情况的发生。
本文主要是针对第二方面的一些总结，列举了一些前端习惯：
-
input/textarea的maxLength的限制：在写html代码时，其实可以根据应用场景，对输入框的字数作下限制，其实这个是必要的，也能防止某些很长的值导致后台报错；
-
纯数字/字母显示的控制：在页面的文字显示时，纯数字/字母往往默认是不会换行的，所以在实际编写过程中，考虑实际场景时候需要应用
word-break: break-all属性； -
按钮防止重复点击的控制：表单提交后到后台的反馈是需要时间的，有时出问题也可能卡住，所以在做表单提交或者和后台交互的操作时，最好能防止多次触发请求，可以在点击后把按钮禁用，到收到后台的反馈后再放开；
-
文件上传限制：在做图片上传时，大部分时候都会调用插件，在使用时，一定要把接受文件的类型、大小做一个限制；
-
重用代码的抽出：在写代码时，经常会遇到很多重复的功能，有意识地将重用的代码抽出封装成统一的方法，有利于整体的调整和针对问题的修改；
其实还有很多...
以上...
网友评论