前端習(xí)慣

前端工作一年,從剛開始懵懵懂懂的只寫頁面,到現(xiàn)在接觸了一些前端業(yè)務(wù)方面的代碼編寫,越來越感覺代碼健壯性的重要性,在平時遇到的問題上,進行一些反思。

我認(rèn)為代碼健壯性分為兩個方面, 一個方面是代碼經(jīng)過長時間的打磨重構(gòu),代碼以及項目的完善,形成的對于一些需求、修改風(fēng)險的掌控能力;另一方面其實是前端工程師在平時工作中形成的一些習(xí)慣,有時候形成的隨手修改的一些習(xí)慣,也可以防止一些意外情況的發(fā)生。

本文主要是針對第二方面的一些總結(jié),列舉了一些前端習(xí)慣:

  1. input/textarea的maxLength的限制:在寫html代碼時,其實可以根據(jù)應(yīng)用場景,對輸入框的字?jǐn)?shù)作下限制,其實這個是必要的,也能防止某些很長的值導(dǎo)致后臺報錯;

  2. 純數(shù)字/字母顯示的控制:在頁面的文字顯示時,純數(shù)字/字母往往默認(rèn)是不會換行的,所以在實際編寫過程中,考慮實際場景時候需要應(yīng)用word-break: break-all屬性;

  3. 按鈕防止重復(fù)點擊的控制:表單提交后到后臺的反饋是需要時間的,有時出問題也可能卡住,所以在做表單提交或者和后臺交互的操作時,最好能防止多次觸發(fā)請求,可以在點擊后把按鈕禁用,到收到后臺的反饋后再放開;

  4. 文件上傳限制:在做圖片上傳時,大部分時候都會調(diào)用插件,在使用時,一定要把接受文件的類型、大小做一個限制;

  5. 重用代碼的抽出:在寫代碼時,經(jīng)常會遇到很多重復(fù)的功能,有意識地將重用的代碼抽出封裝成統(tǒng)一的方法,有利于整體的調(diào)整和針對問題的修改;

其實還有很多...

以上...

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容