前端工作一年,從剛開始懵懵懂懂的只寫頁面间狂,到現(xiàn)在接觸了一些前端業(yè)務方面的代碼編寫坦康,越來越感覺代碼健壯性的重要性竣付,在平時遇到的問題上,進行一些反思滞欠。
我認為代碼健壯性分為兩個方面古胆, 一個方面是代碼經(jīng)過長時間的打磨重構,代碼以及項目的完善仑撞,形成的對于一些需求赤兴、修改風險的掌控能力;另一方面其實是前端工程師在平時工作中形成的一些習慣隧哮,有時候形成的隨手修改的一些習慣桶良,也可以防止一些意外情況的發(fā)生。
本文主要是針對第二方面的一些總結沮翔,列舉了一些前端習慣:
input/textarea的maxLength的限制:在寫html代碼時陨帆,其實可以根據(jù)應用場景,對輸入框的字數(shù)作下限制采蚀,其實這個是必要的疲牵,也能防止某些很長的值導致后臺報錯;
純數(shù)字/字母顯示的控制:在頁面的文字顯示時榆鼠,純數(shù)字/字母往往默認是不會換行的纲爸,所以在實際編寫過程中,考慮實際場景時候需要應用
word-break: break-all
屬性妆够;按鈕防止重復點擊的控制:表單提交后到后臺的反饋是需要時間的识啦,有時出問題也可能卡住,所以在做表單提交或者和后臺交互的操作時神妹,最好能防止多次觸發(fā)請求颓哮,可以在點擊后把按鈕禁用,到收到后臺的反饋后再放開鸵荠;
文件上傳限制:在做圖片上傳時冕茅,大部分時候都會調(diào)用插件,在使用時,一定要把接受文件的類型姨伤、大小做一個限制哨坪;
重用代碼的抽出:在寫代碼時,經(jīng)常會遇到很多重復的功能姜挺,有意識地將重用的代碼抽出封裝成統(tǒng)一的方法齿税,有利于整體的調(diào)整和針對問題的修改;
其實還有很多...
以上...