javascript
空格代码JavaScript代码规范(CKJ)
首先明聲,我是一個菜鳥。一下文章中出現技術誤導情況蓋不負責
?這是一份為我團隊制自的代碼范規,參照了Javascript的書籍和網上的代碼,總結而成。
????1.? 代碼縮進采用四格,不能用tab鍵,只用空格,免避生產不必要的錯誤。在vim中置配如下代碼:
????2.? Javascript代碼應不該被包含在HTML件文中,除非這是段特定只屬于此部份的代碼。
????
變量和標示符:
????
?
????4. 不提議改修變量存保值的類型,如:
var message = “hi”;message = 100;????
運算符:
(a>0 && b==1) || (ture || b>1)????
語句
var message; ??
????
?
????2. 代碼塊要以左花括號掃尾,右花括號結束,即使可以單行寫行執代碼也要用“{}”。如:
if (test){alert(test);} ?????3. 如上代碼,if 語句寫書時,if后要有一個空格與括號離隔,括號內的數參與括號不加空格,括號后之緊接花括號,有else時,if的括號后要空一格緊接花括號, else空一格緊接上一個花括號,其后空一格接下一個花括號,除了if,while,do-while,switch,for亦是如此。如:
?
if (a = 0) {a = 1;} else {a = 0;}while (i == 0) {i++;}do {i--;} while (i > 0);for (i = 0; i >= 5; i++ ){} ?????4. 當if—else 行執語句只有一條時,請用成“XX?XX:XX;“的問號運算符。
if (a = 0) {a = 1;} else {a = 0;} ?????改寫成:
a = 0 ? a = 1 : a = 0; ??
????5. 如果應用label語句時,定一要用描述性的標簽,同時不要嵌套過量的環循。
?
????6. 不要應用 with, void , eval。
????
釋注:
????每行釋注的釋注符后要加一個空格后才寫解注,如:
// My name is CKJ. ?????1. 單行釋注:用“//”標注,注意免避無意義的釋注。
????2. 多行釋注:用/**/嵌套,但是每一行的面前要有“*”號,且星號都要對齊,如:
/** This is a comment*/ ?????3. 腳本件文頭釋注范規,如下:
/*** @fileOverview 腳本件文描述* @author<開發者>,…* @version <svn version>* @updateDate <svn update date>*/ ?????4. 編寫只于用極少數應用的變量時,在行尾附上釋注。
????5. 在大較范圍內應用的變量,在其作用域的掃尾附上釋注。
????6. 在釋注之前要用一行空白行。
????
整數:
????
????
引用類型:
????
?
????2. hash中的key與中閣下大括號無空格,key:value的冒號之間也無空格。只有“,”后之要加一個空格。如:
?
{firstname:"Kejia", lastname:"Cai"}, ?????3.拜訪性屬時,用采“[]”的方括號表示法的拜訪方法拜訪。如:
?
man[firstname] 4. Key可是以字符串,如: man[“first name”] 5. 靜態類性屬全體應用大寫字母。如: Ext.MessageBox.YES = “Yes”; 6. 哈希的value如果是字符串,都用采單引號表示。如: region: ‘center’; 7. 數組有很多方法,可以妙巧運用如:????pop(), push(), shift(), unshift(), concate(),
????reverse(), sort(), slice(), indexOf(), lastIndexOf(),
????every(), filter(), forEach(), map(), some(),
????
函數:
?
View Code Ext.create('Ext.data.Store', {storeId:'employeeStore',fields:['firstname', 'lastname', 'seniority', 'dep', 'hired'],data:[{firstname:"Michael", lastname:"Scott"},{firstname:"Dwight", lastname:"Schrute"},{firstname:"Jim", lastname:"Halpert"},{firstname:"Kevin", lastname:"Malone"},{firstname:"Angela", lastname:"Martin"}]}); 每日一道理生活的無奈,有時并不源于自我,別人無心的筑就,那是一種陰差陽錯。生活本就是矛盾的,白天與黑夜間的距離,春夏秋冬之間的輪回,于是有了挑剔的喜愛,讓無奈加上了喜悅的等待。
?
????
?
????3. 數參中有hash或數組:
????(1).當數組或hash只有一層時,直接獨行表現。如:
{firstname:"Kejia", lastname:"Cai"}, (2).當數組或hash中有嵌套時,用采Allmans格風,即閣下大括號/中括號獨有一行(是不并獨自一個符號一行,而是與匹配的擴號和其中的內容開分,不再一同行)。如: data:[{firstname:"Michael", lastname:"Scott"},{firstname:"Dwight", lastname:"Schrute"},{firstname:"Jim", lastname:"Halpert"},{firstname:"Kevin", lastname:"Malone"},{firstname:"Angela", lastname:"Martin"}] 4. 函數中傳入哈希時,定一要用Allmans格風,如: Ext.create(‘Ext.container.Viewport’, {layout: ‘border’,items: []}); 5. 函數之間要用一行空白行。????
幾種EXT的控件簡寫式格:
????
| 名稱 | Ext控件 | 簡稱 |
| 按鈕 | Button | btn |
| 窗口 | Window | win |
| 表格 | GridPanel | grid |
| 數據存儲倉庫 | Store | store |
| 數據列 | ColumnModel | cm |
| 數據選擇式模 | CheckboxSelectionModel | sm |
| 表格底部工具欄 | PagingToolbar | paging |
| 樹 | TreePanel | tree |
| 工具欄 | Toolbar | tbar |
| 表單 | FormPanel | form |
| 復選框 | Checkbox | Chk |
| 下拉列表框 | ComboBox | cbo |
| 文本標簽 | Label | Lbl |
| 數字文本框 | NumberField | Numfield |
| 單選按鈕 | Radio | Radio |
| 文本域 | TextArea | txtarea |
| 文本框 | TextField | txt |
文章結束給大家分享下程序員的一些笑話語錄: 現在社會太數字化了,所以最好是有一個集很多功能于一身的設備!
總結
以上是生活随笔為你收集整理的空格代码JavaScript代码规范(CKJ)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Chandy-Lamport分布式快照算
- 下一篇: SpringBoot上传文件并储存到本地