
前端工作一年,從剛開始懵懵懂懂的只寫頁面,到現(xiàn)在接觸了一些前端業(yè)務(wù)方面的代碼編寫,越來越感覺代碼健壯性的重要性,在平時遇到的問題上,進行一些反思。
我認(rèn)為代碼健壯性分為兩個方面, 一個方面是代碼經(jīng)過長時間的打磨重構(gòu),代碼以及項目的完善,形成的對于一些需求、修改風(fēng)險的掌控能力;另一方面其實是前端工程師在平時工作中形成的一些習(xí)慣,有時候形成的隨手修改的一些習(xí)慣,也可以防止一些意外情況的發(fā)生。
本文主要是針對第二方面的一些總結(jié),列舉了一些前端習(xí)慣:
input/textarea的maxLength的限制:在寫html代碼時,其實可以根據(jù)應(yīng)用場景,對輸入框的字?jǐn)?shù)作下限制,其實這個是必要的,也能防止某些很長的值導(dǎo)致后臺報錯;
純數(shù)字/字母顯示的控制:在頁面的文字顯示時,純數(shù)字/字母往往默認(rèn)是不會換行的,所以在實際編寫過程中,考慮實際場景時候需要應(yīng)用
word-break: break-all屬性;按鈕防止重復(fù)點擊的控制:表單提交后到后臺的反饋是需要時間的,有時出問題也可能卡住,所以在做表單提交或者和后臺交互的操作時,最好能防止多次觸發(fā)請求,可以在點擊后把按鈕禁用,到收到后臺的反饋后再放開;
文件上傳限制:在做圖片上傳時,大部分時候都會調(diào)用插件,在使用時,一定要把接受文件的類型、大小做一個限制;
重用代碼的抽出:在寫代碼時,經(jīng)常會遇到很多重復(fù)的功能,有意識地將重用的代碼抽出封裝成統(tǒng)一的方法,有利于整體的調(diào)整和針對問題的修改;
其實還有很多...
以上...