前端习惯

前端习惯_第1张图片

前端工作一年,从刚开始懵懵懂懂的只写页面,到现在接触了一些前端业务方面的代码编写,越来越感觉代码健壮性的重要性,在平时遇到的问题上,进行一些反思。

我认为代码健壮性分为两个方面, 一个方面是代码经过长时间的打磨重构,代码以及项目的完善,形成的对于一些需求、修改风险的掌控能力;另一方面其实是前端工程师在平时工作中形成的一些习惯,有时候形成的随手修改的一些习惯,也可以防止一些意外情况的发生。

本文主要是针对第二方面的一些总结,列举了一些前端习惯:

  1. input/textarea的maxLength的限制:在写html代码时,其实可以根据应用场景,对输入框的字数作下限制,其实这个是必要的,也能防止某些很长的值导致后台报错;

  2. 纯数字/字母显示的控制:在页面的文字显示时,纯数字/字母往往默认是不会换行的,所以在实际编写过程中,考虑实际场景时候需要应用word-break: break-all属性;

  3. 按钮防止重复点击的控制:表单提交后到后台的反馈是需要时间的,有时出问题也可能卡住,所以在做表单提交或者和后台交互的操作时,最好能防止多次触发请求,可以在点击后把按钮禁用,到收到后台的反馈后再放开;

  4. 文件上传限制:在做图片上传时,大部分时候都会调用插件,在使用时,一定要把接受文件的类型、大小做一个限制;

  5. 重用代码的抽出:在写代码时,经常会遇到很多重复的功能,有意识地将重用的代码抽出封装成统一的方法,有利于整体的调整和针对问题的修改;

其实还有很多...

以上...

你可能感兴趣的:(前端习惯)