1、JavaScript代碼規範及編碼原則小程序
1.縮進
微信小程序
採用4個空格,Tab鍵在不一樣的狀況下回顯示不一樣的長度,嚴重干擾閱讀體驗。4個空格的距離從可讀性來講,正好。 微信
2.行寬函數
能夠限定爲100字符。編碼
通常爲了方便閱讀採用80字符。spa
3.括號代碼規範
在複雜的條件表達式中,用花括號清楚地表示邏輯優先級。blog
4.斷行與空白的{}行圖片
每一個「{」和「}」都單獨佔一行,顯得更加清晰。ip
在逗號,分號後若是不換行最好加一個空格,如:給函數傳參。
在運算符加減乘除等於後面加一個空格提升代碼可讀性。
5.分行
不要把多條語句放在一行上,不要把多個變量定義在一行上。
6.變量命名
全局變量通常所有大寫。
通常變量採用小駝峯的形式。
必須以字母下劃線或美圓符號開頭,不能使用空格,首位不能是數字。
長度不能超過255個字符,變量名必須放在同一行。
區分大小寫。
變量名名具備實際意義且易懂。
7.語句
每條語句後加「;」,含有return的語句不該該使用圓括號包圍值。
返回值表達式必須和return關鍵字在同一行。
在運算符的先後通常添加空格。
函數最好有單一的出口,爲了達到次目的,可使用goto,有助於程序邏輯的清晰體現。
8.註釋
複雜的註釋放在函數頭,淺顯易懂的代碼不須要註釋或者過多的註釋。
每一個方法、函數的註釋放在開頭,包含:次方法、函數的功能以及各個參數的意義。
2、WXML代碼規範
1.結構順序和視覺順序基本保持一致按照從上至下、從左到右的視覺順序書寫WXML結構。
2.保持良好的簡潔的樹形結構每個塊級元素都另起一行,每一行都使用4個空格縮進對齊刪除冗餘的行尾的空格。
3.結構上若是能夠並列書寫,就不要嵌套<view></view><view></view>而不是<view><view></view></view>
4.使用 4 個空格作爲一個縮進層級,不容許使用 2 個空格 或 tab 字符。每行不得超過 120 個字符。
5。 class 必須單詞全字母小寫,單詞間以 - 分隔。class 必須表明相應模塊或部件的內容或功能,不得以樣式信息進行命名。
6.元素id必須保持頁面惟一,id 建議單詞全字母小寫,單詞間以 - 分隔。同項目必須保持風格一致。
7.說明文案的註釋方法:開始註釋<!--註釋文案-->
結束註釋<!--/註釋文案-->容許只有開始註釋)
8.嚴格的屬性:
(1):屬性和值所有小寫,每一個屬性必須有一個值,每一個值必須加雙引號
(2):沒有值的屬性必須使用本身的名稱做爲值
(3) :有默認值屬性的值能夠省略,布爾類型的屬性,建議不添加屬性值。
(4): 自定義屬性建議以 xxx- 爲前綴,推薦使用 data-
3、項目的ER圖
4、項目主要功能描述
該項目是一個瀏覽趣圖、搞笑段子等的一個微信小程序,用戶能夠隨時在閒暇之際打開此小程序瀏覽有趣的內容,以便放鬆本身、打發時間等。用完即走,十分方便。
5、做業組員貢獻分
姓名 | 任務 | 任務比例 | 分數 |
陳素偉 | 「精選」欄內容 | 33% | 9.999 |
段嗣躍 | 「段子」欄內容 | 34% | 10.002 |
許宇偉 | 「圖片」欄內容 | 33% | 9.999 |