前端開(kāi)發(fā)規(guī)范說(shuō)明

1.注釋,每個(gè)事件或者方法上面都要有注釋
2.每個(gè)接口請(qǐng)求都是做成功和失敗的判斷處理
3.后臺(tái)的提示統(tǒng)一為diy(紅色)提示,前端的提示統(tǒng)一為warning(黃色)提示
4.所有表格增加自適應(yīng)高度,loading效果
5.保存,刪除,提交等直接訪問(wèn)后臺(tái)接口的按鈕必須加防重復(fù)提交功能 即加loading效果
6.全屏的表格的分頁(yè)必須改為支持選擇每頁(yè)條數(shù)的分頁(yè)器即(@components/page1組件)
7.變量的定義要有意義,變量較多時(shí),必須以對(duì)象形式定義變量,且有關(guān)聯(lián)性的定義變量
8.所有的跟金額有關(guān)的必須保留兩位小數(shù)
9.所有時(shí)間必須顯示到分 日期到天 時(shí)間年月日時(shí)分
10.遇到通用接口跟后臺(tái)商量是否更換
11.所有頁(yè)面的最外層div的class必須為文件名,避免頁(yè)面直接的相互影響
12.所有css需寫(xiě)在定義的scope里面,如需更改iview組件樣式需加上本頁(yè)面的class名,盡量不要單獨(dú)寫(xiě)css文件,非特殊情況,不允許修改全局樣式,以免造成其它地方的樣式影響
13.select框 內(nèi)容較多的數(shù)據(jù),需更換成支持拼音碼五筆碼的longrangesearchselectElse組件(可參考https://www.cnblogs.com/yn-cn/p/11251947.html較為詳細(xì)步驟)
14.所有model彈框必須加 :mask-closable="false",不允許用戶點(diǎn)其他地方導(dǎo)致彈框關(guān)閉
15.所有的校驗(yàn)的方法,需先查看util.js里面是否有,有則直接用,沒(méi)有則增加到util.js里面,方便大家以后用
16.新增接口時(shí),需全局搜索是否項(xiàng)目中已有,不可增加重復(fù)接口,嚴(yán)禁在放置接口處的傳參寫(xiě)死數(shù)據(jù)
17.新增的接口需寫(xiě)明功能日期增加人的名字簡(jiǎn)寫(xiě),例如(接診接口 2019.7.26 yn)
18.變量必須先定義再使用,純查看功能的可除外和不需要處理邏輯數(shù)據(jù)可另外對(duì)待
19.頁(yè)面較為復(fù)雜的,代碼量較大的必須以組件的形式呈現(xiàn),嚴(yán)禁寫(xiě)在同一個(gè)頁(yè)面
20.頁(yè)面中能用on-change解決的不要用watch
一個(gè)功能開(kāi)發(fā)完畢自測(cè)流程 頁(yè)面布局--各種校驗(yàn)--防重復(fù)功能--冗余代碼刪除--提升用戶的體驗(yàn)感

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

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

  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 12,513評(píng)論 6 13
  • 體驗(yàn):今天休息一天,在宿舍睡了一天養(yǎng)足了精神,晚上跟朋友吃了個(gè)飯! 核心:調(diào)整好心態(tài)明天上班
    杜永鵬閱讀 80評(píng)論 0 0
  • 文/西西 齊梳千縷發(fā),聊共一杯茶。 與君促膝處,秋色織煙霞。
    花語(yǔ)清溪閱讀 245評(píng)論 6 7
  • S小姐最近很苦惱,向我大訴苦水,說(shuō)最近有兩個(gè)好男人追她,她不知道選哪一個(gè)好,很是糾結(jié)。 這真的不是裝逼,S小姐本人...
    張綿綿閱讀 567評(píng)論 0 1

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